.swatch{display:block;background:var(--swatch--background);height:1.5rem;width:1.5rem;background-position:center;background-size:cover;border:1px solid #000418;cursor:pointer}.swatch:hover:not(.swatch--checked){outline:1px solid #ffc400;outline-offset:1.5px}.swatch--checked{outline:2px solid #ffc400;outline-offset:1.5px}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-swatch.css.map */