@use '@carbon/layout';

:root {
  --omrs-sidenav-width: 16rem;
  --omrs-offline-banner-height: 0;
  --omrs-navbar-height: #{layout.$spacing-09};
  --omrs-topnav-height: var(--omrs-navbar-height);
}

.omrs-main-content {
  margin-left: 0;
  transition: margin-left 0.5s ease;
}

.omrs-offline {
  --omrs-offline-banner-height: #{layout.$spacing-06};
  --omrs-topnav-height: 4.5rem;

  .cds--side-nav,
  .cds--header-panel--expanded,
  .cds--side-nav__overlay {
    top: var(--omrs-topnav-height);
  }
}