@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}:root{--primary:hsl(1, 64%, 58%, 1);--background:hsl(210, 16%, 31%, 1)}body{font-family:"Poppins",sans-serif;font-size:1rem;margin:0}h2,h4{font-size:2rem;font-weight:700;line-height:2rem;opacity:.5}h4{font-size:1.5rem;font-weight:600;line-height:1.5rem}.center,.col,.fill,.row,.wrap{display:flex}.wrap{flex-wrap:wrap}.fill{flex:1}.col{flex-direction:column}.row{flex-direction:row}.center.horizontal{justify-content:center}.center.vertical,.loading{align-items:center}ul{list-style:none;padding:0;margin:0}#sidebar,footer,header{background-color:var(--background);color:#fff}.loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#141414;display:flex;justify-content:center;font-size:2rem;font-weight:700;color:#fff;z-index:1;transition:opacity .5s;opacity:1;pointer-events:all}.loading::before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:100px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:5px solid transparent;border-top-color:#ea1c1c;animation:spinner .6s linear infinite}.loading.hidden{opacity:0;pointer-events:none}