html[data-motion=on] .hs[data-seq=wait] .hs-b{opacity:0;transform:translateY(14px)}html[data-motion=on] .hs[data-seq=run] .hs-b{transition:opacity .6s ease-out,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.25s + var(--k,0) * .3s)}.hf{gap:2.75rem;margin:0;padding:0 0 0 3.5rem;list-style:none;display:grid;position:relative}.hf:before,.hf:after{content:"";border-radius:2px;width:2px;position:absolute;top:1.25rem;bottom:1.25rem;left:1.2rem}.hf:before{background:color-mix(in oklab, var(--color-foreground) 18%, transparent)}.hf:after{background:var(--color-accent);transform-origin:top;transform:scaleY(var(--p,1))}.hf-step{--q:clamp(0, calc(var(--p,1) * 1.5), 1);position:relative}.hf-node{z-index:1;font-variant-numeric:tabular-nums;background:color-mix(in oklab, var(--color-accent) calc(var(--q) * 100%), var(--color-card));width:2.5rem;height:2.5rem;color:color-mix(in oklab, var(--color-background) calc(var(--q) * 100%), var(--color-muted-foreground));box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--color-accent) calc(30% + var(--q) * 70%), transparent);transform:scale(calc(.85 + .15 * var(--q)));border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex;position:absolute;top:-.1rem;left:-3.5rem}html[data-motion=on] .hf-t{opacity:calc(.45 + .55 * var(--q,1));transform:translate3d(0, calc((1 - var(--q,1)) * .6rem), 0)}html[data-motion=on] .hf-p{opacity:calc(.3 + .7 * var(--q,1));transform:translate3d(0, calc((1 - var(--q,1)) * .8rem), 0)}@media (min-width:1024px){.hf{grid-template-columns:repeat(var(--n), minmax(0, 1fr));column-gap:2rem;padding:0}.hf:before,.hf:after{top:1.2rem;bottom:auto;left:1.25rem;right:calc(100% / var(--n) - (var(--n) - 1) * 2rem / var(--n) - 1.25rem);width:auto;height:2px}.hf:after{transform-origin:0;transform:scaleX(var(--p,1))}.hf-step{--q:clamp(0, calc((var(--p,1) * (var(--n) + 1) - var(--i)) / 1.6), 1);padding-top:4rem}.hf-node{top:0;left:0}}.mt{position:relative}.mt-in{z-index:1;position:relative}.mt-bg{display:none}.mt-nav{scrollbar-width:none;gap:.5rem;margin-inline:-1.5rem;padding:.25rem 1.5rem .5rem;scroll-padding-inline:1.5rem;display:flex;overflow-x:auto}.mt-nav::-webkit-scrollbar{display:none}.mt-pill{text-align:left;white-space:nowrap;min-height:3.25rem;color:var(--color-foreground);background:color-mix(in oklab, var(--color-card) 75%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 15%, transparent);border-radius:1rem;flex:none;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .45rem;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.mt-pill:hover{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--t) 60%, transparent)}.mt-pill[aria-current=true]{background:color-mix(in oklab, var(--t) 22%, var(--color-card));box-shadow:inset 0 0 0 2px var(--t)}.mt-pico{flex:none}.mt-fill{background:var(--t);transform-origin:0;border-radius:3px;height:3px;position:absolute;bottom:4px;left:.75rem;right:.75rem;transform:scaleX(0)}.mt-pill[aria-current=true] .mt-fill{transform:scaleX(1)}@media (min-width:768px){.mt-nav{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}@media (min-width:1024px){.mt-nav{grid-template-columns:repeat(var(--n), minmax(0, 1fr));display:grid}.mt-pill{white-space:normal}}.mt-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:1rem;margin:1.25rem -1.5rem 0;padding:0 1.5rem .75rem;scroll-padding-inline:1.5rem;display:flex;position:relative;overflow-x:auto}.mt-track::-webkit-scrollbar{display:none}.mt-panel{scroll-snap-align:start;scroll-snap-stop:always;background:color-mix(in oklab, var(--t) 11%, var(--color-background));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--t) 40%, transparent);border-radius:1.75rem;flex-direction:column;flex:0 0 min(88%,25rem);gap:1.25rem;padding:1.25rem;display:flex}.mt-text{flex-direction:column;align-items:flex-start;gap:1rem;min-width:0;display:flex}.mt-count{font-variant-numeric:tabular-nums;color:var(--color-foreground);margin:0;font-size:1.125rem;font-weight:700}.mt-count span{color:var(--color-muted-foreground);font-weight:500}@media (min-width:768px){.mt-track{scroll-snap-type:none;gap:1.5rem;margin:2rem 0 0;padding:0;display:grid;overflow:visible}.mt-panel{flex:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:2rem;padding:2rem;scroll-margin-top:6rem;display:grid}.mt-panel>.mt-card{grid-area:1/1}.mt-panel>.mt-text{grid-area:1/2}}@media (min-width:1024px){.mt-panel{column-gap:3rem;padding:2.5rem}}.mt-card{background:var(--color-card);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 14%, transparent), 0 24px 60px -32px color-mix(in oklab, var(--t) 70%, transparent);border-radius:1.5rem;padding:1.25rem;position:relative;overflow:hidden}@media (min-width:640px){.mt-card{padding:1.75rem}}.mt-lis{background:var(--t);height:5px;position:absolute;top:0;left:0;right:0}.mt-avatar{width:2.5rem;height:2.5rem;color:var(--color-foreground);background:color-mix(in oklab, var(--t) 24%, var(--color-card));box-shadow:inset 0 0 0 2px var(--t);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:flex}.mt-chip{min-height:2.25rem;color:var(--color-foreground);background:color-mix(in oklab, var(--color-foreground) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 18%, transparent);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .9rem;font-size:15px;font-weight:500;line-height:1.25;display:flex}.mt-chip-t{background:color-mix(in oklab, var(--t) 24%, var(--color-card));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--t) 75%, transparent)}.mt-typ{opacity:0;pointer-events:none}@keyframes mt-typ{0%{opacity:0;transform:translateY(6px)scale(.9)}18%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.95)}}.mt[data-mode=scene] .mt-scroller{height:calc(100svh + (var(--n) - 1) * 60svh)}.mt[data-mode=scene] .mt-stage{flex-direction:column;justify-content:center;height:calc(100svh - 4rem);display:flex;position:sticky;top:4rem;overflow:hidden}.mt[data-mode=scene] .mt-in{width:100%}.mt[data-mode=scene] .mt-bg{display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 5rem calc(100% - 5rem),#0000);mask-image:linear-gradient(#0000,#000 5rem calc(100% - 5rem),#0000)}.mt-bgl{opacity:0;background:radial-gradient(55% 70% at 28% 55%, color-mix(in oklab, var(--t) 24%, transparent), transparent 72%), color-mix(in oklab, var(--t) 11%, var(--color-background));transition:opacity .8s;position:absolute;inset:0;overflow:hidden}.mt-bgl[data-on=true]{opacity:1}.mt-glyphe{width:min(40vw,34rem);height:auto;color:var(--t);opacity:.12;position:absolute;bottom:-14%;right:-3%;transform:rotate(-8deg)}.mt[data-mode=scene] .mt-nav{padding-top:0}.mt[data-mode=scene] .mt-pill[aria-current=true]{background:color-mix(in oklab, var(--t) 22%, var(--color-card))}.mt[data-mode=scene] .mt-pill{--f:clamp(0, calc(var(--p,0) * var(--n) - var(--i)), 1)}.mt[data-mode=scene] .mt-fill,.mt[data-mode=scene] .mt-pill[aria-current=true] .mt-fill{transform:scaleX(var(--f))}.mt[data-mode=scene] .mt-track{scroll-snap-type:none;margin:1.5rem 0 0;padding:0;display:grid;overflow:visible}.mt[data-mode=scene] .mt-panel{box-shadow:none;background:0 0;border-radius:0;flex:none;grid-area:1/1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:3rem;padding:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),visibility;display:grid}.mt[data-mode=scene] .mt-panel>.mt-card{grid-column:1/span 7}.mt[data-mode=scene] .mt-panel>.mt-text{grid-column:8/span 5;gap:1.25rem}.mt[data-mode=scene] .mt-panel[data-pos=on]{visibility:visible;opacity:1;transform:none}.mt[data-mode=scene] .mt-panel[data-pos=before],.mt[data-mode=scene] .mt-panel[data-pos=after]{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s,transform .45s,visibility 0s linear .4s}.mt[data-mode=scene] .mt-panel[data-pos=before]{transform:translateY(-18px)}.mt[data-mode=scene] .mt-panel[data-pos=after]{transform:translateY(18px)}html[data-motion=on] .mt[data-mode=scene] .mt-s{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(14px)}html[data-motion=on] .mt[data-mode=scene] .mt-panel[data-pos=on] .mt-s{opacity:1;transition:opacity .6s ease-out,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--s,0) * 90ms + .12s);transform:none}html[data-motion=on] .mt[data-mode=scene] .mt-b{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(10px)scale(.98)}html[data-motion=on] .mt[data-mode=scene] .mt-panel[data-pos=on] .mt-b{opacity:1;transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--at,0s) + .25s);transform:none}html[data-motion=on] .mt[data-mode=scene] .mt-panel[data-pos=on] .mt-typ{animation:.65s both mt-typ;animation-delay:calc(var(--ty,0s) + .25s)}html[data-motion=off] :is(.mt-bgl,.mt-pill,.mt-panel,.mt-s,.mt-b){transition:none!important}html[data-motion=off] .mt-typ{animation:none!important}@media (prefers-reduced-motion:reduce){:is(.mt-bgl,.mt-pill,.mt-panel,.mt-s,.mt-b){transition:none!important}.mt-typ{animation:none!important}}
