.card__colors{z-index:2;position:relative;display:flex;flex-wrap:wrap;align-items:center;pointer-events:visible;gap:.6rem;flex-shrink:0}@media screen and (max-width: 749px){.card__colors{gap:.4rem}}.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:1rem;height:1rem;border-radius:50%;backface-visibility:hidden;transition:all ease var(--duration-default)}.card__colors--large{gap:.3rem}.card__colors--medium .color-swatch{width:1.8rem;height:1.8rem}.card__colors--large .color-swatch{width:2.4rem;height:2.4rem}.color-swatch:before,.color-swatch:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-origin:border-box;background-size:cover;transition:transform var(--duration-long) ease}.color-swatch a{width:100%;height:100%;border-radius:50%;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.4rem;height:1.4rem;border-radius:50%;background-color:transparent;transform:scale(.7);transition:all ease var(--duration-long);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.45);opacity:0}.card__colors--medium .color-swatch a:before{width:2.1rem;height:2.1rem}.card__colors--large .color-swatch a:before{width:2.9rem;height:2.9rem}.color-swatch.is-active a:before{transform:scale(1);opacity:1}.card__colors .link{margin-left:.2rem;font-size:1.2rem;line-height:1.3}@media screen and (max-width: 749px){.card__colors .link{margin-left:0}.card__colors .link,.card__colors .link .subheading{font-size:1rem;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-color-swatches.css.map */