.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.reveal[data-d="1"]{transition-delay:80ms}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}.cycle{vertical-align:bottom;text-align:left;display:inline-grid}.cycle>span{opacity:0;grid-area:1/1;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1);transform:translateY(.35em)}.cycle>span.on{opacity:1;transform:none}.cycle>span.off{opacity:0;transform:translateY(-.35em)}.cycle>span.on:after{content:"";background:var(--color-lime);vertical-align:.08em;border-radius:2px;width:.42em;height:.08em;margin-left:.08em;display:inline-block}.demo [data-step]{opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.demo [data-step].in{opacity:1;transform:none}.demo .rail{transition:border-color .3s}.demo .rail:has(>.in){border-color:var(--color-line-2)}.demo .chip{opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s;transform:scale(.9)}.demo .chip.in{opacity:1;transform:none}.demo .bar{transform-origin:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:scaleX(0)}.demo .bar.in{transform:none}.dot{transition:background .3s,color .3s,transform .3s}.dot.in{background:var(--color-ink);color:var(--color-bg);transform:scale(1.06)}.xp{transform-origin:0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scaleX(.12)}.xp.in{transform:scaleX(.72)}.badge-pop{opacity:.35;transition:opacity .3s,transform .3s;transform:scale(.96)}.badge-pop.in{opacity:1;transform:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:6s ease-in-out infinite float}.grain{background-image:radial-gradient(var(--color-line) 1px, transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.hdr{transition:transform .2s}.hdr.up{transform:translateY(-100%)}nav a[aria-current=page]{color:var(--color-ink);font-weight:600}