*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}.pageLoaderContainer{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.loadingLogo{width:100px}.loadingLogo #c-letter,.loadingLogo #rec-shape{fill:transparent;stroke:#5567d5;stroke-dasharray:385}.loadingLogo #c-letter{stroke-dasharray:385;stroke-dashoffset:385;animation:c-letter-animate 5s ease;animation-iteration-count:infinite}.loadingLogo #rec-shape{stroke-dasharray:830;stroke-dashoffset:830;animation:rec-animate 5s ease;animation-iteration-count:infinite}@keyframes c-letter-animate{0%{stroke-dashoffset:385;fill:transparent}30%{stroke-dashoffset:385;fill:transparent}35%{stroke-dashoffset:385;fill:transparent}50%{stroke-dashoffset:0;fill:transparent}60%{stroke-dashoffset:0;fill:#5567d5}70%{stroke-dashoffset:0;fill:transparent}80%{stroke-dashoffset:385;fill:transparent}100%{stroke-dashoffset:385;fill:transparent}}@keyframes rec-animate{0%{stroke-dashoffset:830;fill:transparent}20%{stroke-dashoffset:0;fill:transparent}30%{stroke-dashoffset:0;fill:#5567d5}80%{stroke-dashoffset:0;fill:#5567d5}90%{stroke-dashoffset:0;fill:transparent}100%{stroke-dashoffset:830;fill:transparent}}