input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:"color 9999s ease-out 9999s,background-color 9999s ease-out 9999s";}@keyframes bgMove{from{background-position:left bottom;}to{background-position:right top;}}html{min-height:100%;background-color:#22252a;background-image:url('../modules/sign-in/bg_pattern.png');background-size:cover;animation-name:bgMove;animation-duration:15s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;}body{height:100%;min-height:100vh;padding:0px;background-color:rgb(0 0 0 / 75%);overflow:overlay;}body::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / 75%);background-clip:content-box;border:3px solid transparent;border-radius:5px;}body::-webkit-scrollbar-track,body::-webkit-scrollbar-corner{background-color:transparent;}.layout{display:flex;flex-direction:column;width:100%;min-height:100vh;color:white;}.layout>.logo{flex-grow:1.5;min-width:181px;min-height:40px;margin:50px auto 0px 50px;background-image:url('../modules/sign-in/logo.png');background-size:contain;background-repeat:no-repeat;background-position:top left;transition:opacity 0.6s;}.layout>.glassDialog ~ .logo{opacity:0;}.layout>.form{position:relative;flex-grow:1;width:100%;}.layout>.form>.title{width:100%;max-width:370px;margin:-100px auto 30px auto;text-align:center;font-size:2.5rem;font-weight:300;letter-spacing:1px;}.layout>.form>.accounts{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;overflow:hidden;}.layout>.form>.accounts:before,.layout>.form>.accounts:after{content:"";display:block;min-width:100%;}.layout>.form>.accounts>.account{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:200px;max-width:200px;height:300px;padding:0px;cursor:pointer;transition:min-width 0.2s,max-width 0.2s,width 0.2s,height 0.2s;}.layout>.form>.accounts>.account.selected{min-width:470px;max-width:470px;cursor:default;}.layout>.form>.accounts>.account>.remove{position:absolute;left:35px;top:85px;opacity:0.5;color:black;cursor:pointer;transition:opacity 0.5s 0.6s,color 0.2s,left 0.2s,top 0.2s;}body.mobile .layout>.form>.accounts>.account>.remove{color:white;}.layout>.form>.accounts>.account.new>.remove{display:none;}.layout>.form>.accounts>.account.bubble>.remove,.layout>.form>.accounts>.account.possibleRemove>.remove,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.remove{left:20px;top:70px;}.layout>.form>.accounts>.account.selected>.remove{left:60px;top:10px;}.layout>.form>.accounts>.account>.remove:hover{color:white;opacity:1;}.layout>.form>.accounts.dragScroll-active>.account>.remove{opacity:0;transition:opacity 0.2s,color 0.2s,left 0.2s,top 0.2s;}.layout>.form>.accounts>.account.new>.remove{display:none;}.layout>.form>.accounts>.account>.icon{width:75px;height:75px;margin:0px auto 10px auto;padding-bottom:4px;background-image:url('../modules/sign-in/user_background.png');background-size:contain;background-position:bottom center;background-repeat:no-repeat;transition:width 0.2s,height 0.2s,padding-bottom 0.2s;}.layout>.form>.accounts>.account.bubble>.icon,.layout>.form>.accounts>.account.possibleRemove>.icon,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.icon{width:105px;height:105px;padding-bottom:5px;}.layout>.form>.accounts>.account.selected>.icon{width:150px;height:150px;padding-bottom:7px;}.layout>.form>.accounts>.account>.icon>.avatar{width:75px;height:75px;background-image:url('../modules/user-accounts/avatars/neutral-blue-001.svg');background-size:cover;transition:width 0.2s,height 0.2s;}.layout>.form>.accounts>.account>.icon>.avatar:not(.system){border-radius:50%;}.layout>.form>.accounts>.account.bubble>.icon>.avatar,.layout>.form>.accounts>.account.possibleRemove>.icon>.avatar,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.icon>.avatar{width:105px;height:105px;}.layout>.form>.accounts>.account.selected>.icon>.avatar{width:150px;height:150px;}.layout>.form>.accounts>.account>.label{text-align:center;font-size:1rem;font-weight:300;letter-spacing:1px;transition:font-size 0.2s;}.layout>.form>.accounts>.account.bubble>.label,.layout>.form>.accounts>.account.possibleRemove>.label,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.label{font-size:1.25rem;}.layout>.form>.accounts>.account.selected>.label{font-size:1.75rem;}.layout>.form>.accounts>.account>.site{text-align:center;font-size:0.75rem;font-weight:300;letter-spacing:0.5px;transition:font-size 0.2s;}.layout>.form>.accounts>.account.bubble>.site,.layout>.form>.accounts>.account.possibleRemove>.site,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.site{font-size:1rem;}.layout>.form>.accounts>.account.selected>.site{font-size:1.25rem;}.layout>.form>.accounts>.account.selected.attempted>.site{color:#f87979;}.layout>.form>.accounts>.account>.label>span,.layout>.form>.accounts>.account>.site>span{display:inline-block;max-width:100%;margin-left:-25%;margin-right:-25%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width 0.2s;}.layout>.form>.accounts>.account.bubble>.label>span,.layout>.form>.accounts>.account.possibleRemove>.label>span,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.label>span,.layout>.form>.accounts>.account.bubble>.site>span,.layout>.form>.accounts>.account.possibleRemove>.site>span,.layout>.form>.accounts>.account:hover:not(:active):not(.selected)>.site>span{max-width:130%;margin-left:-15%;margin-right:-15%;}.layout>.form>.accounts>.account.selected>.label>span,.layout>.form>.accounts>.account.selected>.site>span{max-width:200%;margin-left:-50%;margin-right:-50%;}.layout>.form>.accountBackground{width:100%;max-width:370px;height:300px;margin:-300px auto 10px auto;border-radius:5px;background-color:rgb(0 0 0 / 10%);}.layout>.form>.field{position:relative;width:100%;max-width:370px;margin:0px auto 0px auto;background-color:rgb(0 0 0 / 50%);border-radius:5px;}.layout>.form>.field.password{max-height:50px;overflow:hidden;transition:max-height 0.2s;}.layout>.form:not(.hasToken)>.field.username{border-radius:5px 5px 0px 0px;}.layout>.form.add>.field.password,.layout>.form:not(.add):not(.hasToken)>.field.password{border-radius:0px 0px 5px 5px;}.layout>.form.hasToken>.field.password{max-height:0px;}.layout>.form>.field:after{content:"";display:block;clear:both;}.layout>.form>.field>.icon{float:left;margin:13px;vertical-align:middle !important;}.layout>.form>.field>input{float:left;width:calc(100% - 63px);height:40px;line-height:40px;margin:10px 0px 0px 0px;padding:0px;border:0px;background-color:transparent;color:white;transition:height 0.2s,line-height 0.2s,margin 0.2s,color 9999s ease-out 9999s,background-color 9999s ease-out 9999s;}.layout>.form.hasToken>.field.username>input{width:calc(100% - 137px);cursor:default;user-select:none;}.layout>.form>.field.password>input{width:calc(100% - 137px);}.layout>.form>.field>input:placeholder-shown,.layout>.form.hasToken>.field.username>input{height:50px;line-height:50px;margin-top:0px;}.layout>.form.missingData>.field>input:placeholder-shown::placeholder{color:#f87979;opacity:1;}.layout>.form>.field>input::-ms-reveal{position:relative;top:-5px;filter:invert(100%);}.layout>.form>.field>label{position:absolute;top:5px;left:50px;font-size:0.6rem;opacity:0.5;transition:opacity 0.2s;}.layout>.form>.field>input:placeholder-shown ~ label,.layout>.form.hasToken>.field.username>input ~ label{opacity:0;}.layout>.form>.field>.remember{float:left;margin:13px 0px 13px 13px;vertical-align:middle !important;opacity:0.25;cursor:pointer;transition:opacity 0.2s;}.layout>.form>.field>.remember.selected{opacity:1;}.layout>.form>.field>.submit{float:left;margin:13px;vertical-align:middle !important;cursor:pointer;}.layout>.form:not(.hasToken)>.field.username>.remember,.layout>.form:not(.hasToken)>.field.username>.submit{display:none;}.layout>.forgottenDetails{height:20px;line-height:20px;padding:10px 10px 50px 10px;font-size:0.8em;font-weight:300;text-align:center;letter-spacing:1px;}.layout>.forgottenDetails>span{position:relative;z-index:1;color:rgb(255 255 255 / 75%);cursor:pointer;transition:color 0.2s;}.layout>.forgottenDetails>span:hover{color:white;}.layout>.glassDialog{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:2;justify-content:center;align-items:center;background-color:rgb(0 0 0 / 30%);backdrop-filter:blur(15px);}.layout>.glassDialog:before{content:"";position:fixed;left:0px;top:0px;width:181px;height:40px;margin:50px auto 0px 50px;background-image:url('../modules/sign-in/logo.png');background-size:contain;background-repeat:no-repeat;background-position:top left;}.layout>.glassDialog>div{position:relative;overflow:hidden;padding:0px 20px 20px 100px;border-radius:5px;background-color:rgb(255 255 255 / 15%);box-shadow:0px 0px 20px -5px rgb(0 0 0 / 50%);}.layout>.glassDialog>div:before{content:"";position:absolute;top:0px;left:0px;bottom:0px;width:80px;background-color:rgb(0 0 0 / 75%);}.layout>.glassDialog>div>.title{position:relative;height:34px;line-height:34px;margin:0px 0px 20px 0px;padding-top:20px;font-size:1.75em;letter-spacing:1px;}.layout>.glassDialog>div>.message{position:relative;max-width:550px;margin:0px 0px 40px 0px;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;font-size:0.8em;font-weight:300;letter-spacing:1px;white-space:pre-wrap;}.layout>.glassDialog.small>div>.message{max-width:450px;}.layout>.glassDialog>div>.message.main{margin:0px -50px 40px -100px;padding:20px 50px 20px 100px;background-color:rgb(255 255 255 / 15%);font-size:1.2em;font-weight:400;}.layout>.glassDialog>div>.message.big{font-size:1em;font-weight:400;}.layout>.glassDialog>div>.field{position:relative;max-width:550px;margin:0px;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;font-size:0.8em;font-weight:300;letter-spacing:1px;white-space:pre-wrap;}.layout>.glassDialog>div>.title>i,.layout>.glassDialog>div>.field>i,.layout>.glassDialog>div>.message>i{margin:0px 40px 0px -75px;font-size:34px !important;vertical-align:top !important;}.layout>.glassDialog>div>.field>input{display:inline-block;width:calc(100% - 40px);height:54px;line-height:34px;margin:-10px 0px 40px 0px;padding:0px 20px 0px 20px;border:0px;border-radius:2px;background-color:rgb(0 0 0 / 75%);font-size:1.2em;white-space:pre-wrap;letter-spacing:1px;color:white;transition:color 9999s ease-out 9999s,background-color 9999s ease-out 9999s;}.layout>.glassDialog>div>.field.missingData>input:placeholder-shown::placeholder{color:#f87979;opacity:1;}.layout>.glassDialog>div>.button{float:left;clear:left;min-width:240px;height:24px;line-height:24px;margin-top:20px;padding:10px;border:1px solid rgb(255 255 255 / 50%);border-radius:2px;cursor:pointer;text-align:center;font-weight:600;transition:background-color 0.2s,color 0.2s;}.layout>.glassDialog>div>.button.center{float:none;margin-right:auto;margin-left:auto;max-width:fit-content;}.layout>.glassDialog>div>.button.accept,.layout>.glassDialog>div>.button:hover{background-color:white;color:rgb(0 0 0 / 85%);}.layout>.glassDialog>div>.button:hover ~ .button.accept{background-color:unset;color:unset;}.layout>.glassDialog>div>.button.accept{float:right;clear:none;}.layout>.glassDialog>div>.button>i{float:left;vertical-align:top !important;}@media screen and (max-width:500px){html{animation-name:none;}body{height:auto;min-height:-webkit-fill-available;}.layout{min-height:auto;}.layout>.logo{min-width:80px;margin:20px auto 0px 20px;}.layout>.form>.title{margin-top:-10px;font-size:2.2rem;}}