.sd-pnl{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-pnl[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-pnl :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-pnl :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-pnl .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-pnl{background:var(--bg);width:min(100%,290px);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:26px;outline:0;padding:22px 18px 18px}.sd-pnl__lock{background:var(--soft);border-radius:99px;place-items:center;width:38px;height:38px;margin:0 auto 10px;display:grid}.sd-pnl__lock svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.sd-pnl__t{margin:0;font-size:15px;font-weight:600}.sd-pnl__msg{min-height:18px;color:var(--mute);font-variant-numeric:tabular-nums;margin:4px 0 14px;font-size:12.5px}.sd-pnl__dots{justify-content:center;gap:14px;height:14px;margin-bottom:20px;display:flex}.sd-pnl__dots[data-shake]{animation:.42s cubic-bezier(.36,.07,.19,.97) sd-pnl-shake}.sd-pnl__dot{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--mute);border-radius:99px;transition:background-color .12s,transform .16s cubic-bezier(.3,1.6,.4,1),box-shadow .12s}.sd-pnl__dot[data-on]{background:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);transform:scale(1.12)}.sd-pnl[data-ok] .sd-pnl__dot{background:var(--fg);box-shadow:none}.sd-pnl__pad{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px 14px;display:grid}.sd-pnl__k{font-variant-numeric:tabular-nums;touch-action:manipulation;border-radius:99px;place-items:center;width:62px;height:62px;font-size:24px;font-weight:500;transition:transform 90ms,background-color .12s;display:grid;background:var(--soft)!important}.sd-pnl[data-pad=flat] .sd-pnl__k{border-radius:14px;width:100%;height:52px}.sd-pnl__k:active{transform:scale(.94);background:var(--line)!important}.sd-pnl__k[data-ghost]{color:var(--mute);font-size:13px;background:0 0!important}.sd-pnl__k:disabled{opacity:.35;cursor:not-allowed}.sd-pnl__k svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@keyframes sd-pnl-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.sd-pnl *,.sd-pnl :before,.sd-pnl :after{transition:none!important;animation:none!important}}