.hb-thumb text{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.01em}
.hb-thumb .ta{animation-duration:var(--d,4s);animation-delay:var(--dl,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.hb-thumb .fb{transform-box:fill-box;transform-origin:center}
.hb-thumb .fbb{transform-box:fill-box;transform-origin:50% 100%}
.hb-thumb .vb{transform-box:view-box}
.hb-thumb .spin{animation-name:hbtSpin;animation-timing-function:linear}
.hb-thumb .spinr{animation-name:hbtSpin;animation-timing-function:linear;animation-direction:reverse}
.hb-thumb .float{animation-name:hbtFloat}
.hb-thumb .pulse{animation-name:hbtPulse}
.hb-thumb .beat{animation-name:hbtBeat}
.hb-thumb .glow{animation-name:hbtGlow}
.hb-thumb .flow{animation-name:hbtFlow;animation-timing-function:linear}
.hb-thumb .draw{animation-name:hbtDraw;stroke-dasharray:100}
.hb-thumb .rise{animation-name:hbtRise;animation-timing-function:ease-out}
.hb-thumb .sway{animation-name:hbtSway}
.hb-thumb .flicker{animation-name:hbtFlicker}
@keyframes hbtSpin{to{transform:rotate(360deg)}}
@keyframes hbtFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--tx,0px),var(--ty,-4px))}}
@keyframes hbtPulse{0%,100%{transform:scale(1)}50%{transform:scale(var(--s,1.08))}}
@keyframes hbtBeat{0%,45%,100%{transform:scale(1)}12%{transform:scale(1.1)}24%{transform:scale(.98)}34%{transform:scale(1.06)}}
@keyframes hbtGlow{0%,100%{opacity:var(--o,.3)}50%{opacity:1}}
@keyframes hbtFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:var(--off,-100)}}
@keyframes hbtDraw{0%{stroke-dashoffset:100;opacity:1}45%{stroke-dashoffset:0}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes hbtRise{0%{transform:translate(0,0);opacity:0}15%{opacity:1}75%{opacity:1}100%{transform:translate(var(--tx,0px),var(--ty,-36px));opacity:0}}
@keyframes hbtSway{0%,100%{transform:rotate(calc(-1 * var(--r,6deg)))}50%{transform:rotate(var(--r,6deg))}}
@keyframes hbtFlicker{0%,100%{transform:scale(1,1)}25%{transform:scale(.92,1.08)}50%{transform:scale(1.05,.94)}75%{transform:scale(.96,1.05)}}
.hb-thumb[data-thumbnail-paused] *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.hb-thumb *{animation:none!important}}