/* Keep the existing 1400px dashboard untouched; banners use spare gutters only. */
#mainContainer { position: relative; }
.fi-banner[hidden] { display: none !important; }
.fi-banner { line-height: 0; }
.fi-banner img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fi-banner a { display: block; width: 100%; height: 100%; border-radius: 8px; }
.fi-banner a:focus-visible { outline: 3px solid #818cf8; outline-offset: 4px; }
.fi-banner--login { width: min(600px, calc(100% - 32px)); aspect-ratio: 3 / 1; flex-shrink: 0; margin-top: 24px; }
.fi-banner--left, .fi-banner--right { position: absolute; top: 0; width: 160px; height: 600px; }
.fi-banner--left { right: calc(100% + 24px); }
.fi-banner--right { left: calc(100% + 24px); }
.password-screen.fi-has-banner { overflow-y: auto; padding-block: 24px; }
@media (max-height: 560px) {
  .password-screen.fi-has-banner { justify-content: flex-start; }
}
@media (max-width: 1799px) {
  .fi-banner--left, .fi-banner--right { display: none !important; }
}