.product-form__input--hamsti-color{max-width:100%;min-width:0;width:100%}.hamsti-color-track{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:1.2rem;overflow-x:auto;overflow-y:hidden;padding:.8rem .5rem 1.2rem;max-width:100%;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#e8a0b4 #fff3f7;-webkit-overflow-scrolling:touch}.hamsti-color-track:focus-visible{outline:2px solid #d74378;outline-offset:2px}.hamsti-color-track .hamsti-color-radio{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden}.hamsti-color-choice{flex:0 0 7.4rem;min-width:7.4rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.4rem;margin:0;cursor:pointer;color:rgb(var(--color-foreground));text-decoration:none;text-align:center;scroll-snap-align:start}.hamsti-color-disc{width:4.4rem;height:4.4rem;flex:0 0 4.4rem;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--hamsti-swatch-color);background-size:cover;display:grid;place-items:center;position:relative}.hamsti-color-name{font-size:1.2rem;line-height:1.35;min-height:2.7em;overflow-wrap:anywhere}.hamsti-color-check{display:none;width:2.2rem;height:2.2rem;padding:.25rem;color:#fff;background:#0000007a;border-radius:50%}.hamsti-color-radio:checked+.hamsti-color-choice .hamsti-color-disc,.hamsti-color-swatch--active .hamsti-color-disc{box-shadow:0 0 0 3px #fff,0 0 0 5px #ed79a2}.hamsti-color-radio:checked+.hamsti-color-choice .hamsti-color-check,.hamsti-color-swatch--active .hamsti-color-check{display:block}.hamsti-color-radio:checked+.hamsti-color-choice .hamsti-color-name{font-weight:700}.hamsti-color-radio:focus-visible+.hamsti-color-choice{outline:2px solid #d74378;outline-offset:2px;border-radius:.6rem}.hamsti-color-radio.disabled+.hamsti-color-choice .hamsti-color-disc:after{content:"";width:100%;height:1px;background:#000000a6;transform:rotate(-45deg);position:absolute}.hamsti-color-choice--unknown{justify-content:center;border:1px solid #b7b7b7;border-radius:.8rem}.hamsti-color-radio:checked+.hamsti-color-choice--unknown{outline:2px solid #ed79a2;outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hamsti-color-picker.css.map */