.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.swatch--vinci-code{--swatch--border-radius: 999px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:auto;min-width:5.8rem;height:3.2rem;padding:0 1rem 0 .75rem;aspect-ratio:auto;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.18);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.04);font-size:1.2rem;font-weight:500;letter-spacing:0;line-height:1}.swatch--vinci-code:before{content:"";display:block;width:1.45rem;height:1.45rem;flex:0 0 1.45rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background:var(--swatch--background)}.swatch--vinci-code.swatch--vinci-light:before{border-color:rgba(var(--color-foreground),.38)}.swatch--vinci-code .swatch__code{display:block;text-shadow:none}.swatch-input__input:checked+.swatch-input__label:has(.swatch--vinci-code),.swatch-input__input:active+.swatch-input__label:has(.swatch--vinci-code){outline:none}.swatch-input__input:checked+.swatch-input__label .swatch--vinci-code{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground),.22)}.swatch-input__input:focus-visible+.swatch-input__label:has(.swatch--vinci-code){outline:none}.swatch-input__input:focus-visible+.swatch-input__label .swatch--vinci-code{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.24)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-swatch.css.map */