.roadmap-graphic-module__iBSu6G__figure{--part-gap:20px;gap:calc(var(--part-gap) * 2);flex-direction:column;width:100%;max-width:720px;margin:0;display:flex;container-type:inline-size}.roadmap-graphic-module__iBSu6G__part{gap:var(--part-gap);flex-direction:column;display:flex}.roadmap-graphic-module__iBSu6G__figure [data-phase]{--tone:var(--study-phase-1);--tone-text:var(--study-phase-1-text)}.roadmap-graphic-module__iBSu6G__figure [data-phase="2"]{--tone:var(--study-phase-2);--tone-text:var(--study-phase-2-text)}.roadmap-graphic-module__iBSu6G__figure [data-phase="3"]{--tone:var(--study-phase-3);--tone-text:var(--study-phase-3-text)}.roadmap-graphic-module__iBSu6G__criteria{font:11px/1.5 var(--font-mono);color:var(--study-muted);flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.roadmap-graphic-module__iBSu6G__criteria ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roadmap-graphic-module__iBSu6G__criteria li{border:1px solid color-mix(in oklch, var(--study-ink) 20%, transparent);color:var(--study-ink);border-radius:999px;padding:4px 10px}.roadmap-graphic-module__iBSu6G__criteria[data-shown=false]{opacity:0}.roadmap-graphic-module__iBSu6G__criteria[data-shown=true]{transition:opacity .3s ease-out}.roadmap-graphic-module__iBSu6G__phases{--label-width:76px;flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex;position:relative}.roadmap-graphic-module__iBSu6G__phases:before{content:"";inset:-12px 0 -12px calc(var(--label-width) + 16px);border-right:1px solid color-mix(in oklch, var(--study-ink) 7%, transparent);background:repeating-linear-gradient(to right, color-mix(in oklch, var(--study-ink) 7%, transparent) 0 1px, transparent 1px 25%);pointer-events:none;position:absolute}.roadmap-graphic-module__iBSu6G__phase{grid-template-columns:var(--label-width) minmax(0, 1fr);align-items:start;column-gap:16px;display:grid;position:relative}.roadmap-graphic-module__iBSu6G__number{font:11px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tone-text);white-space:nowrap;padding-top:13px}.roadmap-graphic-module__iBSu6G__bar{width:max(var(--span), 8em);height:44px;margin-left:var(--start);background:var(--tone);font:500 13px/1 var(--font-mono);color:var(--study-on-accent);white-space:nowrap;border-radius:10px;align-items:center;padding:0 14px;display:flex}.roadmap-graphic-module__iBSu6G__details{margin:10px 0 0 var(--start)}.roadmap-graphic-module__iBSu6G__details p:first-child{font:15px/1.45 var(--font-sans);color:var(--study-ink);text-wrap:pretty}.roadmap-graphic-module__iBSu6G__details p:last-child{font:11px/1.6 var(--font-mono);color:var(--study-muted);text-wrap:pretty;margin-top:3px}.roadmap-graphic-module__iBSu6G__details span{color:var(--tone-text)}.roadmap-graphic-module__iBSu6G__axis{font:10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--study-muted);align-self:flex-end;margin-top:-8px}.roadmap-graphic-module__iBSu6G__funnel{--row:38px;--inset:4px;--radius:10px;flex-direction:column;gap:8px;display:flex}.roadmap-graphic-module__iBSu6G__stage{position:relative}.roadmap-graphic-module__iBSu6G__stageLabel{font:11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--study-ink);white-space:nowrap;pointer-events:none;position:absolute;top:50%;left:12px;translate:0 -50%}.roadmap-graphic-module__iBSu6G__stageBar{height:var(--row);display:flex}.roadmap-graphic-module__iBSu6G__kept{width:var(--kept);border-radius:var(--radius) 0 0 var(--radius);background:var(--study-neutral)}.roadmap-graphic-module__iBSu6G__gap{align-items:stretch;gap:var(--inset);width:calc(var(--previous) - var(--kept));padding:var(--inset);border-radius:0 var(--radius) var(--radius) 0;background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--study-gap) 45%, transparent) 0 2px, transparent 2px 8px);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--study-gap) 70%, transparent);display:flex}.roadmap-graphic-module__iBSu6G__chip,.roadmap-graphic-module__iBSu6G__fill{border-radius:calc(var(--radius) - var(--inset));white-space:nowrap;justify-content:center;align-items:center;display:flex}.roadmap-graphic-module__iBSu6G__chip{background:var(--study-color);color:var(--study-gap);font:600 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;padding:0 10px}.roadmap-graphic-module__iBSu6G__fill{background:var(--tone);min-width:0;color:var(--study-on-accent);font:500 12px/1 var(--font-mono);flex:1;gap:7px}.roadmap-graphic-module__iBSu6G__fill b{font-weight:700}.roadmap-graphic-module__iBSu6G__phase[data-shown=false] .roadmap-graphic-module__iBSu6G__bar{clip-path:inset(0 100% 0 0 round 10px)}.roadmap-graphic-module__iBSu6G__phase[data-shown=true] .roadmap-graphic-module__iBSu6G__bar{clip-path:inset(0 round 10px);transition:clip-path .6s var(--story-easing)}.roadmap-graphic-module__iBSu6G__phase[data-shown=false] :is(.roadmap-graphic-module__iBSu6G__number,.roadmap-graphic-module__iBSu6G__details){opacity:0;transform:translateY(6px)}.roadmap-graphic-module__iBSu6G__phase[data-shown=true] :is(.roadmap-graphic-module__iBSu6G__number,.roadmap-graphic-module__iBSu6G__details){transition:opacity .3s ease-out .2s, transform .45s var(--story-easing) .2s}.roadmap-graphic-module__iBSu6G__fill[data-shown=false]{opacity:0;transform:translate(-6px)}.roadmap-graphic-module__iBSu6G__fill[data-shown=true]{transition:opacity .25s ease-out, transform .45s var(--story-easing)}@container (max-width:560px){.roadmap-graphic-module__iBSu6G__stageLabel{letter-spacing:.04em;font-size:10px;left:10px}}@container (max-width:480px){.roadmap-graphic-module__iBSu6G__stageLabel{color:var(--study-muted);margin-bottom:6px;position:static;translate:none}}@container (max-width:520px){.roadmap-graphic-module__iBSu6G__fill span{display:none}.roadmap-graphic-module__iBSu6G__fill{min-width:24px}.roadmap-graphic-module__iBSu6G__chip{padding:0 7px}.roadmap-graphic-module__iBSu6G__phases:before{left:0}.roadmap-graphic-module__iBSu6G__phase{grid-template-columns:minmax(0,1fr);row-gap:8px}.roadmap-graphic-module__iBSu6G__number{padding-top:0}.roadmap-graphic-module__iBSu6G__bar,.roadmap-graphic-module__iBSu6G__details{margin-left:calc(var(--start) * .35)}.roadmap-graphic-module__iBSu6G__bar{width:max(calc(var(--span) * 1.7), 7.5em);padding:0 10px}}@container (max-width:280px){.roadmap-graphic-module__iBSu6G__funnel{--inset:3px}.roadmap-graphic-module__iBSu6G__chip{padding:0 5px;font-size:10px}.roadmap-graphic-module__iBSu6G__fill{min-width:18px}}@media (min-width:1025px) and (max-height:780px){.roadmap-graphic-module__iBSu6G__figure{--part-gap:11px}.roadmap-graphic-module__iBSu6G__funnel{--row:30px;gap:6px}.roadmap-graphic-module__iBSu6G__phases{gap:12px}.roadmap-graphic-module__iBSu6G__bar{height:38px}.roadmap-graphic-module__iBSu6G__number{padding-top:10px}.roadmap-graphic-module__iBSu6G__details{margin-top:8px}.roadmap-graphic-module__iBSu6G__details p:first-child{font-size:14px}}@media (min-width:1025px) and (max-height:640px){.roadmap-graphic-module__iBSu6G__figure{--part-gap:8px}.roadmap-graphic-module__iBSu6G__funnel{--row:24px;--inset:3px;--radius:8px;gap:5px}.roadmap-graphic-module__iBSu6G__phases{gap:9px}.roadmap-graphic-module__iBSu6G__bar{height:32px}.roadmap-graphic-module__iBSu6G__number{padding-top:7px}.roadmap-graphic-module__iBSu6G__details{margin-top:5px}}@media (prefers-reduced-motion:reduce){.roadmap-graphic-module__iBSu6G__criteria,.roadmap-graphic-module__iBSu6G__bar,.roadmap-graphic-module__iBSu6G__number,.roadmap-graphic-module__iBSu6G__details,.roadmap-graphic-module__iBSu6G__fill{transition:none!important}}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b529365fa126a3f2-s.17~hndooavd5u.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8e451580e5e95631-s.p.0put2--9ix-3p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato Fallback;src:local(Arial);ascent-override:101.03%;descent-override:21.8%;line-gap-override:0.0%;size-adjust:97.69%}.lato_d659a8aa-module__w5ZGnG__className{font-family:Lato,Lato Fallback;font-style:normal;font-weight:400}
.phone-module__ijSuoG__phone{--silver-light:#f4f5f6;--silver:#cfd1d4;--silver-dark:#8a8c90;--border:#070709;--screen-off:#000;aspect-ratio:100/209.66;width:100%;position:relative;container-type:inline-size}@supports (color:lab(0% 0 0)){.phone-module__ijSuoG__phone{--silver-light:lab(96.5139% -.108719 -.749958);--silver:lab(83.7476% -.214398 -1.49808);--silver-dark:lab(58.2209% -.313073 -2.24222);--border:lab(1.97894% -.0718236 -.617588);--screen-off:lab(0% 0 0)}}.phone-module__ijSuoG__phone[data-crop]{aspect-ratio:100 / calc(2.9 + 203.86 * var(--crop));clip-path:inset(-16px -16px 0);-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.phone-module__ijSuoG__body{aspect-ratio:100/209.66;background:linear-gradient(135deg, var(--silver-light) 0%, var(--silver) 18%, var(--silver-dark) 42%, var(--silver-light) 58%, var(--silver) 78%, var(--silver-dark) 100%);border-radius:14.68cqi;padding:.9cqi;position:absolute;inset:0 0 auto;box-shadow:inset 0 0 0 .2cqi #ffffff8c,0 0 0 .18cqi #393b3db3,0 1cqi 2cqi #3228431f,0 8cqi 16cqi -6cqi #3228434d;box-shadow:inset 0 0 0 .2cqi lab(100% 0 0/.55),0 0 0 .18cqi lab(24.5836% -.253528 -1.86442/.7),0 1cqi 2cqi lab(18.1381% 9.92896 -15.7119/.12),0 8cqi 16cqi -6cqi lab(18.1381% 9.92896 -15.7119/.3)}.phone-module__ijSuoG__bezel{background:var(--border);border-radius:13.78cqi;height:100%;padding:2cqi}.phone-module__ijSuoG__glass{background:var(--screen-off);border-radius:11.78cqi;height:100%;position:relative;overflow:hidden;container-type:inline-size}.phone-module__ijSuoG__button{background:linear-gradient(to right, var(--silver-dark), var(--silver-light) 55%, var(--silver));border-radius:.5cqi;width:1cqi;position:absolute}.phone-module__ijSuoG__button[data-side=left]{left:-.7cqi}.phone-module__ijSuoG__button[data-side=right]{right:-.7cqi}
.screens-graphic-module__fH8Wda__figure{--device-height:min(calc(var(--canvas-svh) * .62), 600px);--gap:clamp(12px, 2vw, 20px);--screen-w:min(calc(var(--device-height) * 390 / 844), calc((100cqi - 2 * var(--gap)) / 3));width:100%;max-width:820px;font-family:var(--font-mono);text-align:center;flex-direction:column;align-items:center;gap:32px;margin:0;display:flex;container-type:inline-size}@media (min-width:1025px){.screens-graphic-module__fH8Wda__figure{flex-shrink:0;width:calc(100% + 64px);margin-inline:-32px}}.screens-graphic-module__fH8Wda__figure[data-phase="1"]{--ring:var(--study-phase-1);--ring-text:var(--study-phase-1-text)}.screens-graphic-module__fH8Wda__figure[data-phase="2"]{--ring:var(--study-phase-2);--ring-text:var(--study-phase-2-text)}.screens-graphic-module__fH8Wda__figure[data-phase="3"]{--ring:var(--study-phase-3);--ring-text:var(--study-phase-3-text)}.screens-graphic-module__fH8Wda__label{color:var(--study-muted);letter-spacing:.08em;text-transform:uppercase;white-space:pre;font-size:11px;line-height:1.6}.screens-graphic-module__fH8Wda__label span{color:var(--study-ink)}.screens-graphic-module__fH8Wda__row{justify-content:center;gap:20px var(--gap);width:100%;display:flex}.screens-graphic-module__fH8Wda__slot{flex:0 0 var(--screen-w);flex-direction:column;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.screens-graphic-module__fH8Wda__slot>.screens-graphic-module__fH8Wda__label{align-items:center;min-height:32px;display:flex}.screens-graphic-module__fH8Wda__screen{position:absolute;inset:0}.screens-graphic-module__fH8Wda__image{width:100%;height:100%;position:absolute;inset:0}.screens-graphic-module__fH8Wda__highlight{border:1.5px solid var(--ring);border-radius:4.5cqi;position:absolute}.screens-graphic-module__fH8Wda__screen video{object-fit:cover}.screens-graphic-module__fH8Wda__carouselSlot{gap:0}.screens-graphic-module__fH8Wda__dots{justify-content:center;align-items:center;gap:5px;height:6px;margin-bottom:8px;display:flex}.screens-graphic-module__fH8Wda__dot{background:color-mix(in oklch, var(--study-ink) 32%, transparent);border-radius:999px;width:6px;height:6px;overflow:hidden}.screens-graphic-module__fH8Wda__dot[data-current=true]{width:20px}.screens-graphic-module__fH8Wda__progress{background:var(--study-ink);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.screens-graphic-module__fH8Wda__carousel,.screens-graphic-module__fH8Wda__slide{position:absolute;inset:0}.screens-graphic-module__fH8Wda__slide[data-visible=false]{visibility:hidden}.screens-graphic-module__fH8Wda__demos{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.screens-graphic-module__fH8Wda__header{width:min(100%, calc(3 * var(--screen-w) + 2 * var(--gap)));justify-content:flex-end;display:flex}.screens-graphic-module__fH8Wda__motion{min-height:44px;font:11px/1 var(--font-mono);color:var(--study-ink);cursor:pointer;touch-action:manipulation;border-radius:6px;align-items:center;gap:7px;margin:-13px -10px -13px 0;padding:0 10px;transition:opacity .15s,transform .15s;display:inline-flex}.screens-graphic-module__fH8Wda__motion svg{width:13px;height:13px}.screens-graphic-module__fH8Wda__motion:focus-visible{outline:2px solid var(--study-accent);outline-offset:2px}.screens-graphic-module__fH8Wda__motion:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.screens-graphic-module__fH8Wda__motion:hover{opacity:.7}}.screens-graphic-module__fH8Wda__metric{font-family:var(--font-sans);background:var(--study-paper);box-shadow:var(--study-card-edge);color:var(--study-ink);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:12px;line-height:1.4;display:inline-flex}.screens-graphic-module__fH8Wda__metric span{background:var(--ring);color:var(--study-on-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex-shrink:0;margin-right:2px;padding:3px 8px;font-size:10px}.screens-graphic-module__fH8Wda__metric svg{stroke-width:1.75px;width:14px;height:14px;color:var(--ring-text);flex-shrink:0}@container (max-width:560px){.screens-graphic-module__fH8Wda__row{--screen-w:min(calc(var(--device-height) * 390 / 844), calc((100cqi - var(--gap)) / 2));flex-wrap:wrap}}@media (min-width:1025px) and (max-height:780px){.screens-graphic-module__fH8Wda__figure{--device-height:calc(var(--canvas-svh) * .56);gap:20px}}@media (prefers-reduced-motion:reduce){.screens-graphic-module__fH8Wda__motion{transition:none}}.screens-graphic-module__fH8Wda__figure[data-layout=showcase]{--device-height:min(calc(100cqh - 88px), 620px);--screen-w:min(calc(var(--device-height) * 390 / 844), calc((100cqi - 4 * var(--gap)) / 5));width:100%;max-width:none;margin-inline:0}.screens-graphic-module__fH8Wda__figure[data-layout=showcase] .screens-graphic-module__fH8Wda__header{width:min(100%, calc(5 * var(--screen-w) + 4 * var(--gap)))}@container (min-width:561px) and (max-width:760px){.screens-graphic-module__fH8Wda__figure[data-layout=showcase] .screens-graphic-module__fH8Wda__row{--screen-w:min(calc(var(--device-height) * 390 / 844), calc((100cqi - 2 * var(--gap)) / 3));flex-wrap:wrap}}
.navigation-graphic-module__3Pj_Ba__figure{--ring:var(--study-phase-1);--ring-text:var(--study-phase-1-text);flex-direction:column;align-items:center;gap:32px;width:100%;max-width:760px;margin:0;display:flex;container-type:inline-size}.navigation-graphic-module__3Pj_Ba__part{flex-direction:column;gap:14px;width:100%;display:flex}.navigation-graphic-module__3Pj_Ba__part+.navigation-graphic-module__3Pj_Ba__part{margin-top:24px}.navigation-graphic-module__3Pj_Ba__label{color:var(--study-muted);font:11px/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.navigation-graphic-module__3Pj_Ba__label span{color:var(--study-ink)}.navigation-graphic-module__3Pj_Ba__schematic{font:10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:0 16px;display:grid}.navigation-graphic-module__3Pj_Ba__side{flex-direction:column;gap:8px;min-width:0;display:flex}.navigation-graphic-module__3Pj_Ba__arrow{width:18px;height:18px;color:var(--study-muted);stroke-width:1.5px;margin-top:82px}.navigation-graphic-module__3Pj_Ba__panel{background:var(--study-paper);box-shadow:var(--study-card-shadow);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.navigation-graphic-module__3Pj_Ba__bar{background:color-mix(in oklch, var(--study-ink) 7%, var(--study-paper));color:var(--study-muted);border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex}.navigation-graphic-module__3Pj_Ba__bar[data-kind=top]{gap:8px;height:30px;padding:0 6px 0 8px}.navigation-graphic-module__3Pj_Ba__bar[data-kind=menu]{transform-origin:top;flex-direction:column;align-items:flex-start;gap:5px;transition:opacity .2s ease-out,transform .32s cubic-bezier(.32,.72,0,1)}.navigation-graphic-module__3Pj_Ba__bar[data-kind=menu][data-open=false]{opacity:0;transform:translateY(-6px)}.navigation-graphic-module__3Pj_Ba__logo{background:color-mix(in oklch, var(--study-ink) 30%, transparent);border-radius:3px;width:12px;height:12px}.navigation-graphic-module__3Pj_Ba__barLabel{flex:1}.navigation-graphic-module__3Pj_Ba__trigger{width:20px;height:20px;color:var(--study-ink);border-radius:5px;place-items:center;display:grid}.navigation-graphic-module__3Pj_Ba__trigger svg{stroke-width:1.75px;width:13px;height:13px}.navigation-graphic-module__3Pj_Ba__trigger[data-open=true]{background:color-mix(in oklch, var(--study-ink) 18%, transparent)}.navigation-graphic-module__3Pj_Ba__chip{background:color-mix(in oklch, var(--study-ink) 12%, transparent);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;width:calc(33.3333% - 4px);height:22px;display:flex}.navigation-graphic-module__3Pj_Ba__chip[data-item=home]{background:color-mix(in oklch, var(--study-ink) 22%, transparent);color:var(--study-ink)}.navigation-graphic-module__3Pj_Ba__chip[data-item=moving]{background:var(--ring);color:var(--study-on-accent)}.navigation-graphic-module__3Pj_Ba__chip[data-item=empty]{border:1px dashed var(--ring);background:color-mix(in oklch, var(--ring) 18%, transparent)}.navigation-graphic-module__3Pj_Ba__demos{--demo-w:min(calc((100cqi - 24px) / 2 - 64px), calc((var(--canvas-svh) - 600px) / .722));grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.navigation-graphic-module__3Pj_Ba__demo{flex-direction:column;align-items:center;gap:16px;min-width:0;display:flex}.navigation-graphic-module__3Pj_Ba__demo>:last-child{width:var(--demo-w)}.navigation-graphic-module__3Pj_Ba__screen,.navigation-graphic-module__3Pj_Ba__layer{position:absolute;inset:0}.navigation-graphic-module__3Pj_Ba__layer>img{width:100%;height:100%;position:absolute;inset:0}.navigation-graphic-module__3Pj_Ba__touch{aspect-ratio:1;background:color-mix(in oklch, var(--study-ink) 35%, transparent);width:10cqi;box-shadow:0 0 0 1.5px color-mix(in oklch, var(--study-ink) 60%, transparent);opacity:0;border-radius:50%;position:absolute;translate:-50% -50%}.navigation-graphic-module__3Pj_Ba__tap{animation:6s infinite navigation-graphic-module__3Pj_Ba__beforeTap}.navigation-graphic-module__3Pj_Ba__beforeBar{clip-path:inset(0 0 91.82%);opacity:0;animation:6s infinite navigation-graphic-module__3Pj_Ba__beforeBar}.navigation-graphic-module__3Pj_Ba__panelClip{clip-path:inset(8.18% 0 0)}.navigation-graphic-module__3Pj_Ba__beforePanel{clip-path:inset(8.18% 0 53.08%);animation:6s infinite navigation-graphic-module__3Pj_Ba__beforePanel;transform:translateY(-38.74%)}@keyframes navigation-graphic-module__3Pj_Ba__beforeTap{0%,13%{opacity:0;scale:1.25}16%{opacity:1;scale:1}19%{opacity:1;scale:.85}23%,to{opacity:0;scale:.85}}@keyframes navigation-graphic-module__3Pj_Ba__beforeBar{0%,19%{opacity:0}21%,76%{opacity:1}78%,to{opacity:0}}@keyframes navigation-graphic-module__3Pj_Ba__beforePanel{0%,19%{animation-timing-function:cubic-bezier(.32,.72,0,1);transform:translateY(-38.74%)}25%,74%{animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(0)}78%,to{transform:translateY(-38.74%)}}.navigation-graphic-module__3Pj_Ba__app{--pt:calc(100cqi / 390);--app-bg:#111;--app-ink:#fff;background:var(--app-bg)}.navigation-graphic-module__3Pj_Ba__afterFeed{clip-path:inset(13.74% 0 0);animation:8s infinite navigation-graphic-module__3Pj_Ba__afterFeed}.navigation-graphic-module__3Pj_Ba__afterTop{clip-path:inset(0 0 93.36%);animation:8s infinite navigation-graphic-module__3Pj_Ba__afterFeed}.navigation-graphic-module__3Pj_Ba__afterNav{animation:8s infinite navigation-graphic-module__3Pj_Ba__afterSticky}.navigation-graphic-module__3Pj_Ba__homeNav{inset:calc(56 * var(--pt)) 0 auto;padding:calc(8 * var(--pt)) calc(24 * var(--pt));position:absolute}.navigation-graphic-module__3Pj_Ba__pill{isolation:isolate;align-items:center;gap:calc(8 * var(--pt));padding:calc(6 * var(--pt)) calc(12 * var(--pt)) calc(6 * var(--pt)) calc(6 * var(--pt));background:color-mix(in srgb, var(--app-ink) 8%, transparent);-webkit-backdrop-filter:blur(calc(12 * var(--pt)));backdrop-filter:blur(calc(12 * var(--pt)));color:color-mix(in srgb, var(--app-ink) 80%, transparent);font-size:calc(14 * var(--pt));line-height:calc(20 * var(--pt));border-radius:999px;display:flex;position:relative}.navigation-graphic-module__3Pj_Ba__pill:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--app-bg) 45%, transparent);box-shadow:0 calc(4 * var(--pt)) calc(16 * var(--pt)) #00000059, inset 0 0 0 1px color-mix(in srgb, var(--app-ink) 6%, transparent);opacity:0;animation:8s infinite navigation-graphic-module__3Pj_Ba__afterStuck;position:absolute;inset:0}.navigation-graphic-module__3Pj_Ba__tab{min-width:1px;padding:calc(4 * var(--pt)) 0;white-space:nowrap;flex:1 0 0;justify-content:center;display:flex}.navigation-graphic-module__3Pj_Ba__tab[data-active]{padding:calc(5 * var(--pt) - 1px) 0;border:1px solid color-mix(in srgb, var(--app-ink) 40%, transparent);background:color-mix(in srgb, var(--app-ink) 20%, transparent);box-shadow:inset calc(2 * var(--pt)) calc(2 * var(--pt)) calc(4 * var(--pt)) color-mix(in srgb, var(--app-ink) 15%, transparent);color:var(--app-ink);border-radius:99px}.navigation-graphic-module__3Pj_Ba__search{padding:calc(4 * var(--pt));flex-shrink:0;display:flex}.navigation-graphic-module__3Pj_Ba__search svg{width:calc(20 * var(--pt));height:calc(20 * var(--pt));fill:currentColor}.navigation-graphic-module__3Pj_Ba__swipe{animation:8s infinite navigation-graphic-module__3Pj_Ba__afterSwipe;transform:translateY(26%)}.navigation-graphic-module__3Pj_Ba__swipe>.navigation-graphic-module__3Pj_Ba__touch{animation:8s infinite navigation-graphic-module__3Pj_Ba__afterTouch;top:0;left:62%}@keyframes navigation-graphic-module__3Pj_Ba__afterFeed{0%,12%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(0)}35%,50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-30%)}60%,74%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(-20%)}90%,to{transform:translateY(0)}}@keyframes navigation-graphic-module__3Pj_Ba__afterSticky{0%,12%{animation-timing-function:cubic-bezier(.65,0,1,1);transform:translateY(0)}20.8%,83%{animation-timing-function:cubic-bezier(0,0,.35,1);transform:translateY(-6.64%)}90%,to{transform:translateY(0)}}@keyframes navigation-graphic-module__3Pj_Ba__afterStuck{0%,20%{opacity:0}23%,82%{opacity:1}85%,to{opacity:0}}@keyframes navigation-graphic-module__3Pj_Ba__afterSwipe{0%,12%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(26%)}35%,50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(12%)}60%{transform:translateY(20%)}74%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(14%)}90%,to{transform:translateY(27%)}}@keyframes navigation-graphic-module__3Pj_Ba__afterTouch{0%,10%{opacity:0}12%,33%{opacity:1}36%,50%{opacity:0}52%,58%{opacity:1}61%,74%{opacity:0}76%,88%{opacity:1}91%,to{opacity:0}}.navigation-graphic-module__3Pj_Ba__demos:not([data-playing=true]) *,.navigation-graphic-module__3Pj_Ba__demos:not([data-playing=true]) :before{animation-play-state:paused}@container (max-width:600px){.navigation-graphic-module__3Pj_Ba__schematic{grid-template-columns:minmax(0,1fr);gap:12px}.navigation-graphic-module__3Pj_Ba__arrow{justify-self:center;margin-top:0;rotate:90deg}.navigation-graphic-module__3Pj_Ba__demos{--demo-w:100cqi;grid-template-columns:minmax(0,1fr);gap:20px}}@media (min-width:1025px) and (max-height:780px){.navigation-graphic-module__3Pj_Ba__figure{gap:20px}.navigation-graphic-module__3Pj_Ba__part+.navigation-graphic-module__3Pj_Ba__part{margin-top:12px}}@media (prefers-reduced-motion:reduce){.navigation-graphic-module__3Pj_Ba__demos *,.navigation-graphic-module__3Pj_Ba__demos :before{animation:none}.navigation-graphic-module__3Pj_Ba__bar[data-kind=menu]{transition:none}.navigation-graphic-module__3Pj_Ba__beforeBar{opacity:1}.navigation-graphic-module__3Pj_Ba__beforePanel{transform:none}.navigation-graphic-module__3Pj_Ba__touch{display:none}}