.card-swatches{margin-top:.8rem}.card-swatches__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.card-swatches__item{flex-shrink:0}.card-swatch{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:.15rem solid rgba(var(--color-foreground),.15);border-radius:50%;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden;text-decoration:none}.card-swatch:hover{border-color:rgba(var(--color-foreground),.6);transform:scale(1.1)}.card-swatch--color:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--swatch-color, #ccc)}.card-swatch--image,.card-swatch--variant_image{border-radius:.3rem}.card-swatch--image:before,.card-swatch--variant_image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.2rem;background-image:var(--swatch-image);background-size:cover;background-position:center}.card-swatch--unavailable{opacity:.4}.card-swatch--unavailable:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.1rem;background-color:rgba(var(--color-foreground),.6);transform:rotate(-45deg);z-index:1}.card-swatch--more{background-color:rgba(var(--color-foreground),.05);font-size:1rem;font-weight:500;color:rgba(var(--color-foreground),.7)}.card-swatch--more:hover{background-color:rgba(var(--color-foreground),.1)}@media screen and (min-width: 750px){.card-swatch{width:2.8rem;height:2.8rem}.card-swatch--more{font-size:1.1rem}}.swatch-container{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem}.swatch-wrapper{position:relative}.swatch{display:flex;align-items:center;justify-content:center;min-width:5rem;min-height:5rem;border:.2rem solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;position:relative;overflow:hidden}.swatch:hover{border-color:rgba(var(--color-foreground),.4);transform:scale(1.05)}.swatch__color{display:block;width:100%;height:100%;border-radius:50%;background-color:var(--swatch-color, #ccc);position:absolute;top:0;left:0}.swatch__image{display:block;width:100%;height:100%;border-radius:50%;background-image:var(--swatch-image);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0}.swatch--image,.swatch--variant_image{border-radius:.4rem}.swatch--image .swatch__image,.swatch--variant_image .swatch__image{border-radius:.2rem}.swatch__text{padding:.8rem 1.6rem;font-size:1.3rem;font-weight:500;letter-spacing:.05rem;text-transform:uppercase;white-space:nowrap;color:#121212}.swatch.swatch--text{border:2px solid #121212!important;background-color:#fff!important;border-radius:4rem!important;min-width:auto!important;min-height:auto!important;overflow:visible!important;padding:0}.swatch.swatch--text:hover{background-color:#f5f5f5!important}.swatch.swatch--text.swatch--selected,.swatch__input:checked+.swatch.swatch--text{background-color:#121212!important;color:#fff}.swatch.swatch--text.swatch--selected .swatch__text,.swatch__input:checked+.swatch.swatch--text .swatch__text{color:#fff}.swatch__input:checked+.swatch,.swatch--selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground))}.swatch__input:focus-visible+.swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.swatch--disabled{opacity:.4;cursor:not-allowed}.swatch--disabled:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.15rem;background-color:rgba(var(--color-foreground),.6);transform:rotate(-45deg);transform-origin:center;z-index:1}.swatch--disabled:hover{transform:none;border-color:rgba(var(--color-foreground),.1)}@media screen and (min-width: 750px){.swatch{min-width:6rem;min-height:6rem}.swatch--image,.swatch--variant_image{min-width:7rem;min-height:7rem}.swatch__text{font-size:1.3rem;padding:.8rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */