*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:calc(var(--f-body-scale)*62.5%)}body{background-color:rgb(var(--c-background));color:rgb(var(--c-foreground));display:flex;flex-direction:column;font-family:var(--f-body-family);font-size:var(--ax16);font-style:var(--f-body-style);font-weight:var(--f-body-weight);letter-spacing:0;line-height:1.2;margin:0;min-height:100vh}.main-password{height:100vh;min-height:100vh}@media only screen and (max-width:749px){.main-password{height:100svh;min-height:100svh}}.main-password .password-background{z-index:0}.main-password .password-content{max-width:calc(var(--ax)*440);width:100%}.main-password .password-content .password-logo{aspect-ratio:var(--logo-aspect-ratio);margin:0 auto;position:relative;width:var(--logo-width)}@media only screen and (max-width:749px){.main-password .password-content .password-logo{width:var(--mobile-logo-width)}}.main-password .password-content #login_form{display:flex;gap:var(--ax10);margin-top:calc(var(--ax)*60)}@media only screen and (max-width:749px){.main-password .password-content #login_form{flex-wrap:wrap;gap:var(--ax20)}}.main-password .password-content #login_form .password-field input{border:1px solid rgb(var(--c-border-color));font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.3;padding:var(--ax15) var(--ax20);text-transform:uppercase}.main-password .password-content #login_form .password-button{white-space:nowrap}@media only screen and (max-width:749px){.main-password .password-content #login_form .password-button,.main-password .password-content #login_form .password-field input{width:100%}}