.swatch{--swatch--size: var(--swatch-input--size, 3.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:flex;align-items:center;justify-content:center;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, center center);background-size:var(--swatch--size-mode, cover);background-repeat:no-repeat;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--swatch--border-radius);transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.swatch--auto-crop{background-size:var(--swatch--size-mode, 380%)!important;background-position:var(--swatch-focal-point, 50% 50%)!important}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .4rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.35);background-color:#faf8f5}.swatch--text-fallback{background-color:#faf8f5;border:.1rem solid rgba(var(--color-foreground),.2)}.swatch__fallback-text{font-size:1rem;font-weight:600;letter-spacing:.04rem;color:#1f1f1f;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2rem;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-swatch.css.map */