.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:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.product-form__input--color-photo{display:flex;flex-wrap:wrap;gap:1.2rem;margin-block:.6rem 1.8rem;border:0;padding:0}.product-form__input--color-photo .swatch-input__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product-form__input--color-photo .swatch-input__input+.swatch-input__label{--swatch-input--border-radius: .9rem;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin:0;width:6.8rem;border-radius:var(--swatch-input--border-radius);text-align:center}.product-form__input--color-photo .swatch--photo{--swatch--size: 6.2rem;--swatch--border-radius: .9rem;border:none;border-bottom:2px solid rgba(var(--color-foreground),.28);background-size:var(--swatch-photo-zoom, 130%);background-position:center top}.product-form__input--color-photo .swatch-input__caption{max-width:100%;font-family:var(--sl-font-body, "Figtree", sans-serif);font-size:1.15rem;font-weight:600;line-height:1.1;letter-spacing:.01em;color:rgb(var(--color-foreground))}.product-form__input--color-photo .swatch-input__input:checked+.swatch-input__label .swatch-input__caption{text-decoration:underline;text-underline-offset:.25rem}@media screen and (min-width:750px){.product-form__input--color-photo .swatch--photo{--swatch--size: 5.6rem}.product-form__input--color-photo .swatch-input__input+.swatch-input__label{width:6.2rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-swatch.css.map */