color-swatch-picker{display:block}.csp__option{min-width:0;margin:0 0 1.25rem;padding:0;border:0}.csp__legend{padding:0;margin-bottom:.75rem}.csp__list{display:flex;flex-wrap:wrap;gap:.75rem}.csp__item{position:relative}.csp__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.csp__input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.csp__swatch{position:relative;display:block;box-sizing:border-box;padding:3px;border:1px solid transparent;cursor:pointer;line-height:0;transition:border-color .2s ease}.csp__img,.csp__fill{display:block;width:var(--csp-size, 72px);height:var(--csp-size, 72px);object-fit:cover;background-position:center;background-repeat:no-repeat;background-size:cover}.csp__fill{box-shadow:inset 0 0 0 1px #00000026}.csp--circle .csp__swatch,.csp--circle .csp__img,.csp--circle .csp__fill{border-radius:50%}.csp__input:checked+.csp__swatch,.csp__input:checked+.csp__pill{border-color:currentColor}.csp__input:focus-visible+.csp__swatch,.csp__input:focus-visible+.csp__pill{outline:2px solid currentColor;outline-offset:2px}.csp__swatch .csp__text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.csp--labels .csp__swatch .csp__text{position:static;display:block;width:auto;height:auto;margin:.4rem 0 0;overflow:visible;clip:auto;font-size:.75rem;line-height:1.3;text-align:center;white-space:normal}.csp__swatch--text{display:flex;align-items:center;justify-content:center;min-width:var(--csp-size, 72px);min-height:var(--csp-size, 72px);padding:.5rem 1rem;line-height:1.3;border-color:color-mix(in srgb,currentColor 30%,transparent)}.csp__swatch--text .csp__text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;text-align:center}.csp__input:checked+.csp__swatch--text{border-color:currentColor}.csp__item[data-unavailable] .csp__swatch,.csp__item[data-unavailable] .csp__pill{opacity:.45}.csp__item[data-unavailable] .csp__swatch:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .5px),currentColor calc(50% - .5px),currentColor calc(50% + .5px),transparent calc(50% + .5px))}.csp__pill{display:block;padding:.6rem 1.1rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);cursor:pointer;line-height:1.2;transition:border-color .2s ease}.csp__select{width:100%;padding:.7rem .9rem}@media(max-width:749px){.csp__img,.csp__fill{width:min(var(--csp-size, 72px),56px);height:min(var(--csp-size, 72px),56px)}}.csp__img,.csp__fill{width:calc(var(--csp-size, 72px) / 2)!important;height:calc(var(--csp-size, 72px) / 2)!important}.csp__list{gap:2px!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/color-swatch-picker.css.map */