.swatch{--swatch--size: var(--swatch-input--size, 2.8rem);--swatch--border-radius: 50%;display:block;width:var(--swatch--size);height:var(--swatch--size);min-width:var(--swatch--size);aspect-ratio:1;background:var(--swatch--background, #e8e8e8);background-size:cover;background-position:center;border:1.5px solid rgba(0,0,0,.12);border-radius:var(--swatch--border-radius);box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease,border-color .2s ease}.swatch--square{--swatch--border-radius: 5px}.swatch--unavailable{border-style:dashed;border-color:#00000040;opacity:.5}.swatch-input__input{position:absolute;opacity:0;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-swatch.css.map */