.sd-spd{--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-spd[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-spd :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-spd :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-spd .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-spd{background:var(--soft);width:min(100%,300px);height:340px;box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;position:relative;overflow:hidden}.sd-spd__scrim{background:color-mix(in srgb, var(--bg) 70%, transparent);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.sd-spd[data-open] .sd-spd__scrim{opacity:1;pointer-events:auto}.sd-spd__stack{flex-direction:column-reverse;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;right:18px}.sd-spd__main{border-radius:18px;place-items:center;width:56px;height:56px;transition:transform .16s,border-radius .3s;display:grid;box-shadow:0 10px 24px -10px #0009;background:var(--strong)!important;color:var(--on)!important}.sd-spd__main:active{transform:scale(.92)}.sd-spd[data-open] .sd-spd__main{border-radius:28px}.sd-spd__main svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px;transition:transform .34s cubic-bezier(.3,1.5,.4,1)}.sd-spd[data-open] .sd-spd__main svg{transform:rotate(135deg)}.sd-spd__menu{flex-direction:column-reverse;align-items:flex-end;gap:10px;margin-right:6px;display:flex}.sd-spd__it{opacity:0;pointer-events:none;transition:opacity .18s,transform .28s cubic-bezier(.3,1.5,.4,1);transition-delay:calc(var(--i) * 40ms);outline:0;align-items:center;gap:10px;display:flex;transform:translateY(14px)scale(.8)}.sd-spd[data-open] .sd-spd__it{opacity:1;pointer-events:auto;transform:none}.sd-spd__lab{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:500}.sd-spd__ic{background:var(--bg);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;display:grid}.sd-spd__it:hover .sd-spd__ic,.sd-spd__it:focus-visible .sd-spd__ic{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-spd__ic svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sd-spd__msg{color:var(--mute);font-size:13px;position:absolute;top:18px;left:18px}@media (prefers-reduced-motion:reduce){.sd-spd *,.sd-spd :before,.sd-spd :after{transition:none!important;animation:none!important}}
