/* The pack icons the website uses as drawn (see hi-site.css for the rules that apply to all of them). */
@keyframes hi-draw{0%,10%{stroke-dashoffset:1;opacity:0}12%{opacity:1}60%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes hi-appear{0%,10%{opacity:.15}50%,100%{opacity:1}}
@keyframes hi-write{0%,10%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
@keyframes hi-clock{0%,10%{transform:rotate(0)}70%,100%{transform:rotate(360deg)}}
.hi-backup{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-backup .t{fill:var(--t)}.hi-backup .d{fill:var(--d)}.hi-backup .g{fill:var(--g)}
.hi-backup .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
.hi-backup .a1{transform-box:fill-box;transform-origin:left center;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-backup,.hi-backup.is-playing,.hi-backup.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-backup,.hi-backup.is-playing,.hi-backup.hi-autoplay) .a1{animation:hi-write 0.6s cubic-bezier(.4,0,.2,1) 0.08s 1 backwards}
.hi-backup.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-backup.is-busy .a1{animation:hi-write 1.6s cubic-bezier(.4,0,.2,1) 0.32s infinite}
:is(table,form,.hi-static) .hi-backup:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-backup *{animation:none!important}}
@keyframes hi-grow{0%,12%{transform:scaleY(.15)}42%,100%{transform:scaleY(1)}}
.hi-calendar{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-calendar .t{fill:var(--t)}.hi-calendar .d{fill:var(--d)}.hi-calendar .g{fill:var(--g)}
.hi-calendar .a0{transform-box:fill-box;transform-origin:center;}
.hi-calendar .a1{transform-box:fill-box;transform-origin:center;}
@keyframes hi-date{0%,15%{transform:scale(.5);opacity:.2}40%,100%{transform:scale(1);opacity:1}}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-calendar,.hi-calendar.is-playing,.hi-calendar.hi-autoplay) .a0{animation:hi-date 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-calendar,.hi-calendar.is-playing,.hi-calendar.hi-autoplay) .a1{animation:hi-date 0.6s cubic-bezier(.4,0,.2,1) 0.06s 1 backwards}
.hi-calendar.is-busy .a0{animation:hi-date 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-calendar.is-busy .a1{animation:hi-date 1.6s cubic-bezier(.4,0,.2,1) 0.24s infinite}
:is(table,form,.hi-static) .hi-calendar:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-calendar *{animation:none!important}}
@keyframes hi-typing{0%,60%,100%{opacity:1;transform:scale(1)}25%{opacity:.25;transform:scale(.7)}}
.hi-crm{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-crm .t{fill:var(--t)}.hi-crm .d{fill:var(--d)}.hi-crm .g{fill:var(--g)}
.hi-crm .a0{transform-box:fill-box;transform-origin:center;}
.hi-crm .a1{transform-box:fill-box;transform-origin:center;}
.hi-crm .a2{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-crm,.hi-crm.is-playing,.hi-crm.hi-autoplay) .a0{animation:hi-appear 0.6s cubic-bezier(.4,0,.2,1) 0.03s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-crm,.hi-crm.is-playing,.hi-crm.hi-autoplay) .a1{animation:hi-appear 0.6s cubic-bezier(.4,0,.2,1) 0.03s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-crm,.hi-crm.is-playing,.hi-crm.hi-autoplay) .a2{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0.06s 1 backwards}
.hi-crm.is-busy .a0{animation:hi-appear 1.6s cubic-bezier(.4,0,.2,1) 0.12s infinite}
.hi-crm.is-busy .a1{animation:hi-appear 1.6s cubic-bezier(.4,0,.2,1) 0.12s infinite}
.hi-crm.is-busy .a2{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0.24s infinite}
:is(table,form,.hi-static) .hi-crm:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-crm *{animation:none!important}}
.hi-dashboard{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-dashboard .t{fill:var(--t)}.hi-dashboard .d{fill:var(--d)}.hi-dashboard .g{fill:var(--g)}
.hi-dashboard .a0{transform-box:fill-box;transform-origin:center bottom;}
.hi-dashboard .a1{transform-box:fill-box;transform-origin:center bottom;}
.hi-dashboard .a2{transform-box:fill-box;transform-origin:center bottom;}
.hi-dashboard .a3{transform-box:fill-box;transform-origin:center bottom;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-dashboard,.hi-dashboard.is-playing,.hi-dashboard.hi-autoplay) .a0{animation:hi-grow 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-dashboard,.hi-dashboard.is-playing,.hi-dashboard.hi-autoplay) .a1{animation:hi-grow 0.6s cubic-bezier(.4,0,.2,1) 0.02s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-dashboard,.hi-dashboard.is-playing,.hi-dashboard.hi-autoplay) .a2{animation:hi-grow 0.6s cubic-bezier(.4,0,.2,1) 0.04s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-dashboard,.hi-dashboard.is-playing,.hi-dashboard.hi-autoplay) .a3{animation:hi-grow 0.6s cubic-bezier(.4,0,.2,1) 0.06s 1 backwards}
.hi-dashboard.is-busy .a0{animation:hi-grow 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-dashboard.is-busy .a1{animation:hi-grow 1.6s cubic-bezier(.4,0,.2,1) 0.08s infinite}
.hi-dashboard.is-busy .a2{animation:hi-grow 1.6s cubic-bezier(.4,0,.2,1) 0.16s infinite}
.hi-dashboard.is-busy .a3{animation:hi-grow 1.6s cubic-bezier(.4,0,.2,1) 0.24s infinite}
:is(table,form,.hi-static) .hi-dashboard:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-dashboard *{animation:none!important}}
@keyframes hi-page{0%,12%{transform:translate(-12px,8px)}55%,100%{transform:none}}
.hi-import{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-import .t{fill:var(--t)}.hi-import .d{fill:var(--d)}.hi-import .g{fill:var(--g)}
.hi-import .a0{transform-box:fill-box;transform-origin:center;}
@keyframes hi-download{0%,10%{transform:translateY(-10px);opacity:0}45%,100%{transform:none;opacity:1}}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-import,.hi-import.is-playing,.hi-import.hi-autoplay) .a0{animation:hi-download 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
.hi-import.is-busy .a0{animation:hi-download 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
:is(table,form,.hi-static) .hi-import:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-import *{animation:none!important}}
@keyframes hi-arrive{0%,10%{transform:translateX(-10px);opacity:0}40%,100%{transform:none;opacity:1}}
@keyframes hi-stack{0%,15%{transform:translateY(-13px);opacity:0}50%,100%{transform:none;opacity:1}}
@keyframes hi-broadcast{0%,60%,100%{opacity:1}10%,30%,50%{opacity:.45}20%,40%{opacity:1}}
@keyframes hi-voice{0%,60%,100%{transform:scaleY(1)}10%,30%,50%{transform:scaleY(.78)}20%,40%{transform:scaleY(1)}}
@keyframes hi-badge{0%,15%{transform:scale(0)}40%{transform:scale(1.15)}55%,100%{transform:scale(1)}}
@keyframes hi-ring{0%,8%,50%,100%{transform:rotate(0)}16%,32%{transform:rotate(10deg)}24%,40%{transform:rotate(-10deg)}}
@keyframes hi-scan{0%,10%{transform:translateY(-17px);opacity:0}15%{opacity:1}65%{transform:translateY(17px);opacity:1}80%{transform:translateY(17px);opacity:0}81%{transform:none;opacity:0}100%{transform:none;opacity:1}}
.hi-payroll{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-payroll .t{fill:var(--t)}.hi-payroll .d{fill:var(--d)}.hi-payroll .g{fill:var(--g)}
.hi-payroll .a0{transform-box:fill-box;transform-origin:center;}
.hi-payroll .a1{transform-box:fill-box;transform-origin:center;}
@keyframes hi-coin{0%,10%{transform:translateX(-18px) scaleX(.2);opacity:0}45%,100%{transform:none;opacity:1}}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-payroll,.hi-payroll.is-playing,.hi-payroll.hi-autoplay) .a0{animation:hi-coin 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-payroll,.hi-payroll.is-playing,.hi-payroll.hi-autoplay) .a1{animation:hi-appear 0.6s cubic-bezier(.4,0,.2,1) 0.04s 1 backwards}
.hi-payroll.is-busy .a0{animation:hi-coin 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-payroll.is-busy .a1{animation:hi-appear 1.6s cubic-bezier(.4,0,.2,1) 0.16s infinite}
:is(table,form,.hi-static) .hi-payroll:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-payroll *{animation:none!important}}
.hi-purchase-orders{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-purchase-orders .t{fill:var(--t)}.hi-purchase-orders .d{fill:var(--d)}.hi-purchase-orders .g{fill:var(--g)}
.hi-purchase-orders .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-purchase-orders,.hi-purchase-orders.is-playing,.hi-purchase-orders.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
.hi-purchase-orders.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
:is(table,form,.hi-static) .hi-purchase-orders:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-purchase-orders *{animation:none!important}}
.hi-quotations{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-quotations .t{fill:var(--t)}.hi-quotations .d{fill:var(--d)}.hi-quotations .g{fill:var(--g)}
.hi-quotations .a0{transform-box:fill-box;transform-origin:left center;}
.hi-quotations .a1{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-quotations,.hi-quotations.is-playing,.hi-quotations.hi-autoplay) .a0{animation:hi-write 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-quotations,.hi-quotations.is-playing,.hi-quotations.hi-autoplay) .a1{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0.04s 1 backwards}
.hi-quotations.is-busy .a0{animation:hi-write 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-quotations.is-busy .a1{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0.16s infinite}
:is(table,form,.hi-static) .hi-quotations:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-quotations *{animation:none!important}}
@keyframes hi-slide{0%,15%,85%,100%{transform:translateY(0)}45%,60%{transform:translateY(12px)}}
@keyframes hi-fold{0%,10%{transform:scale(.25)}50%,100%{transform:scale(1)}}
@keyframes hi-blink{0%,30%,60%,100%{opacity:1}15%,45%{opacity:.15}}
.hi-workflows{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-workflows .t{fill:var(--t)}.hi-workflows .d{fill:var(--d)}.hi-workflows .g{fill:var(--g)}
.hi-workflows .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
.hi-workflows .a1{transform-box:fill-box;transform-origin:center;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-workflows,.hi-workflows.is-playing,.hi-workflows.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-workflows,.hi-workflows.is-playing,.hi-workflows.hi-autoplay) .a1{animation:hi-appear 0.6s cubic-bezier(.4,0,.2,1) 0.1s 1 backwards}
.hi-workflows.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
.hi-workflows.is-busy .a1{animation:hi-appear 1.6s cubic-bezier(.4,0,.2,1) 0.4s infinite}
:is(table,form,.hi-static) .hi-workflows:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-workflows *{animation:none!important}}
.hi-success{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-success .t{fill:var(--t)}.hi-success .d{fill:var(--d)}.hi-success .g{fill:var(--g)}
.hi-success .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
.hi-success .a1{transform-box:fill-box;transform-origin:center;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-success,.hi-success.is-playing,.hi-success.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0.15s 1 backwards}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-success,.hi-success.is-playing,.hi-success.hi-autoplay) .a1{animation:hi-date 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
.hi-success.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0.6s infinite}
.hi-success.is-busy .a1{animation:hi-date 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
:is(table,form,.hi-static) .hi-success:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-success *{animation:none!important}}
@keyframes hi-fromR{0%,10%{transform:translateX(10px);opacity:0}40%,100%{transform:none;opacity:1}}
.hi-payments-in{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-payments-in .t{fill:var(--t)}.hi-payments-in .d{fill:var(--d)}.hi-payments-in .g{fill:var(--g)}
.hi-payments-in .a0{transform-box:fill-box;transform-origin:center;}
@keyframes hi-drop{0%,10%{transform:translateY(-20px);opacity:0}45%,100%{transform:none;opacity:1}}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-payments-in,.hi-payments-in.is-playing,.hi-payments-in.hi-autoplay) .a0{animation:hi-drop 0.6s cubic-bezier(.4,0,.2,1) 0s 1 backwards}
.hi-payments-in.is-busy .a0{animation:hi-drop 1.6s cubic-bezier(.4,0,.2,1) 0s infinite}
:is(table,form,.hi-static) .hi-payments-in:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-payments-in *{animation:none!important}}
@keyframes hi-lift{0%,10%{transform:translateY(14px);opacity:0}45%,100%{transform:none;opacity:1}}
.hi-bank-reconciliation{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-bank-reconciliation .t{fill:var(--t)}.hi-bank-reconciliation .d{fill:var(--d)}.hi-bank-reconciliation .g{fill:var(--g)}
.hi-bank-reconciliation .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-bank-reconciliation,.hi-bank-reconciliation.is-playing,.hi-bank-reconciliation.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0.02s 1 backwards}
.hi-bank-reconciliation.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0.08s infinite}
:is(table,form,.hi-static) .hi-bank-reconciliation:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-bank-reconciliation *{animation:none!important}}
@keyframes hi-pen{0%,10%{transform:translateX(-12px);opacity:0}45%{opacity:1}60%{transform:translateX(3px)}75%,100%{transform:none}}
.hi-onboarding{--t:#0E8F7E;--d:#0A2E2B;--g:#E9B44C}
.hi-onboarding .t{fill:var(--t)}.hi-onboarding .d{fill:var(--d)}.hi-onboarding .g{fill:var(--g)}
.hi-onboarding .a0{transform-box:fill-box;transform-origin:center;stroke-dasharray:1;}
:is(.hi-trigger:is(:hover,:focus-visible) .hi-onboarding,.hi-onboarding.is-playing,.hi-onboarding.hi-autoplay) .a0{animation:hi-draw 0.6s cubic-bezier(.4,0,.2,1) 0.03s 1 backwards}
.hi-onboarding.is-busy .a0{animation:hi-draw 1.6s cubic-bezier(.4,0,.2,1) 0.12s infinite}
:is(table,form,.hi-static) .hi-onboarding:not(.is-busy):not(.is-playing) *{animation:none!important}
@media(prefers-reduced-motion:reduce){.hi-onboarding *{animation:none!important}}
@keyframes hi-fly{0%,10%{transform:translate(-14px,10px);opacity:0}45%,100%{transform:none;opacity:1}}
@keyframes hi-stick{0%,10%{transform:translate(14px,-14px);opacity:0}45%{opacity:1}60%,100%{transform:none}}
@keyframes hi-hop{0%,10%{transform:translateX(-25px)}50%,100%{transform:none}}
@keyframes hi-puff{0%,10%{transform:translateY(8px) scale(.5);opacity:0}50%,100%{transform:none;opacity:1}}