.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-height:100vh;min-height:100vh;min-height:var(--doc-height);opacity:0;position:fixed;right:0;top:0;transition:.1s;visibility:hidden;width:100%}.modal.active{opacity:1;visibility:visible}.modal .clickOutside{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}@media(min-width:568px){.modal .background{background:rgba(43,47,54,.5);opacity:0;transition:.3s}.modal .background.active{opacity:1}}.modal>.slot{max-height:100vh;max-width:500px;overflow-y:auto;transition:.2s!important;width:100%}@media(max-width:568px){.modal>.slot{min-height:100%;min-width:100%}}@media(min-width:568px){.modal>.slot.active{opacity:1}}.modal>*{position:relative;width:auto;z-index:10000}
#login{text-align:center}#login form>*{margin:auto auto 16px;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s;width:300px}#login form>:first-child{transition-delay:.05s}#login form>:nth-child(2){transition-delay:.1s}#login form>:nth-child(3){transition-delay:.15s}#login.active form>*{opacity:1;transform:scale(1)}#login .btn{color:#fff}#login .btn.continue-btn{margin-bottom:0}#login .more{color:#5a626b}#login .more a{color:#7e8893;transition:.2s!important}#login .login-separator{align-items:center;display:flex;justify-content:center;margin:auto auto 16px;position:relative;text-align:center}#login .login-separator:before{background:#5a626b;content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:50%}#login .login-separator .separator-text{color:#5a626b;display:inline-block;font-size:14px;position:relative;z-index:1}#login .passkey-btn{background:#ff0032;border:none;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}#login .passkey-btn:before{background:#99001d;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}#login .passkey-btn:hover:not(:disabled):before{opacity:1}#login .passkey-btn:disabled{cursor:not-allowed;opacity:.6}#login .passkey-btn i,#login .passkey-btn span{display:inline-block;position:relative;vertical-align:middle;z-index:2}#login .passkey-help-text{color:#5a626b;font-size:12px;margin:10px 0;opacity:.8;text-align:center}#login .passkey-help-text i{display:inline-block;vertical-align:middle}
