.card__colors{z-index:2;position:relative;display:flex;flex-wrap:wrap;align-items:center;pointer-events:visible;gap:.6rem;padding-top:15px}.card-article-info+.card__colors{margin-inline-start:auto}.cardcard-information__top .card__colors{justify-content:flex-end}.color-swatch{display:flex;justify-content:center;cursor:pointer;position:relative;width:34px;height:34px;border:#e2e2e2 1px solid;backface-visibility:hidden;transition:transform var(--duration-default) ease}.card__colors--large{gap:.3rem}.card__colors--medium .color-swatch{width:34px;height:34px}.card__colors--large .color-swatch{width:38px;height:38px}.color-swatch:before,.color-swatch:after{content:"";position:absolute;width:100%;height:100%;background-size:cover;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);transition:transform var(--duration-long) ease}.color-swatch a{width:100%;height:100%;z-index:1;position:relative;display:flex;align-items:center;justify-content:center}.color-swatch a:before{content:"";z-index:2;position:absolute;width:1.7rem;height:1.7rem;background-color:transparent;transition:transform var(--duration-long) ease;filter:brightness(1.1)}.card__colors--large .color-swatch a:before{width:2.9rem;height:2.9rem}.card__colors .link{line-height:1}@media screen and (hover:none){.card__colors color-swatch{pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-color-swatches.css.map */