.sd-hc{--btn:#262626;--fg:#fafafa;--mute:#8e8e8e;--tone:#ef4444;color:var(--fg);justify-items:center;gap:12px;display:grid}.sd-hc[data-fill=light]{--btn:#fff;--fg:#111;--mute:#6f6f6f}.sd-hc[data-tone=neutral]{--tone:#a3a3a3}.sd-hc[data-tone=brand]{--tone:#6366f1}.sd-hc__btn{background:var(--btn);height:56px;color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 45%, transparent), 0 12px 30px -14px #0009;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;padding:0 28px;font-size:16px;font-weight:500;transition:transform .3s cubic-bezier(.3,1.5,.4,1);position:relative;overflow:hidden}.sd-hc__btn[data-active]{transform:scale(.97)}.sd-hc__fill{background:var(--tone);transform-origin:0;transition:transform .42s cubic-bezier(.3,1.3,.4,1);position:absolute;inset:0;transform:scaleX(0)}.sd-hc__btn[data-active] .sd-hc__fill{transition:transform var(--hc-ms) linear;transform:scaleX(1)}.sd-hc__btn[data-done] .sd-hc__fill{transform:scaleX(1)}.sd-hc__label{align-items:center;gap:9px;display:inline-flex;position:relative}.sd-hc__btn[data-active] .sd-hc__label,.sd-hc__btn[data-done] .sd-hc__label{color:#fff}.sd-hc__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sd-hc__btn[data-done] .sd-hc__icon{animation:.45s cubic-bezier(.3,1.8,.4,1) sd-hc-pop}@keyframes sd-hc-pop{0%{transform:scale(.3)}}.sd-hc__btn:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.sd-hc__hint{color:var(--mute);margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.sd-hc__btn,.sd-hc__icon{transition:none!important;animation:none!important}.sd-hc__btn[data-active] .sd-hc__fill{transition:transform var(--hc-ms) linear}}