.hp{--hp-ease:cubic-bezier(.22, 1, .36, 1);--hp-shadow-sm:0 1px 2px color-mix(in oklab, var(--foreground) 5%, transparent), 0 12px 32px -14px color-mix(in oklab, var(--foreground) 14%, transparent);--hp-shadow-lg:0 1px 2px color-mix(in oklab, var(--foreground) 5%, transparent), 0 28px 64px -28px color-mix(in oklab, var(--foreground) 24%, transparent)}:where(.dark) .hp{--hp-shadow-sm:0 1px 0 color-mix(in oklab, var(--foreground) 6%, transparent);--hp-shadow-lg:0 1px 0 color-mix(in oklab, var(--foreground) 8%, transparent)}.hp-shadow-sm{box-shadow:var(--hp-shadow-sm)}.hp-shadow-lg{box-shadow:var(--hp-shadow-lg)}.hp-bar-layer{opacity:0;transition:opacity .2s var(--hp-ease)}.hp-bar[data-scrolled=true] .hp-bar-layer{opacity:1}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@keyframes hp-bar-in{to{opacity:1}}.hp-bar-layer{transition:none;animation:linear both hp-bar-in;animation-timeline:scroll(root);animation-range:0 48px}}@media (prefers-reduced-motion:no-preference){.hp-bento[data-armed=true]>.hp-tile{opacity:0;translate:0 12px}.hp-bento[data-in=true]>.hp-tile{opacity:1;transition:opacity .5s var(--hp-ease), translate .5s var(--hp-ease);transition-delay:calc(var(--i,0) * 60ms);transition-delay:calc((sibling-index() - 1) * 60ms);translate:0}.hp-bento[data-armed=true] .hp-micro-in{opacity:0;translate:16px}.hp-bento[data-in=true] .hp-micro-in{opacity:1;transition:opacity .5s var(--hp-ease) .9s, translate .5s var(--hp-ease) .9s;translate:0}.hp-bento[data-armed=true] .hp-micro-fade{opacity:0}.hp-bento[data-in=true] .hp-micro-fade{opacity:1;transition:opacity .4s var(--hp-ease) 1.2s}.hp-bento[data-armed=true] .hp-micro-dim{opacity:.35}.hp-bento[data-in=true] .hp-micro-dim{opacity:1;transition:opacity .5s var(--hp-ease) 1.3s}.hp-bento[data-in=true] .hp-micro-press{animation:hp-press .5s var(--hp-ease) .9s both}.hp-bento[data-in=true] .hp-micro-gone{opacity:0;transition:opacity .3s var(--hp-ease) 1.25s, translate .3s var(--hp-ease) 1.25s;translate:0 -4px}.hp-bento[data-in=true] .hp-micro-later{opacity:1;transition:opacity .4s var(--hp-ease) 1.5s}}.hp-micro-later{opacity:0}@keyframes hp-press{40%{scale:.92}to{scale:1}}@keyframes hp-fill{0%{scale:0 1}to{scale:1}}.hp-step-fill{transform-origin:0;scale:0 1}.hp-step[data-state=done] .hp-step-fill{scale:1}.hp-step[data-state=now] .hp-step-fill{animation:hp-fill var(--hp-step-ms,3.5s) linear both}@media (prefers-reduced-motion:reduce){.hp-step[data-state=now] .hp-step-fill{animation:none;scale:1}}.hp-step[data-state=now][data-paused=true] .hp-step-fill{animation-play-state:paused}.hp-line{transform-origin:top}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){.hp-band{view-timeline:--hp-band block}@keyframes hp-draw{0%{scale:1 0}to{scale:1}}.hp-line{animation:linear both hp-draw;animation-timeline:--hp-band;animation-range:entry 60% cover 55%}@keyframes hp-node{0%{opacity:.35}to{opacity:1}}.hp-node{animation:linear both hp-node;animation-timeline:--hp-band;animation-range:entry calc(55% + var(--n) * 9%) entry calc(65% + var(--n) * 9%)}}}