.svg-convert-demo{color:#0f4c3a}.svg-convert-demo .arrow,.svg-convert-demo .doc-right{opacity:0}.svg-convert-demo .arrow{animation:svg-convert-arrow 5s cubic-bezier(.16,1,.3,1) infinite;transform-origin:24px 22px}.svg-convert-demo .doc-right{animation:svg-convert-doc-right 5s cubic-bezier(.16,1,.3,1) infinite;transform-origin:38px 22px}@keyframes svg-convert-arrow{0%,12%{opacity:0;transform:scaleX(0)}20%,76%{opacity:1;transform:scaleX(1)}84%,to{opacity:0;transform:scaleX(0)}}@keyframes svg-convert-doc-right{0%,28%{opacity:0;transform:translate(-2px)}36%,76%{opacity:1;transform:translate(0)}84%,to{opacity:0;transform:translate(-2px)}}@media (prefers-reduced-motion: reduce){.svg-convert-demo .arrow,.svg-convert-demo .doc-right{opacity:1;animation:none}}.svg-reminders-demo .env-1,.svg-reminders-demo .env-2,.svg-reminders-demo .env-3{opacity:0}.svg-reminders-demo .env-1{animation:svg-reminders-env-1 4s cubic-bezier(.16,1,.3,1) infinite}.svg-reminders-demo .env-2{animation:svg-reminders-env-2 4s cubic-bezier(.16,1,.3,1) infinite}.svg-reminders-demo .env-3{animation:svg-reminders-env-3 4s cubic-bezier(.16,1,.3,1) infinite}@keyframes svg-reminders-env-1{0%,5%{opacity:0;transform:translateY(-2px)}14%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-2px)}}@keyframes svg-reminders-env-2{0%,18%{opacity:0;transform:translateY(-2px)}27%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-2px)}}@keyframes svg-reminders-env-3{0%,31%{opacity:0;transform:translateY(-2px)}40%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.svg-reminders-demo .env-1,.svg-reminders-demo .env-2,.svg-reminders-demo .env-3{opacity:1;animation:none}}.svg-dashboard-demo{color:#0f4c3a}.svg-dashboard-demo rect[class^=bar-]{transform-origin:center 40px;transform:scaleY(0)}.svg-dashboard-demo .bar-1{animation:svg-dashboard-bar 4s cubic-bezier(.16,1,.3,1) infinite}.svg-dashboard-demo .bar-2{animation:svg-dashboard-bar 4s cubic-bezier(.16,1,.3,1) infinite;animation-delay:.1s}.svg-dashboard-demo .bar-3{animation:svg-dashboard-bar 4s cubic-bezier(.16,1,.3,1) infinite;animation-delay:.2s}.svg-dashboard-demo .bar-4{animation:svg-dashboard-bar 4s cubic-bezier(.16,1,.3,1) infinite;animation-delay:.3s}@keyframes svg-dashboard-bar{0%{transform:scaleY(0)}20%,70%{transform:scaleY(1)}85%,to{transform:scaleY(0)}}@media (prefers-reduced-motion: reduce){.svg-dashboard-demo rect[class^=bar-]{transform:scaleY(1);animation:none}}.svg-invoice-demo{color:#0f4c3a}.svg-invoice-demo .line-1{animation:svg-invoice-line 5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:.2s}.svg-invoice-demo .line-2{animation:svg-invoice-line 5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:.6s}.svg-invoice-demo .line-3{animation:svg-invoice-line 5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:1s}.svg-invoice-demo .line-4{animation:svg-invoice-line 5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:1.4s}.svg-invoice-demo .line-rule,.svg-invoice-demo .total{animation:svg-invoice-total 5s cubic-bezier(.16,1,.3,1) infinite;animation-delay:1.8s}@keyframes svg-invoice-line{0%,4%{opacity:0;transform:translate(-2px)}16%,64%{opacity:.7;transform:translate(0)}74%,to{opacity:0;transform:translate(-2px)}}@keyframes svg-invoice-total{0%,4%{opacity:0}16%,64%{opacity:1}74%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.svg-invoice-demo .line-1,.svg-invoice-demo .line-2,.svg-invoice-demo .line-3,.svg-invoice-demo .line-4,.svg-invoice-demo .line-rule,.svg-invoice-demo .total{opacity:1;animation:none}}.svg-formal-notice-demo{color:#0f4c3a}.svg-formal-notice-demo .seal{opacity:0;transform-box:fill-box;transform-origin:center;animation:svg-formal-notice-seal 5s cubic-bezier(.16,1,.3,1) infinite}@keyframes svg-formal-notice-seal{0%,6%{opacity:0;transform:translate(10px) rotate(0) scale(1);color:#0f4c3a}20%{opacity:1;transform:translate(0) rotate(60deg) scale(1);color:#0f4c3a}24%{opacity:1;transform:translate(0) rotate(90deg) scale(.92);color:#b91c1c}28%,74%{opacity:1;transform:translate(0) rotate(90deg) scale(1);color:#b91c1c}84%,to{opacity:0;transform:translate(10px) rotate(90deg) scale(1);color:#b91c1c}}@media (prefers-reduced-motion: reduce){.svg-formal-notice-demo .seal{opacity:1;transform:rotate(90deg);color:#b91c1c;animation:none}}.svg-send-demo{color:#0f4c3a}.svg-send-demo .envelope{opacity:0;transform-box:fill-box;transform-origin:center;animation:svg-send-envelope 4s cubic-bezier(.16,1,.3,1) infinite}.svg-send-demo .checkmark{opacity:0;transform-box:fill-box;transform-origin:center;animation:svg-send-checkmark 4s cubic-bezier(.16,1,.3,1) infinite}@keyframes svg-send-envelope{0%{opacity:0;transform:translate(12px,24px)}5%{opacity:1;transform:translate(12px,24px)}20%{opacity:1;transform:translate(28px,21px)}32%{opacity:1;transform:translate(48px,27px)}37%,to{opacity:0;transform:translate(60px,24px)}}@keyframes svg-send-checkmark{0%,42%{opacity:0;transform:translate(0) scale(.6)}52%{opacity:1;transform:translate(0) scale(1.1)}58%,86%{opacity:1;transform:translate(0) scale(1)}96%,to{opacity:0;transform:translate(0) scale(.6)}}@media (prefers-reduced-motion: reduce){.svg-send-demo .envelope{opacity:0;animation:none}.svg-send-demo .checkmark{opacity:1;animation:none}}
