@property --process-scroll-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hokami-process-scroll-step{--process-text-offset:clamp(0px, calc((100cqw - var(--process-text-min-width)) * var(--process-text-offset-rate)), var(--process-text-max-offset));display:none}.hokami-process-scroll-choice:checked+.hokami-process-scroll-step{display:grid}.hokami-process-scroll-choice:checked+.hokami-process-scroll-step+.hokami-process-scroll-control{border-color:var(--color-text-accent);color:var(--color-text-accent)}.hokami-process-scroll-choice:focus-visible+.hokami-process-scroll-step+.hokami-process-scroll-control{outline:2px solid var(--color-focus-ring);outline-offset:2px}.hokami-process-scroll[data-driver=fallback],.hokami-process-scroll[data-driver=reduced]{--process-distance:150svh;--process-controls-space:0px}:is(.hokami-process-scroll[data-driver=fallback],.hokami-process-scroll[data-driver=reduced]) .hokami-process-scroll-choice,:is(.hokami-process-scroll[data-driver=fallback],.hokami-process-scroll[data-driver=reduced]) .hokami-process-scroll-control{display:none}:is(.hokami-process-scroll[data-driver=fallback],.hokami-process-scroll[data-driver=reduced]) .hokami-process-scroll-step{display:grid}@supports (animation-timeline:--process-scroll) and (animation-range:contain 0% contain 100%) and (view-timeline-inset:0px 0px){@media (prefers-reduced-motion:no-preference){.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]){--process-distance:150svh;--process-controls-space:0px;view-timeline-name:--process-scroll;view-timeline-axis:block;view-timeline-inset:var(--process-top) var(--process-bottom)}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) .hokami-process-scroll-choice,.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) .hokami-process-scroll-control{display:none}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) [data-process-orbit]{animation:1ms linear both hokami-process-scroll-orbit;animation-timeline:--process-scroll;animation-range:contain}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) [data-process-progress]{animation:1ms linear both hokami-process-scroll-sweep;animation-timeline:--process-scroll;animation-range:contain}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) [data-process-node]:not([data-process-node-index="0"]){animation:1ms step-end both hokami-process-scroll-node;animation-timeline:--process-scroll;animation-range:contain 0% contain var(--process-node-position)}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) .hokami-process-scroll-step{display:grid}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) .hokami-process-scroll-step:not([data-first]){animation:1ms linear both hokami-process-scroll-enter;animation-timeline:--process-scroll;animation-range:contain var(--process-enter-start) contain var(--process-enter-end)}.hokami-process-scroll:not([data-static]):not([data-driver=fallback]):not([data-driver=reduced]) .hokami-process-scroll-exit:not([data-last]){animation:1ms linear forwards hokami-process-scroll-exit;animation-timeline:--process-scroll;animation-range:contain var(--process-exit-start) contain var(--process-exit-end)}}}@keyframes hokami-process-scroll-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hokami-process-scroll-sweep{0%{--process-scroll-angle:0deg}to{--process-scroll-angle:360deg}}@keyframes hokami-process-scroll-node{0%{opacity:0}to{opacity:1}}@keyframes hokami-process-scroll-enter{0%{opacity:0;transform:translateY(var(--process-text-offset))}to{opacity:1;transform:translateY(0)}}@keyframes hokami-process-scroll-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--process-text-offset))}}