.sd-hsp{--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-hsp[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-hsp :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-hsp :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-hsp .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-hsp{outline:0;width:min(100%,340px)}.sd-hsp__stage{aspect-ratio:4/3;background:var(--soft);border-radius:18px;position:relative;overflow:hidden}.sd-hsp__stage>svg{width:100%;height:100%;position:absolute;inset:0}.sd-hsp__dot{border-radius:99px;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;font-size:12px;font-weight:700;transition:transform .2s cubic-bezier(.3,1.6,.4,1),opacity .2s;display:grid;position:absolute;box-shadow:0 2px 8px #00000059;color:#111!important;background:#fff!important}.sd-hsp__dot:before{content:"";opacity:0;border:1.5px solid #fff;border-radius:99px;position:absolute;inset:-6px}.sd-hsp[data-pulse] .sd-hsp__dot:not([data-seen]):before{animation:2s ease-out infinite sd-hsp-ring}.sd-hsp__dot[data-seen]{opacity:.6}.sd-hsp__dot[aria-expanded=true]{opacity:1;transform:scale(1.15);box-shadow:0 0 0 2px #fff;color:#fff!important;background:#111!important}.sd-hsp__card{background:var(--bg);box-shadow:0 14px 30px -10px #0000008c, inset 0 0 0 1px var(--line);border-radius:14px;padding:12px 14px;animation:.22s cubic-bezier(.3,1.3,.4,1) sd-hsp-up;position:absolute;bottom:12px;left:12px;right:12px}.sd-hsp__card h4{justify-content:space-between;gap:10px;margin:0 0 4px;font-size:14.5px;display:flex}.sd-hsp__card h4 span{font-variant-numeric:tabular-nums;font-weight:600}.sd-hsp__card p{color:var(--mute);margin:0;font-size:13px;line-height:1.45}.sd-hsp__nav{color:var(--mute);justify-content:space-between;align-items:center;margin-top:12px;font-size:12.5px;display:flex}.sd-hsp__nav button{box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:6px 12px;font-size:12.5px;color:var(--fg)!important}.sd-hsp__nav button:disabled{opacity:.35}@keyframes sd-hsp-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes sd-hsp-up{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.sd-hsp *,.sd-hsp :before,.sd-hsp :after{transition:none!important;animation:none!important}}