.task-artwork{--task-orange:#f05324;--task-ink:#383630;--task-line:#cac4ba;--task-peach:#ffeadb;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block;overflow:visible}.task-artwork__ground{fill:#e8e0d5;opacity:.48}.task-artwork__paper{fill:#fffefa;stroke:var(--task-ink);stroke-width:1.35px}.task-artwork__paper-back,.task-artwork__paper-fold{fill:#f0ece4;stroke:var(--task-ink);stroke-width:1.35px}.task-artwork__envelope{fill:#fff8ef;stroke:var(--task-ink);stroke-width:1.5px}.task-artwork__ink{fill:none;stroke:var(--task-ink);stroke-width:1.55px}.task-artwork__rule{fill:none;stroke:var(--task-line);stroke-width:1.5px}.task-artwork__grid{fill:none;stroke:#e4ded5;stroke-width:1px}.task-artwork__orange{fill:var(--task-orange)}.task-artwork__peach{fill:var(--task-peach)}.task-artwork__bar-soft{fill:#f5b796}.task-artwork__graph-fill{fill:var(--task-orange);opacity:.08}.task-artwork__graph-line{fill:none;stroke:var(--task-orange);stroke-width:2.8px}.task-artwork__orange-line{fill:none;stroke:var(--task-orange);stroke-width:1.9px}.task-artwork__white-line{fill:none;stroke:#fffefa;stroke-width:2.5px}.task-artwork__binding{fill:none;stroke:var(--task-ink);stroke-width:3.1px}.task-artwork__trail{fill:none;stroke:#baafa2;stroke-width:1.4px;stroke-dasharray:3 6}.task-artwork__draw,.task-artwork__check{stroke-dasharray:1;stroke-dashoffset:0;animation:8s cubic-bezier(.22,1,.36,1) infinite both task-artwork-draw}.task-artwork__rise{transform-box:fill-box;transform-origin:bottom;animation:8s cubic-bezier(.22,1,.36,1) infinite both task-artwork-rise}.task-artwork__seal{transform-box:fill-box;transform-origin:50%;animation:8s cubic-bezier(.22,1,.36,1) infinite both task-artwork-seal}.task-artwork__dot-arrive{animation:8s infinite both task-artwork-dot}.task-artwork__document-arrive{animation:8s cubic-bezier(.22,1,.36,1) infinite both task-artwork-document}.task-artwork__step-1{animation-delay:.16s}.task-artwork__step-2{animation-delay:.32s}.task-artwork__step-3{animation-delay:.48s}.task-artwork__step-4{animation-delay:.64s}.task-artwork__step-5{animation-delay:.8s}.motion-frame[data-visible=false] .task-artwork *,.motion-frame[data-playing=false] .task-artwork *{animation-play-state:paused}@keyframes task-artwork-draw{0%,8%{stroke-dashoffset:1px}35%,91%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes task-artwork-rise{0%,8%{transform:scaleY(.04)}31%,91%{transform:scaleY(1)}to{transform:scaleY(.04)}}@keyframes task-artwork-seal{0%,18%{opacity:0;transform:scale(.86)}36%,91%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}@keyframes task-artwork-dot{0%,27%{opacity:0}35%,91%{opacity:1}to{opacity:0}}@keyframes task-artwork-document{0%,5%{opacity:0;transform:translate(15px,-19px)}28%,91%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(15px,-19px)}}@media (prefers-reduced-motion:reduce){.task-artwork *{animation:none!important}}
