:root{--primary-color: #336699;--secondary-color: #83A2C1;--tertiary-color: #A4B6C8;--quaternary-color: #dcdcdc;--quinary-color: #5F86AF;--font-bright: #ffffff;--font-bright2: #6B7479;--font-dark: #091720;--font-dark2: #3A454D;--font-dark3: #091720;--background: #f3f3f3;--background-border: #EDEDED;--background-alt: #ffffff;--green-light: #8AEDA2;--green: #2A7C3E;--red-light: #F5C4C5;--red: #FC0001;--yellow-light: #F2EFAC;--yellow: #AAA53D;--orange-light: #fbd2ba;--orange: #d27f03;--blue-light: #83A2C1;--blue: #336699;--purple-light: #E2C4F5;--purple: #733B96;--grey-light: #cccccc;--grey: #777777;--modal-bg: #fff;--modal-drag-bar: #e5e5e5;--modal-btn-bg: #222;--modal-btn-text: #fff;--a2hs-border: var(--background-border);--a2hs-text: var(--font-dark);--a2hs-text-secondary: var(--font-dark2)}@media (prefers-color-scheme: dark){:root{--primary-color: #112233;--secondary-color: #224466;--tertiary-color: #336699;--quaternary-color: #999999;--quinary-color: #19324b;--font-bright: #d0d0d0;--font-bright2: #83A2C1;--font-dark: #b0b0b0;--font-dark2: #A4B6C8;--font-dark3: #091720;--background: #081018;--background-border: #192a39;--background-alt: #112233;--green-light: #599869;--green: #1c5129;--red-light: #9f8181;--red: #980202;--yellow-light: #b0ae7c;--yellow: #88842f;--orange-light: #bb8e74;--orange: #5b3d10;--blue-light: #627e9a;--blue: #224466;--purple-light: #8a7696;--purple: #4f236a;--grey-light: #909090;--grey: #303030;--modal-bg: #192a39;--modal-drag-bar: #303040;--modal-btn-bg: #b0b0b0;--modal-btn-text: #192a39;--a2hs-border: rgba(255, 255, 255, .15);--a2hs-text: rgba(255, 255, 255, .9);--a2hs-text-secondary: rgba(255, 255, 255, .7)}}body{background-color:var(--primary-color)!important;height:100%}#auth{position:relative;left:50%;transform:translate(-50%);width:90vw;max-width:250px;padding:90px 0 50px;text-align:center}#auth div#logo{display:inline-block;position:relative;left:calc(50% - 65px);width:100%}#auth div#logo #logo-icon{width:25px;height:25px;padding:5px;border-radius:8px;background-color:var(--font-bright);text-align:center}#auth div#logo #logo-icon svg{width:25px;height:25px}#auth div#logo span{position:absolute;top:8px;left:40px;font-size:18px;font-weight:400;color:var(--font-bright)}#input-container{position:relative;width:calc(100% - 19px);margin:40px 0 20px;padding:7px 8px;background-color:var(--secondary-color);border:1.5px solid var(--tertiary-color);border-radius:6px}#input-container #input-icon{position:absolute;top:7px;width:16px;height:16px;color:var(--font-bright);stroke-width:2}#input-container input{margin-left:25px;height:100%;width:calc(100% - 25px);background:var(--secondary-color);border:0px;font-size:15px;font-weight:400;color:var(--font-bright);outline:none}#input-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0px;margin-left:25px;height:100%;width:calc(100% - 25px);font-family:inherit;font-size:15px;font-weight:400;color:var(--font-bright);cursor:inherit;line-height:inherit;outline:none}#input-container input::-moz-placeholder{font-size:15px;font-weight:300;color:var(--font-bright);opacity:.75}#input-container input::placeholder{font-size:15px;font-weight:300;color:var(--font-bright);opacity:.75}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{font-size:15px;font-weight:300;color:var(--font-bright)!important;-webkit-text-fill-color:var(--font-bright)!important;background:var(--secondary-color)!important;-webkit-box-shadow:0 0 0px 1000px var(--secondary-color) inset!important;border:0px solid!important;background-color:var(--primary-color)!important}#auth label.before{position:absolute;left:8px;width:100%;margin-top:-20px;text-align:left!important;font-size:13px;font-weight:500;color:var(--secondary-color);z-index:1000}#auth button{position:relative;width:100%;padding:7px 8px;background-color:var(--secondary-color);border:1.5px solid var(--tertiary-color);border-radius:6px;text-align:center;font-size:15px;font-weight:300;color:var(--font-bright)}#auth button #button-icon{position:absolute;top:8.2px;left:8px;width:16px;height:16px;color:var(--font-bright);stroke-width:2}div a,div p{display:block;position:relative;padding:10px 0}div,div p,div a{font-size:12px;font-weight:500;color:var(--quaternary-color)}
