.swatch{--swatch--size: 44px;--swatch--border-radius: var(--radius-pill, 9999px);--swatch--pad: 3px;position:relative;display:inline-block;width:var(--swatch--size);height:var(--swatch--size);max-width:100%;padding:var(--swatch--pad);border:1px solid var(--border-hairline, rgba(10, 2, 3, .14));border-radius:var(--swatch--border-radius);cursor:pointer;transition:border-color var(--dur-fast, .15s) var(--ease-default, ease);background:var(--swatch--background, var(--paper, #fcfbf9));background-origin:content-box;background-clip:content-box;background-position:var(--swatch-focal-point, center);background-size:cover}.swatch:hover{border-color:var(--fg-default, #0a0203)}.swatch-input__input:checked+.swatch-input__label .swatch,.swatch.is-active{outline:1px solid var(--fg-default, #0a0203);outline-offset:3px;border-color:transparent}.swatch--square{--swatch--border-radius: 2px}.swatch--unavailable{cursor:not-allowed;opacity:.55;background-image:none}.swatch--unavailable:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:linear-gradient(to top right,transparent 46%,var(--fg-subtle, rgba(10, 2, 3, .35)) 46%,var(--fg-subtle, rgba(10, 2, 3, .35)) 54%,transparent 54%);border-radius:inherit}.swatch--sm{--swatch--size: 30px;--swatch--pad: 2px}.swatch--lg{--swatch--size: 56px;--swatch--pad: 4px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-swatch.css.map */