/* Authentication has one fixed blue palette in every site section. */
html body #ds-auth-root,
html body #ds-auth-root[data-section] {
  --contour:#4ca3db; --tint:#edf6fb; --action:#176798; --action-hover:#10527c;
}
html.ds-register-page body #content { min-height:60vh; }
html.ds-register-page body > #ds-auth-root { visibility:hidden; }
html.ds-register-page .ds-auth-route-start {
  box-sizing:border-box; width:100%; max-width:480px; margin:32px auto;
  padding:0; border:0; background:transparent; box-shadow:none;
}
html body #ds-auth-root .ds-privacy-consent {
  color:#18232b!important; background:#f4f7fa!important; border-color:#d8e1e8!important;
}
html body #ds-auth-root .ds-privacy-consent a[href] { color:var(--action)!important; }
html body #ds-auth-root input[type=checkbox] { accent-color:var(--action); }
html body #ds-auth-root.is-registration-page #ds-auth-dialog {
  position:relative; inset:auto; margin:0 auto; width:100%; max-width:480px;
  max-height:none; height:auto; overflow:visible; box-shadow:0 8px 28px #18232b0b;
  border-radius:12px; padding:0;
}
html body #ds-auth-root.is-registration-page .window-top { position:static; padding-top:22px; }
html body #ds-auth-root.is-registration-page .window-top .close { display:none; }
html body #ds-auth-root.is-registration-page .form-heading { border-radius:0; }
html body #ds-auth-root.is-registration-page .form-footer { border-radius:0 0 10px 8px; }
html.ds-register-page body.ds-auth-modal-open { overflow:hidden!important; }
@media(max-width:540px) {
  html.ds-register-page .ds-auth-route-start { margin:20px auto; }
  html.ds-register-page body #content { padding-inline:12px!important; }
  html body #ds-auth-root.is-registration-page .form-heading,
  html body #ds-auth-root.is-registration-page .form-content { padding-left:20px; padding-right:20px; }
  html body #ds-auth-root.is-registration-page .form-footer { margin-left:-20px; margin-right:-20px; }
  html body #ds-auth-root:not(.is-registration-page) #ds-auth-dialog {
    width:calc(100% - 24px);height:fit-content;max-height:calc(100dvh - 24px);
    margin:auto;border-radius:10px;padding:0;
  }
}
