.swatch{display:flex;flex-wrap:wrap;gap:var(--inputs-border-width)}.swatch__button{--swatch-size: 3.6rem;--swatch-border-size: var(--inputs-border-width);--swatch-image-size: calc( var(--swatch-size) - (var(--swatch-border-size) * 2) );--swatch-color-size: calc( var(--swatch-size) - (var(--swatch-border-size) * 4) );--swatch-radius: calc(var(--swatch-size) / 2);appearance:none;-webkit-appearance:none;background-color:transparent;border:none;border-radius:var(--swatch-radius);cursor:pointer;display:block;height:var(--swatch-size);padding:0;position:relative;width:var(--swatch-size)}.swatch__button:after{border:var(--swatch-border-size) solid transparent;border-radius:var(--swatch-radius);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.swatch__button:focus-visible{outline:.2rem solid var(--color-base-text);outline-offset:.2rem}.swatch__button--color{align-items:center;display:flex;justify-content:center}.swatch__button--color:before{border-radius:50%;content:"";display:block;height:var(--swatch-color-size);width:var(--swatch-color-size)}.swatch__button--color.swatch__button--white:before{box-shadow:inset 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),.2)}.swatch__button--image{background-position:center;background-repeat:no-repeat;background-size:cover}.swatch .radio__input:checked+.swatch__button:after{border-color:var(--color-base-text)}.swatch .radio__input:disabled+.swatch__button{cursor:not-allowed;opacity:.5}.swatch .radio__input:disabled+.swatch__button:before{background-image:linear-gradient(-45deg,transparent calc(50% - .1rem),rgba(var(--color-foreground),.2) calc(50% - .1rem),rgba(var(--color-foreground),.2) calc(50% + .1rem),transparent calc(50% + .1rem))}.swatch .radio__input:disabled+.swatch__button--image:before{background-color:rgba(var(--color-background),.8)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-swatch.css.map?v=177034111287504615681759337466 */