.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(.6);background-size:cover;background-color:var(--swatch-background-color, transparent);background-image:var(--swatch-background-image, none);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(.6);transition:transform var(--duration-long) ease;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));filter:brightness(1.1)}.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--plp .color-swatch a{pointer-events:auto}.card__colors--plp{align-items:flex-start;gap:.8rem 1rem;overflow:visible;padding-bottom:2.2rem;z-index:5}.card__colors--plp .color-swatch{width:2.8rem;height:3.6rem;overflow:visible;transition:none;z-index:1}.card__colors--plp.card__colors--no-labels{padding-bottom:1rem}.card__colors--plp.card__colors--no-labels .color-swatch{height:2.8rem}.card__colors--plp .color-swatch:before,.card__colors--plp .color-swatch:after{top:50%;left:50%;width:2.2rem;height:2.2rem;transform:translate(-50%,-50%);transition:none}.card__colors--plp .color-swatch:after{box-shadow:inset 0 0 0 .1rem #43505940}.card__colors--plp .color-swatch.is-active:before,.card__colors--plp .color-swatch.is-active:after{transform:translate(-50%,-50%)}.card__colors--plp .color-swatch a:before{width:2.8rem;height:2.8rem;box-shadow:none;transform:scale(1);transition:none}.card__colors--plp .color-swatch.is-active a:before{box-shadow:inset 0 0 0 .1rem #435059}.card__colors--plp .color-swatch__label{position:absolute;top:2.7rem;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:max-content;min-width:0;max-width:8rem;min-height:1.3rem;overflow:hidden;text-overflow:ellipsis;padding:.05rem .9rem;border-radius:.3rem;background-color:#435059;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.02rem;line-height:1.2;text-align:center;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}@media screen and (min-width:1200px){.card__colors--plp .color-swatch__label{font-size:1rem}}@media screen and (hover:none){.card__colors color-swatch{pointer-events:none}.card__colors--plp color-swatch{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-color-swatches.css.map */