body{--font-size-xxs:1.12rem;--font-size-xs:1.28rem;--font-size-s:2.304rem;--font-size-m:1.45rem;--font-size-l:1.7rem;--font-size-xl:3.2rem;--color-orange:#ff8c00;--color-red:#c00;--color-green:#3ab54a;--basic-rounding:2px;--basic-space:1rem;--icon-size:1em;--container-width:45.5rem;--container-footer-height:10rem;--desktop-container-horizontal-padding:3rem}body,html{height:var(--app-height);margin:0;overflow:hidden;padding:0;width:100%}body{background-color:rgba(var(--bg-color-1),1);color:rgba(var(--font-color-1),1);font-family:Roboto,Arial,Verdana,sans-serif;font-size:var(--font-size-m)}h1{display:block;margin-top:0}.link,.link-eye,a{color:inherit;cursor:pointer;transition:color .3s ease}.link-eye:hover,.link:hover,a:hover{color:var(--onhovercolor,rgba(var(--font-color-1),1))!important;text-decoration:none}.link-eye{color:rgba(var(--font-color-3),1);margin-left:var(--basic-space)}.label{margin-bottom:var(--basic-space)}.font__color-1{color:rgba(var(--font-color-1),1)}.font__color-2{color:rgba(var(--font-color-2),1)}.font__color-3{color:rgba(var(--font-color-3),1)}.font__color-4{color:rgba(var(--font-color-4),1)}.font__color-5{color:rgba(var(--font-color-5),1)}.font__color-warning{color:#c00}.font__size-xxs{--font-size:var(--font-size-xxs)}.font__size-xs{--font-size:var(--font-size-xs)}.font__size-s{--font-size:var(--font-size-s)}.font__size-m{--font-size:var(--font-size-m)}.font__size-l{--font-size:var(--font-size-l)}.font__size-xl{--font-size:var(--font-size-xl)}[class*=font__size-]{font-size:var(--font-size)}.fl{float:left}.fr{float:right}.cursor__pointer{cursor:pointer}@media (min-width:1px){html{font-size:9px}}@media (min-width:400px){html{font-size:10px}}.icon__container{display:flex;width:100%}.icon__container>:not(:last-child){display:inline-block;flex:1}.icon-round{background-color:rgba(var(--font-color-1),1);border-radius:50%;color:rgba(var(--bg-color-1),1);display:inline-block;font-weight:800;height:var(--icon-size);text-align:center;text-shadow:rgba(var(--bg-color-1),1) 0 0 1px;width:var(--icon-size)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate__spin,.animate__spin:after,.animate__spin:before{animation:spin 1s linear infinite}.qrbox:not([hidden]){display:flex}.qrbox__container{margin:0 auto}.qrbox__container img{border:5rem solid #fff}.qrbox~input{margin-top:2rem}.loginbox__btn:not([disabled]) i{display:none}.mt-basic{margin-top:var(--basic-space)}.mt-\[1rem\]{margin-top:1rem}.mt-\[2rem\]{margin-top:2rem}.mt-\[3rem\]{margin-top:3rem}.mt-\[4rem\]{margin-top:4rem}.mt-\[5rem\]{margin-top:5rem}.ml-basic{margin-left:var(--basic-space)}.opacity-\[0\]{opacity:0}.opacity-\[1\]{opacity:1}.visibility-\[hidden\]{visibility:hidden}.block{display:block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pwdstrength{margin-top:-.8rem}.pwdstrength__value{display:flex;gap:2px}.pwdstrength__value i{background-color:rgba(var(--font-color-5),1);display:inline-block;flex:1;height:5px}.pwdstrength__hint{color:var(--pwd-strength-color);height:2.4em;line-height:1.2em;margin-top:.5rem}.pwdstrength[strength="0"]{--strength:0;--pwd-strength-color:var(--color-red)}.pwdstrength[strength="0"] .pwdstrength__value i:nth-child(-n+1){background-color:var(--pwd-strength-color)}.pwdstrength[strength="1"]{--strength:1;--pwd-strength-color:var(--color-red)}.pwdstrength[strength="1"] .pwdstrength__value i:nth-child(-n+2){background-color:var(--pwd-strength-color)}.pwdstrength[strength="2"]{--strength:2;--pwd-strength-color:var(--color-red)}.pwdstrength[strength="2"] .pwdstrength__value i:nth-child(-n+3){background-color:var(--pwd-strength-color)}.pwdstrength[strength="3"]{--strength:3;--pwd-strength-color:var(--color-orange)}.pwdstrength[strength="3"] .pwdstrength__value i:nth-child(-n+4){background-color:var(--pwd-strength-color)}.pwdstrength[strength="4"]{--strength:4;--pwd-strength-color:var(--color-green)}.pwdstrength[strength="4"] .pwdstrength__value i:nth-child(-n+5){background-color:var(--pwd-strength-color)}.messagebox{display:flex;flex-direction:column;justify-content:flex-end;min-height:7rem;opacity:0;text-align:center;transition:opacity .3s ease}.messagebox-anim{opacity:1}.messagebox p{margin-block-end:0;margin-block-start:1em}.messagebox p:empty{display:none}.page{height:calc(var(--vh, vh)*100)}.container,.page{display:flex}.container{flex-direction:column;align-items:center;font-size:var(--font-size-m);justify-content:center;margin:0 auto;max-width:var(--container-width);padding:calc(var(--basic-space)*3)}.container__header{display:flex;flex:1;flex-direction:row;height:50%}.container__header__logo{align-self:center;text-align:center}.container__header__logo img{display:none;min-width:20rem;width:calc(100% - var(--basic-space)*3)}.container__box{flex:0 1 auto;width:100%}.container__box__box>*{width:100%}.container__footer{color:rgba(var(--font-color-3),1);flex:0 1 auto;width:100%}.container__bg{background-image:url(https://cdn.teamogy.com/logos/TeamogySymbol.svg);background-position:50%;background-repeat:no-repeat;background-size:150%;bottom:0;filter:grayscale(1) opacity(.1);left:0;position:absolute;right:0;top:0;z-index:-1}.container hr{border-color:rgba(var(--font-color-5),1);margin-block-end:calc(var(--basic-space)*2);margin-block-start:calc(var(--basic-space)*2);width:100%}.container label{font-size:var(--font-size-m)}.container input[type=password],.container input[type=text]{background-color:rgba(var(--bg-color-1),1);border-color:rgba(var(--font-color-5),1);border-radius:var(--basic-rounding);border-style:solid;border-width:1px;color:rgba(var(--font-color-1),1);display:block;font-family:Roboto,Arial,Verdana,sans-serif;font-size:var(--font-size-l);margin-bottom:var(--basic-space);outline:0;padding:calc(var(--basic-space)/2);transition:all .3s ease;width:calc(100% - var(--basic-space) - 2px)}.container input::placeholder{-webkit-text-fill-color:rgba(var(--font-color-3),1)}.container button{background-color:rgba(var(--font-color-5),1);border:none;border-radius:var(--basic-rounding);color:rgba(var(--font-color-1),1);cursor:pointer;display:block;font-size:var(--font-size-m);height:4.5rem;outline:0;padding:1.2rem;transition:all .3s ease;width:100%}body .container>:not(.container__bg){opacity:0;transition:opacity 1s ease}body:not([onload-orientation=""]) .container>:not(.container__bg){opacity:1}body[onload-orientation=landscape] .container{flex-direction:row;flex-wrap:wrap;max-width:calc(var(--container-width)*2 + var(--basic-space)*2 + 1px)}body[onload-orientation=landscape] .container__header{height:80%;padding-right:var(--desktop-container-horizontal-padding)}body[onload-orientation=landscape] .container__box,body[onload-orientation=landscape] .container__header{flex:0 1 calc(50% - var(--desktop-container-horizontal-padding))}body[onload-orientation=landscape] .container__box{padding-left:var(--desktop-container-horizontal-padding)}body[onload-orientation=landscape] .container__footer{flex:1;padding-left:calc(50% + var(--desktop-container-horizontal-padding))}body[onload-orientation=landscape] .page:after{background-color:rgba(var(--font-color-5),1);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:50%;top:0;z-index:-11}[data-attr-theme=dark] .container__header__logo img.dark,[data-attr-theme=light] .container__header__logo img.light{display:block}@media (max-height:400px){.container{padding-bottom:var(--basic-space);padding-top:var(--basic-space)}.container__box{margin-top:0!important}}.container__box>.form:first-child{--index:1}.container__box>.form:nth-child(2){--index:2}.container__box>.form:nth-child(3){--index:3}.container__box>.form:nth-child(4){--index:4}.container__box>.form:nth-child(5){--index:5}.container__box>.form:nth-child(6){--index:6}.container__box>.form:nth-child(7){--index:7}.container__box>.form:nth-child(8){--index:8}.container__box>.form:nth-child(9){--index:9}.container__box>.form:nth-child(10){--index:10}.container__box>form:first-child{--index:1}.container__box>form:nth-child(2){--index:2}.container__box>form:nth-child(3){--index:3}.container__box>form:nth-child(4){--index:4}.container__box>form:nth-child(5){--index:5}.container__box>form:nth-child(6){--index:6}.container__box>form:nth-child(7){--index:7}.container__box>form:nth-child(8){--index:8}.container__box>form:nth-child(9){--index:9}.container__box>form:nth-child(10){--index:10}