html,body{height:100%;margin:0}.loader-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{justify-content:center;align-items:center;height:5em;display:flex}.loader-fade-out{animation:1.5s forwards fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loader.small{height:2em!important}.loader.extra-small{height:1em!important}.bar{border-radius:10px;width:.45em;height:2em;margin:.25em;animation:3s infinite loading-bars}.loader.small .bar{width:.3em!important;margin:.2em!important}.loader.extra-small .bar{width:.1em!important;margin:.1em!important}#bar-1{height:2em;animation-delay:.6s}#bar-2{height:3.5em;animation-delay:.3s}#bar-3{height:5em;animation-delay:0s}#bar-4{height:3.5em;animation-delay:.3s}#bar-5{height:2em;animation-delay:.6s}.fade-in{transition:opacity 1s}.fade-out{opacity:0;transition:opacity 1s}@keyframes loading-bars{0%{height:.5em}25%{height:100%}50%{height:.5em}to{height:.5em}}