.swatch{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:.2rem solid rgba(var(--color-foreground),.15);border-radius:50%;object-fit:cover;overflow:hidden}.swatch.swatch-input__label{border-radius:50%}.swatch.swatch--square{border-radius:0}.swatch.swatch--square-round{border-radius:5px}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.swatch.swatch-input__label img.swatch-image{border-radius:50%}.swatch img.swatch-image{aspect-ratio:1/1;object-fit:cover;width:var(--swatch-size);height:var(--swatch-size)}.swatch.swatch--portrait,.swatch.swatch--portrait img.swatch-image{aspect-ratio:2/3;border-radius:0;height:auto}.swatch.default-swatch{background-color:#eee;display:flex;align-items:center;line-height:100%;font-size:13px;justify-content:center;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-swatch.css.map */