:root{--hvi-progress-blue:#1f6bff;--hvi-progress-second:#2e7dff;--hvi-progress-violet:#7b5cf5;--hvi-progress-pink:#e5408f;--hvi-progress-orange:var(--orange);--hvi-grid:color-mix(in srgb, var(--brand) 7%, transparent);--hvi-trace:linear-gradient(120deg,var(--hvi-progress-blue),var(--hvi-progress-violet),var(--hvi-progress-pink),var(--hvi-progress-orange))}.hvi-scope{letter-spacing:0;min-width:0}.hvi-scope h1,.hvi-scope h2,.hvi-scope p{text-wrap:pretty}.hvi-scope button{white-space:nowrap}.hvi-map{background-image:linear-gradient(var(--hvi-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hvi-grid) 1px,transparent 1px);background-size:24px 24px}.hvi-progress-fill{background:linear-gradient(90deg,var(--hvi-progress-blue) 0%,var(--hvi-progress-second) 42%,var(--hvi-progress-violet) 58%,var(--hvi-progress-pink) 68%,var(--hvi-progress-orange) 80%)}.hvi-trace{background:linear-gradient(var(--card),var(--card)) padding-box,var(--hvi-trace) border-box;border:1px solid #0000}.hvi-flow{transition:height .45s cubic-bezier(.22,1,.36,1)}.hvi-flow [data-step-current]{animation:.45s ease-out both hvi-enter}.hvi-flow [data-step-leaving]{pointer-events:none;animation:.18s ease-out both hvi-leave;position:absolute;inset:0}.hvi-flow[data-direction=back] [data-step-current]{animation-name:hvi-enter-back}.hvi-flow[data-direction=back] [data-step-leaving]{animation-name:hvi-leave-back}@keyframes hvi-enter-back{0%,35%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes hvi-leave-back{to{opacity:0;transform:translateY(4px)}}@keyframes hvi-enter{0%,35%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hvi-leave{to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hvi-flow{transition:none}.hvi-flow [data-step-current],.hvi-flow [data-step-leaving]{animation-duration:75ms;transform:none}}