:root{--primary-color: #0075bb;--accent-color: #6fbe44;--gray-color: #687b82;--green-color: #8cc63f;--orange-color: #f97821;--red-color: #f90623}:root body:not(.dark){color-scheme:light;--text-color: #011a26;--background-offset-color: #e2e9ed;--background-color: #ffffff;--info-background-color: #fffdcf;--system-scrollbar: rgba(0, 0, 0, .25);--box-shadow: 0 0 5px rgba(0, 0, 0, .2)}:root body.dark{color-scheme:dark;--text-color: #ffffff;--background-offset-color: #18303a;--background-color: #011a26;--info-background-color: #060c0d;--system-scrollbar: rgba(255, 255, 255, .1);--box-shadow: 0 0 1px 1px rgba(255, 255, 255, .2)}@media (prefers-color-scheme: dark){:root body:not(.light){color-scheme:dark;--text-color: #ffffff;--background-offset-color: #18303a;--background-color: #011a26;--info-background-color: #060c0d;--system-scrollbar: rgba(255, 255, 255, .1);--box-shadow: 0 0 1px 1px rgba(255, 255, 255, .2)}}@keyframes loading{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes fadeOutToNone{0%{display:block;opacity:1}99%{display:block;opacity:0}to{display:none;opacity:0}}*{box-sizing:border-box;outline:none}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background-color:var(--system-scrollbar);border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px}::-webkit-scrollbar-track{display:none}::placeholder{color:var(--gray-color);opacity:1}:root{font-size:14px;--text-color: #111;--background-color: #fff;--padding: 50px}@media (max-width: 768px){:root{--padding: 15px}}.material-icons{font-family:Material Symbols Rounded!important;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;scrollbar-gutter:stable}html,body,app-root{position:relative;width:100%;height:100%}html,body,td,input,select,textarea{font-size:1rem;font-family:Roboto,sans-serif}body{overflow:hidden;margin:0;color:var(--text-color);background:var(--background-color)}body a{color:var(--system-foreground)}.tooltip{position:absolute;z-index:99;background:rgba(0,0,0,.75);font-size:.8em;color:#fff;padding:5px;border-radius:5px}.tooltip:after{content:"";border:solid 5px rgba(0,0,0,.75);border-color:transparent transparent rgba(0,0,0,.75) transparent;position:absolute;width:0;height:0;top:-10px;left:50%;margin-left:-5px}
