/* The photo is decorative and loaded only for a desktop login visit. */
/* Original R15 operations artwork replaces the old logo and duplicate headings. */
#loginView .login-logo{width:100%;height:auto;max-height:none;aspect-ratio:2400/556;object-fit:contain;object-position:left center;margin:0 0 20px}
#loginView .login-card{max-width:480px;padding-top:24px}
#loginView .login-account .login-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:920px){#loginView .login-card{padding-top:14px}}
@media(max-height:650px){#loginView .login-logo{max-height:62px;margin-bottom:10px}}
html body .sidebar .brand{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px;flex:0 0 92px;height:92px;min-height:92px;padding:10px 12px!important}
html body .sidebar .sidebar-logo{display:block;width:100%;height:auto;max-height:52px;aspect-ratio:2400/556;flex:none;object-fit:contain;object-position:left center;padding:0;background:transparent;border-radius:0}
html body .sidebar .brand .brand-copy{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:0;align-self:auto}
html body .sidebar .brand .brand-copy .online-pill{position:static;right:auto;bottom:auto;flex:none}
html body .sidebar .brand .brand-copy .web-version-link{align-self:center}
@media(pointer:coarse){html body .sidebar .brand{padding-right:36px!important}}
@media (min-width: 921px) and (hover: hover) and (pointer: fine) {
  #loginView.login-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  #loginView.login-shell.has-login-photo::before {
    content: "";
    position: absolute;
    inset: -14px;
    z-index: 0;
    background-image: var(--login-background-photo);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(5px);
  }
  #loginView.login-shell.has-login-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(16, 38, 68, .28);
  }
  #loginView .login-card {
    position: relative;
    z-index: 1;
    background: rgba(248, 251, 254, .95);
    box-shadow: 0 24px 70px rgba(7, 25, 51, .28);
  }
}