.dragon-draw .dragon-stroke{opacity:0}.dragon-draw .dragon-stroke path{fill:none;stroke:var(--ember);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}@media (min-width:48rem){.dragon-draw .dragon-stroke path{stroke-width:.75px}}@media (prefers-reduced-motion:no-preference){.dragon-draw:not([data-drawn]) .dragon-fill{animation:dragon-fill-sweep .45s var(--ease-out) 1.2s both, dragon-cool .7s ease-out 1.35s both}.dragon-draw:not([data-drawn]) .dragon-stroke{animation:.7s ease-in 1.8s both dragon-stroke-out}.dragon-draw:not([data-drawn]) .dragon-stroke path{stroke-dasharray:1 1}.dragon-draw:not([data-drawn]) .dragon-outline{animation:dragon-trace 1.5s var(--ease-in-out) .15s both}.dragon-draw:not([data-drawn]) .dragon-cut{animation:dragon-trace .6s var(--ease-out) .95s both}}@keyframes dragon-trace{0%{stroke-dashoffset:1px;opacity:0}2%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes dragon-fill-sweep{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes dragon-cool{0%{fill:var(--ember)}}@keyframes dragon-stroke-out{0%{opacity:1}to{opacity:0}}.demos{--cycle:12s}@media (prefers-reduced-motion:no-preference){.demos[data-animate] [data-loop]{animation-duration:var(--cycle);animation-iteration-count:infinite;animation-timing-function:var(--ease-out);animation-play-state:paused;animation-fill-mode:both}.demos[data-animate][data-playing] [data-loop]{animation-play-state:running}.demos[data-animate] [data-loop=z-search]{animation-name:z-search}.demos[data-animate] [data-loop=z-read]{animation-name:z-read}.demos[data-animate] [data-loop=z-answer]{animation-name:z-answer}.demos[data-animate] [data-loop=z-chip]{animation-name:z-chip;animation-timing-function:var(--ease-spring)}.demos[data-animate] [data-loop=i-scan]{animation-name:i-scan;animation-timing-function:linear}.demos[data-animate] [data-loop=i-net]{animation-name:i-net}.demos[data-animate] [data-loop=i-vat]{animation-name:i-vat}.demos[data-animate] [data-loop=i-gross]{animation-name:i-gross}.demos[data-animate] [data-loop=i-check]{animation-name:i-check}.demos[data-animate] [data-loop=e-mark-1]{animation-name:e-mark-1}.demos[data-animate] [data-loop=e-mark-2]{animation-name:e-mark-2}.demos[data-animate] [data-loop=e-mark-3]{animation-name:e-mark-3}.demos[data-animate] [data-loop=e-field-1]{animation-name:e-field-1}.demos[data-animate] [data-loop=e-field-2]{animation-name:e-field-2}.demos[data-animate] [data-loop=e-field-3]{animation-name:e-field-3}.demos[data-animate] [data-loop=e-field-4]{animation-name:e-field-4}}@keyframes z-search{0%,46%{opacity:0;translate:0 .4rem}49%,57%{opacity:1;translate:0}60%,to{opacity:0;translate:0 -.4rem}}@keyframes z-read{0%,42%{opacity:1;translate:0}45%,59%{opacity:0;translate:0 .4rem}62%,to{opacity:1;translate:0}}@keyframes z-answer{0%,42%{opacity:1;clip-path:inset(0)}45%,64%{opacity:0;clip-path:inset(0 0 100%)}66%{opacity:1}76%,to{opacity:1;clip-path:inset(0)}}@keyframes z-chip{0%,42%{opacity:1;scale:1}45%,76%{opacity:0;scale:.6}81%,to{opacity:1;scale:1}}@keyframes i-scan{0%,46%{opacity:0;translate:0}48%{opacity:1}68%{opacity:1;translate:0 100%}71%,to{opacity:0;translate:0 100%}}.scan-layer{opacity:0}.scan-layer:before{content:"";inset-inline:0;background-color:var(--ember);height:2px;box-shadow:0 0 12px 2px color-mix(in oklab, var(--ember) 55%, transparent);position:absolute;top:0}@keyframes i-net{0%,42%{opacity:1;translate:0}45%,56%{opacity:0;translate:-.5rem}60%,to{opacity:1;translate:0}}@keyframes i-vat{0%,42%{opacity:1;translate:0}45%,60%{opacity:0;translate:-.5rem}64%,to{opacity:1;translate:0}}@keyframes i-gross{0%,42%{opacity:1;translate:0}45%,64%{opacity:0;translate:-.5rem}68%,to{opacity:1;translate:0}}@keyframes i-check{0%,42%{opacity:1;translate:0}45%,72%{opacity:0;translate:0 .5rem}77%,to{opacity:1;translate:0}}@keyframes e-mark-1{0%,42%{background-size:100% 100%}45%,48%{background-size:0% 100%}53%,to{background-size:100% 100%}}@keyframes e-mark-2{0%,42%{background-size:100% 100%}45%,53%{background-size:0% 100%}58%,to{background-size:100% 100%}}@keyframes e-mark-3{0%,42%{background-size:100% 100%}45%,58%{background-size:0% 100%}63%,to{background-size:100% 100%}}@keyframes e-field-1{0%,42%{opacity:1;translate:0}45%,64%{opacity:0;translate:0 .4rem}68%,to{opacity:1;translate:0}}@keyframes e-field-2{0%,42%{opacity:1;translate:0}45%,67%{opacity:0;translate:0 .4rem}71%,to{opacity:1;translate:0}}@keyframes e-field-3{0%,42%{opacity:1;translate:0}45%,70%{opacity:0;translate:0 .4rem}74%,to{opacity:1;translate:0}}@keyframes e-field-4{0%,42%{opacity:1;translate:0}45%,73%{opacity:0;translate:0 .4rem}77%,to{opacity:1;translate:0}}.mark-sweep{background-image:linear-gradient(color-mix(in oklab, var(--ember) 32%, transparent), color-mix(in oklab, var(--ember) 32%, transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;border-radius:.2em}@media (prefers-reduced-motion:no-preference){.demos[data-animate][data-playing] .pulse-dot{animation:1.2s ease-in-out infinite pulse-dot}}@keyframes pulse-dot{50%{opacity:.35}}.steps{view-timeline:--steps block}.steps-line:after{content:"";background-color:var(--ember);transform-origin:0;position:absolute;inset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.steps-line:after{animation:linear both steps-fill;animation-timeline:--steps;animation-range:entry 60% cover 55%}}}@keyframes steps-fill{0%{scale:0 1}to{scale:1}}