.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--swatch .swatch-input__input+.swatch-input__label,.product-form__input--swatch .swatch-input__input[value=Purple]+.swatch-input__label,.product-form__input--swatch .swatch-input__input[value=Black]+.swatch-input__label,.product-form__input--swatch .swatch-input__input[value=Grey]+.swatch-input__label,.product-form__input--swatch .swatch-input__input[value=Gray]+.swatch-input__label{--swatch-input--size: 32px;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;margin:.7rem .9rem .2rem 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important;color:transparent!important;vertical-align:middle!important}.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label{outline:2px solid #2C2420!important;outline-offset:3px!important}.product-form__input--swatch .swatch-input__label>.swatch{width:32px!important;height:32px!important;min-width:32px!important;aspect-ratio:1 / 1!important;display:block!important;border-radius:50%!important;border:1px solid rgba(44,36,32,.24)!important;border-style:solid!important;box-sizing:border-box!important;opacity:1!important}.product-form__input--swatch .swatch-input__label>.swatch:after{content:none!important;display:none!important}.product-form__input--swatch .swatch-input__label[title=Purple]>.swatch{--swatch--background: #6B21A8 !important;background:#6b21a8!important}.product-form__input--swatch .swatch-input__label[title=Black]>.swatch{--swatch--background: #1A1A1A !important;background:#1a1a1a!important}.product-form__input--swatch .swatch-input__label[title=Grey]>.swatch,.product-form__input--swatch .swatch-input__label[title=Gray]>.swatch{--swatch--background: #B8B4AE !important;background:#b8b4ae!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-swatch.css.map */