.demo .d-cap{font:500 10.5px var(--font-mono);letter-spacing:.12em}.demo .d-labeltext{font:500 10.5px var(--font-body)}.demo .d-num{font:600 11px var(--font-body)}.demo .d-stamptext{font:600 11px var(--font-mono);letter-spacing:.14em}.demo .d-camera{transform-origin:270px 300px;animation:d-camera 14s var(--ease-in-out) infinite}@keyframes d-camera{0%,30%{transform:scale(1)}56%,74%{transform:scale(1.025)}88%,to{transform:scale(1)}}.demo .d-sheet{transform-origin:250px 284px;animation:d-sheet 14s var(--ease-out) infinite}.demo .d-shadow{opacity:.14;animation:d-shadow 14s var(--ease-out) infinite}@keyframes d-sheet{0%{opacity:1;transform:translate(-72px,28px)rotate(-5deg)scale(.94)}7%,88%{opacity:1;transform:translate(0)rotate(0)scale(1)}94%{opacity:1;transform:translate(84px,32px)rotate(5deg)scale(.93)}94.5%,to{opacity:0;transform:translate(84px,32px)rotate(5deg)scale(.93)}}@keyframes d-shadow{0%{opacity:.08;transform:translate(4px,4px)}3%{opacity:.22;transform:translate(6px,12px)}7%,88%{opacity:.14;transform:translate(4px,6px)}94%,to{opacity:.08;transform:translate(4px,4px)}}.demo .d-set-a{animation:28s linear infinite d-set-a}.demo .d-set-b{opacity:0;animation:28s linear infinite d-set-b}@keyframes d-set-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes d-set-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.demo .d-cap-a{animation:28s linear infinite d-cap-a}.demo .d-cap-b{opacity:0;animation:28s linear infinite d-cap-b}@keyframes d-cap-a{0%,1%{opacity:0}3%,46%{opacity:1}48%,to{opacity:0}}@keyframes d-cap-b{0%,51%{opacity:0}53%,96%{opacity:1}98%,to{opacity:0}}.demo .d-ink{stroke-dasharray:1;stroke-dashoffset:0}.demo .d-ink-1{animation:d-draw-1 14s var(--ease-out) infinite}.demo .d-ink-2{animation:d-draw-2 14s var(--ease-out) infinite}.demo .d-ink-3{animation:d-draw-3 14s var(--ease-out) infinite}.demo .d-ink-4{animation:d-draw-4 14s var(--ease-out) infinite}.demo .d-ink-5{animation:d-draw-5 14s var(--ease-out) infinite}.demo .d-ink-6{animation:d-draw-6 14s var(--ease-out) infinite}.demo .d-ink-7{animation:d-draw-7 14s var(--ease-out) infinite}.demo g.d-ink circle,.demo g.d-ink path{stroke-dasharray:1}@keyframes d-draw-1{0%,8%{stroke-dashoffset:1px}12%,to{stroke-dashoffset:0}}@keyframes d-draw-2{0%,11%{stroke-dashoffset:1px}15%,to{stroke-dashoffset:0}}@keyframes d-draw-3{0%,14%{stroke-dashoffset:1px}19%,to{stroke-dashoffset:0}}@keyframes d-draw-4{0%,17%{stroke-dashoffset:1px}22%,to{stroke-dashoffset:0}}@keyframes d-draw-5{0%,20%{stroke-dashoffset:1px}25%,to{stroke-dashoffset:0}}@keyframes d-draw-6{0%,23%{stroke-dashoffset:1px}27%,to{stroke-dashoffset:0}}@keyframes d-draw-7{0%,26%{stroke-dashoffset:1px}30%,to{stroke-dashoffset:0}}.demo g.d-ink-2 circle,.demo g.d-ink-2 path{animation:d-draw-2 14s var(--ease-out) infinite}.demo .d-pen{opacity:0;animation:14s linear infinite d-pen}@keyframes d-pen{0%,7%{opacity:0;transform:translateY(64px)}8%{opacity:1;transform:translateY(96px)}30%{opacity:1;transform:translateY(452px)}31%,to{opacity:0;transform:translateY(452px)}}.demo .d-disc-wrap-1{animation:d-land-1 14s var(--ease-out) infinite}.demo .d-disc-wrap-2{animation:d-land-2 14s var(--ease-out) infinite}.demo .d-disc-wrap-3{animation:d-land-3 14s var(--ease-out) infinite}@keyframes d-land-1{0%,34%{opacity:0;transform:scale(.6)}36.2%{opacity:1;transform:scale(1.06)}37.5%,to{opacity:1;transform:scale(1)}}@keyframes d-land-2{0%,41%{opacity:0;transform:scale(.6)}43.2%{opacity:1;transform:scale(1.06)}44.5%,to{opacity:1;transform:scale(1)}}@keyframes d-land-3{0%,48%{opacity:0;transform:scale(.6)}50.2%{opacity:1;transform:scale(1.06)}51.5%,to{opacity:1;transform:scale(1)}}.demo .d-leader{stroke-dasharray:1;stroke-dashoffset:0}.demo .d-leader-1{animation:d-lead-1 14s var(--ease-out) infinite}.demo .d-leader-2{animation:d-lead-2 14s var(--ease-out) infinite}.demo .d-leader-3{animation:d-lead-3 14s var(--ease-out) infinite}@keyframes d-lead-1{0%,37%{stroke-dashoffset:1px}40%,to{stroke-dashoffset:0}}@keyframes d-lead-2{0%,44%{stroke-dashoffset:1px}47%,to{stroke-dashoffset:0}}@keyframes d-lead-3{0%,51%{stroke-dashoffset:1px}54%,to{stroke-dashoffset:0}}.demo .d-label-1{animation:d-label-1 14s var(--ease-out) infinite}.demo .d-label-2{animation:d-label-2 14s var(--ease-out) infinite}.demo .d-label-3{animation:d-label-3 14s var(--ease-out) infinite}@keyframes d-label-1{0%,39.5%{opacity:0}41.5%,to{opacity:1}}@keyframes d-label-2{0%,46.5%{opacity:0}48.5%,to{opacity:1}}@keyframes d-label-3{0%,53.5%{opacity:0}55.5%,to{opacity:1}}.demo .d-disc{fill:var(--ok)}.demo .d-disc-1{animation:d-fill-1 14s var(--ease-out) infinite}.demo .d-disc-2{animation:d-fill-2 14s var(--ease-out) infinite}.demo .d-disc-3{animation:d-fill-3 14s var(--ease-out) infinite}@keyframes d-fill-1{0%,58%{fill:var(--sev)}60%,to{fill:var(--ok)}}@keyframes d-fill-2{0%,65%{fill:var(--sev)}67%,to{fill:var(--ok)}}@keyframes d-fill-3{0%,72%{fill:var(--sev)}74%,to{fill:var(--ok)}}.demo .d-num{opacity:0}.demo .d-num-1{animation:14s linear infinite d-numout-1}.demo .d-num-2{animation:14s linear infinite d-numout-2}.demo .d-num-3{animation:14s linear infinite d-numout-3}@keyframes d-numout-1{0%,58.5%{opacity:1}60%,to{opacity:0}}@keyframes d-numout-2{0%,65.5%{opacity:1}67%,to{opacity:0}}@keyframes d-numout-3{0%,72.5%{opacity:1}74%,to{opacity:0}}.demo .d-check{stroke-dasharray:1;stroke-dashoffset:0}.demo .d-check-1{animation:d-checkdraw-1 14s var(--ease-out) infinite}.demo .d-check-2{animation:d-checkdraw-2 14s var(--ease-out) infinite}.demo .d-check-3{animation:d-checkdraw-3 14s var(--ease-out) infinite}@keyframes d-checkdraw-1{0%,59.5%{stroke-dashoffset:1px}62%,to{stroke-dashoffset:0}}@keyframes d-checkdraw-2{0%,66.5%{stroke-dashoffset:1px}69%,to{stroke-dashoffset:0}}@keyframes d-checkdraw-3{0%,73.5%{stroke-dashoffset:1px}76%,to{stroke-dashoffset:0}}.demo .d-ring{opacity:0}.demo .d-ring-1{animation:d-ring-1 14s var(--ease-out) infinite}.demo .d-ring-2{animation:d-ring-2 14s var(--ease-out) infinite}.demo .d-ring-3{animation:d-ring-3 14s var(--ease-out) infinite}@keyframes d-ring-1{0%,59%{opacity:0;transform:scale(1)}59.5%{opacity:.6}64%,to{opacity:0;transform:scale(2.1)}}@keyframes d-ring-2{0%,66%{opacity:0;transform:scale(1)}66.5%{opacity:.6}71%,to{opacity:0;transform:scale(2.1)}}@keyframes d-ring-3{0%,73%{opacity:0;transform:scale(1)}73.5%{opacity:.6}78%,to{opacity:0;transform:scale(2.1)}}.demo .d-progress{fill:var(--ok);transform-origin:70px 532px;animation:d-progress 14s var(--ease-in-out) infinite;transform:scaleX(1)}@keyframes d-progress{0%,33%{fill:var(--primary);transform:scaleX(0)}74%{fill:var(--primary);transform:scaleX(1)}76%,to{fill:var(--ok);transform:scaleX(1)}}.demo .d-status-reviewing{opacity:0;animation:14s linear infinite d-reviewing}.demo .d-status-complete{animation:14s linear infinite d-complete}@keyframes d-reviewing{0%,7%{opacity:0}9%,74%{opacity:1}76%,to{opacity:0}}@keyframes d-complete{0%,76%{opacity:0}78%,90%{opacity:1}93%,to{opacity:0}}.demo .d-stamp{animation:d-stamp 14s var(--ease-out) infinite}@keyframes d-stamp{0%,77%{opacity:0;transform:scale(1.18)}78.2%{opacity:1;transform:scale(.985)}80%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo *{animation:none!important}.demo .d-pen,.demo .d-status-reviewing,.demo .d-ring,.demo .d-num,.demo .d-set-b,.demo .d-cap-b{opacity:0}.demo .d-status-complete,.demo .d-set-a,.demo .d-cap-a{opacity:1}}