@media only screen and (max-width: 1280px) {
  #secondary, .body-width {
    box-sizing: content-box;
  }
  #secondary, .toolbox, .body-container, .padded {
    padding: 0 calc(tan(atan2(var(--size_gutter), var(--size_root_font))) * var(--site_scale) * 1rem);
  }
  .desktop-only {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .left, .right {
    float: none;
    display: inline;
  }
}
.login-page main, .register-page main, .install-page main {
  padding: 0;
  min-height: 100vh;
}
.login-page .alerts, .register-page .alerts, .install-page .alerts {
  position: absolute;
  width: calc(100% - tan(atan2(var(--size_gutter), var(--size_root_font))) * var(--site_scale) * 1rem * 2);
  left: calc(tan(atan2(var(--size_gutter), var(--size_root_font))) * var(--site_scale) * 1rem);
  z-index: 3;
  top: 0;
}
.login-page .alert, .register-page .alert, .install-page .alert {
  margin: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem) auto;
}
.login-page .form-container, .register-page .form-container, .install-page .form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: calc(tan(atan2(var(--size_gutter), var(--size_root_font))) * var(--site_scale) * 1rem) 0;
}
.login-page .credentials .logo img, .register-page .credentials .logo img, .install-page .credentials .logo img {
  width: calc(tan(atan2(245px, var(--size_root_font))) * var(--site_scale) * 1rem);
  height: auto;
  max-width: 100%;
}
.login-page .credentials, .register-page .credentials, .install-page .credentials {
  width: calc(tan(atan2(485px, var(--size_root_font))) * var(--site_scale) * 1rem);
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .login-page .credentials, .register-page .credentials, .install-page .credentials {
    width: auto;
  }
  .login-page .credentials logo img, .register-page .credentials logo img, .install-page .credentials logo img {
    width: auto;
  }
}
.login-page form, .register-page form, .install-page form {
  text-align: left;
}
.login-page form .auth-core-field > legend, .register-page form .auth-core-field > legend, .install-page form .auth-core-field > legend {
  position: absolute;
  width: unset;
  float: unset;
  pointer-events: none;
  margin-top: calc(tan(atan2(-10px, var(--size_root_font))) * var(--site_scale) * 1rem);
  transition-duration: 0.2s;
}
.login-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus), .register-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus), .install-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus) {
  color: var(--c_primary);
}
.login-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus), .login-page form .auth-core-field > legend:has(~ input:not([type=hidden]):not(:placeholder-shown)), .register-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus), .register-page form .auth-core-field > legend:has(~ input:not([type=hidden]):not(:placeholder-shown)), .install-page form .auth-core-field > legend:has(~ input:not([type=hidden]):focus), .install-page form .auth-core-field > legend:has(~ input:not([type=hidden]):not(:placeholder-shown)) {
  margin-top: calc(tan(atan2(-40px, var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-role-field > legend, .register-page form .auth-role-field > legend, .install-page form .auth-role-field > legend {
  position: static;
  margin: 0 0 calc(tan(atan2(var(--size_margin_half), var(--size_root_font))) * var(--site_scale) * 1rem);
  pointer-events: auto;
}
.login-page form .auth-introduction, .register-page form .auth-introduction, .install-page form .auth-introduction {
  margin-bottom: calc(tan(atan2(50px, var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-panel, .register-page form .auth-panel, .install-page form .auth-panel {
  border: calc(tan(atan2(1px, var(--size_root_font))) * var(--site_scale) * 1rem) solid var(--c_accent_dark);
  border-radius: calc(tan(atan2(25px, var(--size_root_font))) * var(--site_scale) * 1rem);
  background-color: var(--c_accent);
  padding: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem);
  margin-top: calc(tan(atan2(50px, var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-fields > fieldset, .register-page form .auth-fields > fieldset, .install-page form .auth-fields > fieldset {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.login-page form fieldset, .register-page form fieldset, .install-page form fieldset {
  margin-bottom: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-links, .register-page form .auth-links, .install-page form .auth-links {
  margin-top: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-links a, .register-page form .auth-links a, .install-page form .auth-links a {
  text-decoration: underline;
  text-underline-offset: calc(tan(atan2(2px, var(--size_root_font))) * var(--site_scale) * 1rem);
}
.login-page form .auth-links a:hover, .register-page form .auth-links a:hover, .install-page form .auth-links a:hover {
  text-decoration: none;
}
.login-page form input[type=text], .login-page form input[type=email], .login-page form input[type=url], .login-page form input[type=search], .login-page form input[type=password], .login-page form input[type=number], .login-page form select, .login-page form textarea, .login-page form tags, .login-page form .tagify, .register-page form input[type=text], .register-page form input[type=email], .register-page form input[type=url], .register-page form input[type=search], .register-page form input[type=password], .register-page form input[type=number], .register-page form select, .register-page form textarea, .register-page form tags, .register-page form .tagify, .install-page form input[type=text], .install-page form input[type=email], .install-page form input[type=url], .install-page form input[type=search], .install-page form input[type=password], .install-page form input[type=number], .install-page form select, .install-page form textarea, .install-page form tags, .install-page form .tagify {
  width: 100%;
  margin-bottom: calc(tan(atan2(60px, var(--size_root_font))) * var(--site_scale) * 1rem);
  margin-top: 0;
}
@media only screen and (max-width: 1080px) {
  .login-page form, .register-page form, .install-page form {
    max-width: 100%;
    overflow: hidden;
  }
}
.login-page .help-block, .register-page .help-block, .install-page .help-block {
  display: block;
  margin: calc(tan(atan2(-40px, var(--size_root_font))) * var(--site_scale) * 1rem) 0 calc(tan(atan2(70px, var(--size_root_font))) * var(--site_scale) * 1rem);
}

.install-page form label {
  position: absolute;
  width: unset;
  float: unset;
  pointer-events: auto;
  margin-top: calc(tan(atan2(-10px, var(--size_root_font))) * var(--site_scale) * 1rem);
  transition-duration: 0.2s;
}
.install-page form label:has(+ input:focus) {
  color: var(--c_primary);
}
.install-page form label:has(+ input:focus), .install-page form label:has(+ input:not(:placeholder-shown)) {
  margin-top: calc(tan(atan2(-40px, var(--size_root_font))) * var(--site_scale) * 1rem);
}

.help-block {
  background-color: var(--c_failure);
  font-weight: bold;
  padding: calc(tan(atan2(2px, var(--size_root_font))) * var(--site_scale) * 1rem) calc(tan(atan2(10px, var(--size_root_font))) * var(--site_scale) * 1rem);
  border-radius: calc(tan(atan2(10px, var(--size_root_font))) * var(--site_scale) * 1rem);
  display: inline-block;
  max-width: fit-content;
  margin-top: calc(tan(atan2(10px, var(--size_root_font))) * var(--site_scale) * 1rem);
}
.help-block, .help-block i {
  color: var(--c_background);
}
.help-block:has(+ button) {
  margin-bottom: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem);
}
.help-block i {
  margin-right: calc(tan(atan2(var(--size_margin_half), var(--size_root_font))) * var(--site_scale) * 1rem);
}

.install-page .alert {
  left: 0;
}

.cf-turnstile + script + .help-block {
  margin-top: 0;
}

body.denied .toolbox {
  display: block;
  padding-top: 5vh;
  text-align: center;
}
body.denied h1.big {
  letter-spacing: 0.01em;
  margin-bottom: 0;
  margin-top: calc(tan(atan2(var(--size_margin), var(--size_root_font))) * var(--site_scale) * 1rem);
}
body.denied .status-image {
  height: auto;
  max-width: 100%;
}
body.denied main {
  text-align: center;
  min-height: 0;
}

/*# sourceMappingURL=auth.css.map */