.ha{container-type:inline-size}.ha-stage{position:relative;width:60em;height:45em;font-size:10px;font-size:calc(100cqw / 60);line-height:1.2;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:hsl(var(--background));--ha-sweep: 1s}.ha-scene{position:absolute;left:0;top:0;width:60em;height:38.5em;visibility:hidden;background-color:hsl(var(--background));background-image:linear-gradient(hsl(var(--accent) / .1) .1em,transparent .1em),linear-gradient(90deg,hsl(var(--accent) / .1) .1em,transparent .1em);background-size:2em 2em}.ha-scene.is-prev{visibility:visible;z-index:1}.ha-scene.is-on{visibility:visible;z-index:2}.ha-scene.is-wipe{animation:ha-wipe calc(var(--ha-sweep) * 1.3) linear both}@keyframes ha-wipe{0%{clip-path:polygon(0 0,-10% 0,-20% 100%,0 100%)}to{clip-path:polygon(0 0,120% 0,110% 100%,0 100%)}}.ha-marker{position:absolute;z-index:3;top:-1em;height:40.5em;width:5em;background:hsl(var(--primary));box-shadow:-1.5em 0 hsl(var(--sand));transform:skew(-8.86deg);animation:ha-marker calc(var(--ha-sweep) * 1.3) linear both}@keyframes ha-marker{0%{left:calc(-15% - 2.5em)}to{left:calc(115% - 2.5em)}}.ha-bar{position:absolute;z-index:5;left:0;bottom:0;width:60em;height:6.5em;padding:0 2em;background:hsl(var(--ink));color:hsl(var(--cream));border-top:.1em solid hsl(var(--cream) / .14)}.ha-segs{display:flex;gap:.6em}.ha-seg{padding:.9em 0 .8em;cursor:pointer}.ha-seg>span{display:block;height:.4em;border-radius:1em;background:hsl(var(--cream) / .22);overflow:hidden}.ha-fill{display:block;height:100%;background:hsl(var(--primary));transform:scaleX(0);transform-origin:left}.ha-caption{display:block;font-family:Outfit,Outfit Fallback,Outfit Fallback Android,Inter,Inter Fallback,sans-serif;font-size:2em;font-weight:700;letter-spacing:-.01em}.ha-caption.is-swap{animation:ha-rise .4s ease-out both}@keyframes ha-rise{0%{opacity:0;transform:translateY(.4em)}}.ha-cursor{position:absolute;z-index:4;left:0;top:0;width:0;height:0;opacity:0;transition:transform .75s cubic-bezier(.5,0,.2,1),opacity .25s}.ha-cursor.is-shown{opacity:1}.ha-cursor svg{position:absolute;left:-.3em;top:-.2em;width:2.4em;height:2.4em;filter:drop-shadow(.1em .2em .15em hsl(var(--ink) / .3))}.ha-click{position:absolute;left:-1.5em;top:-1.5em;width:3em;height:3em;border-radius:50%;border:.25em solid hsl(var(--primary));animation:ha-click .45s ease-out both}@keyframes ha-click{0%{transform:scale(.2);opacity:1}to{transform:scale(1.3);opacity:0}}.ha-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ha-tone-primary{background:hsl(var(--primary))}.ha-tone-secondary{background:hsl(var(--secondary))}.ha-tone-accent{background:hsl(var(--accent))}.ha-tone-sand{background:hsl(var(--sand))}@media (prefers-reduced-motion: reduce){.ha-stage *,.ha-stage *:before{animation:none!important;transition:none!important}.ha-seg.is-now .ha-fill{transform:none}}