.flag-wave{isolation:isolate;position:relative;overflow:hidden}.flag-wave:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:linear-gradient(100deg,#0000 0%,#ffffff8c 12%,#0000 24%,#00000052 36%,#0000 48%,#ffffff73 60%,#0000 72%,#00000047 84%,#0000 100%);background-image:linear-gradient(100deg,#0000 0%,lab(100% 0 0/.55) 12%,#0000 24%,lab(0% 0 0/.32) 36%,#0000 48%,lab(100% 0 0/.45) 60%,#0000 72%,lab(0% 0 0/.28) 84%,#0000 100%);background-size:200% 100%;animation:5s linear infinite flag-breeze;position:absolute;inset:0}.dark .flag-wave:after{mix-blend-mode:soft-light;background-image:linear-gradient(100deg,#0000 0%,#ffffff38 12%,#0000 24%,#00000029 36%,#0000 48%,#ffffff2e 60%,#0000 72%,#00000024 84%,#0000 100%);background-image:linear-gradient(100deg,#0000 0%,lab(100% 0 0/.22) 12%,#0000 24%,lab(0% 0 0/.16) 36%,#0000 48%,lab(100% 0 0/.18) 60%,#0000 72%,lab(0% 0 0/.14) 84%,#0000 100%)}@keyframes flag-breeze{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.flag-wave:after{animation:none}}[data-motion]{--vm-step:.11s}[data-motion=ready] :is(.vm-step,.vm-pop),.vm-js [data-vm]:not([data-motion]) :is(.vm-step,.vm-pop){opacity:0}[data-motion=ready] .vm-bar,.vm-js [data-vm]:not([data-motion]) .vm-bar{transform:scaleX(0)}[data-motion=ready] .vm-bar-y,.vm-js [data-vm]:not([data-motion]) .vm-bar-y{transform:scaleY(0)}[data-motion=play] .vm-step{animation:.4s cubic-bezier(.2,.7,.3,1) both vm-rise;animation-delay:calc(var(--i,0) * var(--vm-step))}[data-motion=play] .vm-pop{animation:.45s cubic-bezier(.2,.7,.3,1) both vm-pop;animation-delay:calc(var(--i,0) * var(--vm-step))}[data-motion=play] .vm-bar{transform-origin:0;animation:.7s cubic-bezier(.2,.7,.3,1) both vm-grow-x;animation-delay:calc(var(--i,0) * var(--vm-step) + .1s)}[data-motion=play] .vm-bar-y{transform-origin:bottom;animation:.65s cubic-bezier(.2,.7,.3,1) both vm-grow-y;animation-delay:calc(var(--i,0) * var(--vm-step) + .1s)}[data-motion=out] :is(.vm-step,.vm-pop,.vm-bar,.vm-bar-y){animation:.4s ease-in both vm-out}svg.vm-pop{transform-box:fill-box;transform-origin:50%}@keyframes vm-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes vm-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes vm-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes vm-grow-y{0%{transform:scaleY(0)}to{transform:none}}@keyframes vm-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-motion] :is(.vm-step,.vm-pop,.vm-bar,.vm-bar-y){opacity:1!important;animation:none!important;transform:none!important}}.docs-steps{counter-reset:docs-step}.docs-steps>li{counter-increment:docs-step;padding-bottom:1.25rem;padding-left:2.75rem;position:relative}.docs-steps>li:last-child{padding-bottom:0}.docs-steps>li:before{content:counter(docs-step);border:1px solid var(--border);background:var(--muted);width:1.75rem;height:1.75rem;color:var(--foreground);border-radius:9999px;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:-.05rem;left:0}.docs-steps>li:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:1.95rem;bottom:.15rem;left:calc(.875rem - .5px)}
