@media (prefers-reduced-motion:no-preference){.hb-root:not([data-play]) .hb-rise,.hb-root:not([data-play]) .hb-fade,.hb-root:not([data-play]) .hb-nav>header{opacity:0}.hb-root[data-play] .hb-rise{animation:hb-rise var(--dur,.8s) cubic-bezier(.2, .7, .2, 1) var(--at,0s) both}.hb-root[data-play] .hb-fade{animation:hb-fade var(--dur,.8s) ease-out var(--at,0s) both}.hb-root[data-play] .hb-nav>header{animation:hb-navDown .8s cubic-bezier(.2, .7, .2, 1) var(--at,0s) both}}@keyframes hb-rise{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes hb-fade{0%{opacity:0}to{opacity:1}}@keyframes hb-navDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hb-root[data-play] .hb-rise.hb-dim{animation:hb-rise var(--dur,.8s) cubic-bezier(.2, .7, .2, 1) var(--at,0s) both, hb-dim 1.2s ease var(--at2,0s) forwards}.hb-root[data-play] .hb-rise.hb-key{animation:hb-rise var(--dur,.8s) cubic-bezier(.2, .7, .2, 1) var(--at,0s) both, hb-key 1.2s ease var(--at2,0s) forwards}.hb-root[data-play] .hb-fade.hb-type{animation:hb-type var(--dur,.6s) steps(24, end) var(--at,0s) both}.hb-caret{animation:1s step-end infinite hb-blink}}@media (prefers-reduced-motion:reduce){.hb-dim{opacity:.2}.hb-key{color:var(--key,#f7c062)}}@keyframes hb-dim{to{opacity:.2}}@keyframes hb-key{to{color:var(--key,#f7c062)}}@keyframes hb-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hb-blink{50%{opacity:0}}