.login-overlay{width:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:#28b3ff;background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%)}.login-overlay,.login-overlay .login-container{display:-webkit-box;display:-ms-flexbox;display:flex}.login-overlay .login-container{width:25rem;border-radius:10px;margin-top:10rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-overlay .login-container label{color:#3c6780;float:left;font-weight:600}.login-overlay .login-container .part2{margin-top:1rem;color:#3c6780;float:left;font-weight:500}.login-overlay .login-container img{width:15rem;margin:1rem auto 2rem}.login-overlay .login-container .forgotten-pass{margin:2rem auto 0;padding:1rem;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:.1em;cursor:pointer;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#a9c5db));background:linear-gradient(90deg,#fff 0,#a9c5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container .forgotten-pass:hover,.login-overlay .login-container h1{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(47%,#f6f6f6),to(#ededed));background:linear-gradient(90deg,#fff 0,#f6f6f6 47%,#ededed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container h1{margin:0 auto 3rem;font-size:30px;line-height:1.5}.login-overlay .login-container .form-wrapper{border-radius:10px;padding:2rem;background:#fff;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(47%,#f6f6f6),to(#ededed));background:linear-gradient(90deg,#fff 0,#f6f6f6 47%,#ededed);border:1px solid rgba(0,0,0,.11);-webkit-box-shadow:0 25px 50px 0 rgba(0,0,0,.11),0 50px 65px 0 rgba(0,0,0,.08);box-shadow:0 25px 50px 0 rgba(0,0,0,.11),0 50px 65px 0 rgba(0,0,0,.08)}.login-overlay .login-container .form-wrapper,.login-overlay .login-container .form-wrapper .login-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-overlay .login-container .form-wrapper .login-panel .login-button{border:1px solid;outline:0;width:15rem;background:transparent;height:3rem;margin:2rem auto 0;font-size:1em;cursor:pointer;font-size:14px;font-weight:600;-o-border-image:linear-gradient(90deg,#b0b0b0 0,#ababab 50%,#a3a3a3 51%,#c7c7c7);border-image:-webkit-gradient(linear,left top,right top,from(#b0b0b0),color-stop(50%,#ababab),color-stop(51%,#a3a3a3),to(#c7c7c7));border-image:linear-gradient(90deg,#b0b0b0 0,#ababab 50%,#a3a3a3 51%,#c7c7c7);border-image-slice:1}.login-overlay .login-container .form-wrapper .login-panel .login-button .button-text{background:-webkit-gradient(linear,left top,right top,from(#969696),color-stop(50%,#919191),color-stop(51%,#8c8c8c),to(#a8a8a8));background:linear-gradient(90deg,#969696 0,#919191 50%,#8c8c8c 51%,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container .form-wrapper .login-panel .login-button:hover{background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-o-border-image:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);border-image:radial-gradient(circle,#28b3ff 0,#4a90e2 100%)}.login-overlay .login-container .form-wrapper .login-panel .login-button:hover .button-text{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(47%,#f6f6f6),to(#ededed));background:linear-gradient(90deg,#fff 0,#f6f6f6 47%,#ededed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container .form-wrapper .login-panel .is-logging{background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-o-border-image:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);border-image:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);cursor:not-allowed}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;position:relative;margin-bottom:2rem;height:4rem;border-radius:4px}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset .input-border{margin-left:0;position:absolute;top:calc(100% - 1.5px);border:none;display:block;height:2px;width:0;background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input,.login-overlay .login-container .form-wrapper .login-panel .login-fieldset label{-webkit-transition:all .2s;transition:all .2s;-ms-touch-action:manipulation;touch-action:manipulation}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input{font-size:1.5em;height:3rem;font-family:inherit;border-bottom:1px solid #3c6780;color:#3c6780;border-radius:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background:#fff!important;cursor:text;-webkit-transition:.3s;transition:.3s;-o-border-image:linear-gradient(90deg,#b0b0b0 0,#ababab 50%,#a3a3a3 51%,#c7c7c7);border-image:-webkit-gradient(linear,left top,right top,from(#b0b0b0),color-stop(50%,#ababab),color-stop(51%,#a3a3a3),to(#c7c7c7));border-image:linear-gradient(90deg,#b0b0b0 0,#ababab 50%,#a3a3a3 51%,#c7c7c7);border-image-slice:1}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:active+label+span,.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:focus+label+span{width:100%}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:focus{outline:none}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:-webkit-autofill{-webkit-transition-delay:99999s;-webkit-text-fill-color:#3c6780!important}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset label{text-transform:uppercase;font-weight:600;background:-webkit-gradient(linear,left top,right top,from(#b0b0b0),color-stop(50%,#ababab),color-stop(51%,#a3a3a3),to(#c7c7c7));background:linear-gradient(90deg,#b0b0b0 0,#ababab 50%,#a3a3a3 51%,#c7c7c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:-moz-placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;font-size:8px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translateY(2.125rem) scale(1.5)}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:-ms-input-placeholder+label{cursor:text;max-width:66.66%;white-space:nowrap;font-size:8px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translateY(2.125rem) scale(1.5)}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;font-size:8px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateY(2.125rem) scale(1.5);transform:translateY(2.125rem) scale(1.5)}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset ::-webkit-input-placeholder{opacity:0;-webkit-transition:inherit;transition:inherit;color:transparent}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:focus::-webkit-input-placeholder{opacity:1}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:not(:-moz-placeholder-shown)+label{transform:translate(0) scale(1);cursor:pointer;font-size:12px;margin-left:0;background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:not(:-ms-input-placeholder)+label{transform:translate(0) scale(1);cursor:pointer;font-size:12px;margin-left:0;background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:focus+label,.login-overlay .login-container .form-wrapper .login-panel .login-fieldset input:not(:placeholder-shown)+label{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);cursor:pointer;font-size:12px;margin-left:0;background:radial-gradient(circle,#28b3ff 0,#4a90e2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}