.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__colors--on-image{position:absolute;top:1rem;right:1rem;flex-direction:column;flex-wrap:nowrap;align-items:center;padding:0;gap:17px;z-index:3;pointer-events:auto;display:flex;display:none}.card__colors--on-image .color-swatch{width:1.8rem;height:1.8rem}.card__colors--on-image .color-swatch a:before{width:28px;height:28px}.card__colors--on-image .link{color:rgb(var(--color-foreground))}.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}.color-swatch:hover{transform:scale(1.1)}.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;top:0;left:0;width:100%;height:100%;border-radius:50%;transform:scale(1.2);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.2)}.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;top:-5;left:-5;width:1.7rem;height:1.7rem;border-radius:50%;background-color:transparent;transform:scale(.9);transition:transform var(--duration-long) ease;box-shadow:inset 0 0 0 .1rem #00000026;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.1);filter:brightness(1);box-shadow:inset 0 0 0 .1rem #000}.card__colors .link{line-height:1}.card-image-swiper{position:relative;width:100%;height:100%}.card-image-swiper .swiper-button-next,.card-image-swiper .swiper-button-prev{opacity:0;transition:opacity .3s ease;background:#fffc;width:32px;height:32px;border-radius:50%;box-shadow:0 2px 8px #00000026}.card-image-swiper:hover .swiper-button-next,.card-image-swiper:hover .swiper-button-prev{opacity:1}.card-image-swiper .swiper-button-next:after,.card-image-swiper .swiper-button-prev:after{font-size:14px;color:#000}.card-image-swiper .swiper-button-next{right:8px}.card-image-swiper .swiper-button-prev{left:8px}.phela-phela-tag{position:absolute;top:8px;left:8px;background:#fff;color:#000;padding:7px 12px 6px;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;z-index:10;border-radius:4px;display:none}@media screen and (max-width:900px){.product-grid .swiper-button-next,.product-grid .swiper-button-prev{display:none!important}.media>*:not(.zoom,.deferred-media__poster-button),.media model-viewer,.media>picture *:not(.zoom,.deferred-media__poster-button){left:0!important}.swiper-free-mode>.swiper-wrapper{padding:6px!important}}@media screen and (max-width:600px){.color-swatch.is-active:before,.color-swatch.is-active:after{transform:scale(.82)}.color-swatch.is-active a:before{transform:scale(1)}.card__colors--on-image .color-swatch a:before{width:20px;height:20px}.color-swatch:before,.color-swatch:after{transform:scale(.8)}.card__colors--on-image{gap:10px}.phela-phela-tag{padding:5px;font-size:10px}.linked-color-swatches__list{gap:8px!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-color-swatches.css.map */