[data-guide=how-it-works] :is(h1,h2,h3,.font-display){font-variant-numeric:lining-nums}@media (min-width:1024px) and (min-height:880px){.hiw-sticky{position:sticky;top:6rem}}.hiw-seq-lanes,.hiw-seq-head{display:none}.hiw-seq-lanes{position:relative}@media (min-width:768px){.hiw-seq{--lanes:22rem;--lane-gap:2rem}.hiw-seq-row{grid-template-columns:var(--lanes) minmax(0, 1fr);column-gap:var(--lane-gap);display:grid}.hiw-seq-lanes{display:block}}@media (min-width:1024px){.hiw-seq{--lanes:26rem;--lane-gap:3rem}}.hiw-seq-life{top:0;bottom:0;left:calc((var(--i) + .5) * 25%);border-left:1px dashed var(--line-2);position:absolute}.hiw-seq-head .hiw-seq-lanes{height:3.25rem}.hiw-seq-head .hiw-seq-life{top:2rem}.hiw-seq-actor{top:0;left:calc((var(--i) + .5) * 25%);border:1px solid var(--line-2);background:var(--surface);text-align:center;white-space:nowrap;max-width:25%;color:var(--ink);border-radius:.5rem;padding:.3rem .4rem;font-size:.8125rem;font-weight:600;line-height:1.2;position:absolute;translate:-50%}@media (min-width:1024px){.hiw-seq-actor{padding-inline:.75rem;font-size:.875rem}}.hiw-seq-msg{border-top:1px solid var(--line);padding-block:1.25rem 1.5rem}.hiw-seq-arrow{top:calc(1.875rem - 1px);left:calc((var(--a) + .5) * 25%);width:calc(var(--n) * 25%);color:var(--ink);border-top:2px solid;position:absolute}.hiw-seq-arrow[data-kind=return]{color:var(--muted);border-top-style:dashed}.hiw-seq-arrow:after{content:"";border-block:6px solid #0000;position:absolute;top:-7px}.hiw-seq-arrow[data-dir=right]{transform-origin:0}.hiw-seq-arrow[data-dir=right]:after{border-left:9px solid;right:-1px}.hiw-seq-arrow[data-dir=left]{transform-origin:100%}.hiw-seq-arrow[data-dir=left]:after{border-right:9px solid;left:-1px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hiw-seq ol>.hiw-seq-row{view-timeline:--hiw-row block}.hiw-seq ol .hiw-seq-msg{animation:linear both hiw-arrive;animation-timeline:--hiw-row;animation-range:cover cover 16%}.hiw-seq ol .hiw-seq-arrow{animation:linear both hiw-draw;animation-timeline:--hiw-row;animation-range:cover 2% cover 20%}}}@keyframes hiw-arrive{0%{opacity:0;translate:0 12px}}@keyframes hiw-draw{0%{scale:0 1}}
