.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.card__swatch{position:relative;z-index:2;flex:0 0 auto;width:3rem;height:2.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.25);border-radius:.5rem;background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:cover;background-position:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card__swatch:hover:not(:disabled){transform:scale(1.1)}.card__swatch.is-active{border-color:#62d0fb;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem #62d0fb}.card__swatch:focus-visible{outline:none;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem #62d0fb}.card__swatch:disabled,.card__swatch.is-unavailable{cursor:default;opacity:.45}.card__swatch.is-unavailable:after{content:"";position:absolute;top:50%;left:-12%;width:124%;height:1px;background:rgba(var(--color-foreground),.85);transform:rotate(-38deg)}.card__swatch[style*="#FFFFFF"],.card__swatch[style*="#ffffff"],.card__swatch[style*="#FFF"]{border-color:rgba(var(--color-foreground),.45)}@media screen and (max-width:749px){.card__swatches{gap:.5rem;margin-top:.8rem}.card__swatch{width:2.6rem;height:2.2rem}}@media(prefers-reduced-motion:reduce){.card__swatch{transition:none}.card__swatch:hover:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/prinsert-swatches.css.map */