.card__colors{z-index:2;position:relative;display:flex;flex-wrap:wrap;align-items:center;pointer-events:visible;gap:.6rem;padding-top:.5rem;padding-bottom:1rem}.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:1.4rem;height:1.4rem;border-radius:50%;backface-visibility:hidden;transition:transform var(--duration-default) ease}.card__colors--large{gap:.3rem}.card__colors--medium .color-swatch{width:1.8rem;height:1.8rem}.card__colors--large .color-swatch{width:2.6rem;height:2.6rem}.color-swatch:before,.color-swatch:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform:scale(.7);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.is-active:before,.color-swatch.is-active:after{transform:scale(1)}.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.7rem;height:1.7rem;border-radius:50%;background-color:transparent;transform:scale(.7);transition:transform var(--duration-long) ease;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));filter:brightness(1.1)}.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);filter:brightness(1)}.card__colors .link{line-height:1}.card__colors :is(.color-swatch,.size-swatch){display:flex;justify-content:center;cursor:pointer;position:relative;width:1.4rem;height:1.4rem;border-radius:50%;backface-visibility:hidden;transition:transform var(--duration-default) ease}.card__colors--medium :is(.color-swatch,.size-swatch){width:1.8rem;height:1.8rem}.card__colors--large :is(.color-swatch,.size-swatch){width:2.6rem;height:2.6rem}.card__colors :is(.color-swatch,.size-swatch) a{width:100%;height:100%;border-radius:50%;z-index:1;position:relative;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.card__colors .size-swatch .swatch__item{font-weight:700;letter-spacing:.02em;text-transform:uppercase}.card__colors .size-swatch{display:inline-flex;align-items:center;justify-content:center;height:2.2rem;padding:0 .6rem;min-width:2.2rem;width:auto;border-radius:0;background:#fff;box-shadow:inset 0 0 0 .1rem #cfcfce}.card__colors .size-swatch:before,.card__colors .size-swatch:after,.card__colors .size-swatch a:before{content:none!important}.card__colors .size-swatch a{width:auto;height:100%;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;padding:0 .1rem;border-radius:inherit}.card__colors .size-swatch .swatch__item{font-size:10px;font-weight:400;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.card__colors.card__sizes{gap:.5rem}.card__colors .size-swatch:focus-within,.card__colors .size-swatch:active{box-shadow:inset 0 0 0 .14remrgb (215,215,215),0 0 0 2px #6625781f}.card__colors.card__sizes{width:100%;justify-content:center;gap:.5rem}.card-information__top .card__colors.card__sizes{margin-left:auto;margin-right:auto;justify-content:center}.card__colors:not(.card__sizes){justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-color-swatches.css.map */