:root{--body-text-color: #64748b;--body-background-color: #181818;--white-color: #fff;--cta-color: #0066ff;--success-color: #27d14c;--error-color: #f53c3f}.spinner-half-one{transform:translateY(-50%) translate(0) rotate(0);animation:idle-half-one 4s ease-in-out infinite}.spinner-half-two{transform:translateY(50%) translate(0) rotate(0);animation:idle-half-two 4s ease-in-out infinite}.idle path{stroke:var(--body-text-color)!important}.idle .animate-blink{display:block!important}.loading .spinner-half{animation-duration:4s;animation-timing-function:cubic-bezier(.7,0,.3,1);animation-iteration-count:infinite;stroke-dasharray:100;stroke-dashoffset:0}.loading .spinner-half-one{animation-name:spin-half-one}.loading .spinner-half-two{animation-name:spin-half-two}.loading path{stroke:var(--cta-color)!important;filter:drop-shadow(0 0 .05em rgba(0,0,0,.25)) drop-shadow(0 0 .1em rgba(0,0,0,.2)) drop-shadow(0 0 .2em rgba(0,0,0,.15));transition:stroke .3s ease-in-out}.success .spinner-half-one{animation:gather-half-one .3s ease-in-out forwards}.success .spinner-half-two{animation:gather-half-two .3s ease-in-out forwards}.success path{stroke:var(--success-color)!important}.error .spinner-half-one{animation:break-half-one .5s cubic-bezier(.1,4,.5,.6) forwards}.error .spinner-half-two{animation:break-half-two .5s cubic-bezier(.1,4,.5,.6) forwards}.error path{stroke:var(--error-color)!important}.loading div,.success div,.error div{display:none}@keyframes idle-half-one{0%,to{transform:translateY(-48%) translate(0) rotate(0);opacity:.8}50%{transform:translateY(-55%) translate(0) rotate(0);opacity:.4}}@keyframes idle-half-two{0%,to{transform:translateY(48%) translate(0) rotate(0);opacity:.8}50%{transform:translateY(55%) translate(0) rotate(0);opacity:.4}}@keyframes spin-half-one{0%{transform:translateY(-50%) translate(0) rotate(0);stroke-dashoffset:0}25%{transform:translateY(-23.8%) translate(37%) rotate(90deg);stroke-dashoffset:200}50%{transform:translateY(63%) translate(0) rotate(0);stroke-dashoffset:0}75%{transform:translateY(-23.8%) translate(-60%) rotate(90deg);stroke-dashoffset:200}to{transform:translateY(-50%) translate(0) rotate(0);stroke-dashoffset:0}}@keyframes spin-half-two{0%{transform:translateY(50%) translate(0) rotate(0);stroke-dashoffset:0}25%{transform:translateY(23.8%) translate(-37%) rotate(90deg);stroke-dashoffset:200}50%{transform:translateY(-63%) translate(0) rotate(0);stroke-dashoffset:0}75%{transform:translateY(23.8%) translate(60%) rotate(90deg);stroke-dashoffset:200}to{transform:translateY(50%) translate(0) rotate(0);stroke-dashoffset:0}}@keyframes gather-half-one{0%{transform:translateY(-50%) translate(0) rotate(0);opacity:1}to{transform:translateY(-25%) translate(0) rotate(0);opacity:1}}@keyframes gather-half-two{0%{transform:translateY(50%) translate(0) rotate(0);opacity:1}to{transform:translateY(25%) translate(0) rotate(0);opacity:1}}@keyframes break-half-one{0%{transform:translateY(-50%) translate(0) rotate(0);opacity:1}to{transform:translateY(-55%) translate(17%) rotate(0);opacity:1}}@keyframes break-half-two{0%{transform:translateY(50%) translate(0) rotate(0);opacity:1}to{transform:translateY(55%) translate(-17%) rotate(0);opacity:1}}@keyframes randomBlink{0%,14%,16%,44%,46%,89%,91%,94%,96%{transform:scaleY(1);opacity:.8}15%,45%,90%,95%{transform:scaleY(.2);opacity:.4}}