.swatch{display:block;width:100%;height:100%;border-radius:var(--swatch--border-radius, var(--swatch-input--border-radius, var(--swatch-shape-border-radius, 50%)));background:var(--swatch--background, rgba(var(--color-foreground), .08));background-position:var(--swatch-focal-point, center);background-repeat:no-repeat;background-size:cover;overflow:hidden}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--rounded{--swatch--border-radius: var(--swatch-input--border-radius, .6rem)}.swatch--unavailable{opacity:.35;position:relative}.swatch--unavailable:after{content:"";position:absolute;inset:50% auto auto 0;width:140%;height:1px;background:rgb(var(--color-foreground));opacity:.45;transform:rotate(-45deg) translateY(-50%);transform-origin:left center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-swatch.css.map */