.card-variants-wrapp{transition:all .3s ease}.card-variants{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.7rem}.card-variants .card-variant{--swatch-size: 2.2rem;height:var(--swatch-size);width:var(--swatch-size)}.card-variants .card-variant:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);border-radius:50%}.card-variants .card-variant__item{--swatch-size: 2.2rem;display:inline-block;position:relative;width:var(--swatch-size);height:var(--swatch-size);margin:0 auto;border-radius:50%;box-sizing:border-box;outline-offset:.4rem;forced-color-adjust:none;cursor:pointer}@media screen and (min-width: 1560px){.extra-large-layout .card-variants .card-variant,.extra-large-layout .card-variants .card-variant__item{--swatch-size: 3.2rem}.extra-large-layout .card-variant--disabled .swatch{--swatch-input--size: 3.2rem}}.card-variants .active .card-variant__item{outline:.1rem solid rgb(var(--color-foreground));transform:translateZ(0);forced-color-adjust:none}.card-variant--disabled .swatch{--swatch-input--size: 2.4rem;position:relative;overflow:hidden}.card-variant--disabled .swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafa80}.card-variant--disabled .swatch:after{--diagonal--size: calc(var(--swatch-input--size) * 1.414);--crossed-line--size: .1rem;--crossed-line--color: rgb(0, 0, 0);content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--crossed-line--color);transform:rotate(-45deg);transform-origin:left}
/*# sourceMappingURL=/cdn/shop/t/27/assets/product-card-variants.css.map */