.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-radius:var(--swatch--border-radius);border:1px solid rgba(0,0,0,.15);box-sizing:border-box}.swatch--square{--swatch--border-radius: .2rem}.swatch--missing{background-image:repeating-linear-gradient(45deg,#d8d8d8,#d8d8d8 4px,#f0f0f0 4px 8px)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-swatch.css.map */