#page-loading{position:fixed;display:flex;left:0;top:0;z-index:10;width:100%;height:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .3s ease-in-out}#page-loading .container{position:relative;margin:auto;width:10em;height:10em}#page-loading .container svg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}#page-loading .container svg.first{background-color:var(--blue);animation-name:loading-first}#page-loading .container svg.second{background-color:#fff;color:var(--blue);transform:rotateY(180deg);animation-name:loading-second;backface-visibility:hidden}@keyframes loading-first{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes loading-second{0%{transform:rotateY(180deg)}50%{transform:rotateY(360deg)}to{transform:rotateY(180deg)}}.error{display:inline-block;padding:.25em .5em;text-align:left;color:red;font-weight:700;background-color:color-mix(in srgb,#F00 30%,var(--contrast));border-radius:8px}:root{--blue: #0063FF;--light-blue: hsl(from var(--blue) h s 80%);--purple: #A1A0FF;--main-font: "Poppins", sans-serif;--alt-font: "Righteous", cursive;--contrast: #000}*{box-sizing:border-box}body{padding:0;margin:0;height:100vh;height:100dvh;font-family:var(--main-font);color:#fff}@media (max-width: 1280px){body{font-size:14px}}@media (max-width: 1024px){body{font-size:12px}}@media (max-width: 600px) and (orientation: portrait){body{font-size:14px}}@media (max-width: 400px){body{font-size:11px}}body .light-blue{color:var(--light-blue)}body svg{width:1em;height:1em;fill:currentColor;vertical-align:-.125em}body a{text-decoration:none;color:inherit}body button{padding:0;font-size:inherit;font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}body #app{width:100%;height:100%}body #app main{width:100%;height:100%;display:grid;grid-template-rows:100%;grid-template-columns:100%;grid-auto-rows:100%;overflow:hidden auto}body #app main section{display:flex;align-items:center;justify-content:center;height:100%}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-track{background-color:hsl(from var(--contrast) h s l / .3)}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:4px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--blue),var(--contrast) 30%)}