.hsr .ss-stage{--gutter:8px;background:0 0;overflow:hidden}.hsr .ss-stage[data-layout=compact]{--gutter:4px}.hsr .hsr-win{top:12px;left:var(--gutter);right:var(--gutter);border-radius:12px;position:absolute;bottom:-40px;box-shadow:0 0 0 1px #06102114,0 30px 60px -28px #06102152,0 12px 24px -16px #0610211f}.hsr .hsr-view{overflow:hidden}.hsr .hsr-shot{transform:translateY(calc(-1 * var(--off-wide)));background:#fff;transition:transform .55s cubic-bezier(.65,0,.35,1);position:relative}.hsr .ss-stage[data-layout=compact] .hsr-shot{transform:translateY(calc(-1 * var(--off-compact)))}.hsr .hsr-shot img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.hsr .hsr-ring{box-sizing:content-box;opacity:0;border-radius:10px;margin:-4px;padding:4px;transition:opacity .36s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;transform:scale(1.04);box-shadow:0 0 0 3px #02b6fe,0 0 0 8px #02b6fe33}.hsr .hsr-ring[data-on]{opacity:1;transform:none}.hsr-in{animation:.45s ease-out both hsr-in}@keyframes hsr-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hsr-in{animation:none}}:root.dark .hsr .ss-stage{--ss-chrome:var(--vb-card);--ss-surface:var(--vb-card);--ss-line:var(--vb-line);--ss-ink-1:#ffffff0f;--ss-text-faint:var(--vb-muted);--ss-text-strong:var(--vb-ink)}:root.dark .hsr .hsr-win{box-shadow:0 0 0 1px var(--vb-line), 0 30px 60px -28px #0009, 0 12px 24px -16px #0006}