:root {
  --header-desktop-core-actions-base-height: 80px;
  --header-desktop-secondary-actions-base-height: 16px;
  --header-mobile-core-actions-base-height: 48px;
  --header-mobile-secondary-actions-base-height: 48px;
}
.react-header {
  height: 100%;
  transition: min-height 0.5s ease-in;
  min-height: calc(
    var(--header-desktop-core-actions-base-height) +
      var(--header-desktop-secondary-actions-base-height) +
      var(--aams-bar-height, 0px) + var(--kyc-banner-height, 0px)
  );
  background: var(--fabric-brand-header_background-color, var(--fds-header));
  width: 100%;
}
.sticky-nav-header {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.has-mobile-nav {
  --header-mobile-nav-height: 48px;
}
@media screen and (max-width: 1023px) {
  .aams-regulatory-bar {
    display: none;
  }
  .react-header {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--kyc-banner-height, 0px) + var(--balance-bar-height, 0px)
    );
  }
  .react-header.has-mobile-nav {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--kyc-banner-height, 0px) + var(--balance-bar-height, 0px) +
        var(--header-mobile-nav-height)
    );
  }
  .react-header:has(.no-balance) {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--kyc-banner-height, 0px)
    );
  }
  .react-header.has-mobile-nav:has(.no-balance) {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--kyc-banner-height, 0px) + var(--header-mobile-nav-height)
    );
  }
  .react-header:not(:has(.no-secondary-actions)) {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--header-mobile-secondary-actions-base-height)
    );
  }
  .react-header.has-mobile-nav:not(:has(.no-secondary-actions)) {
    min-height: calc(
      var(--header-mobile-core-actions-base-height) +
        var(--header-mobile-secondary-actions-base-height) +
        var(--header-mobile-nav-height)
    );
  }
}
@media screen and (min-width: 1024px) {
  .aams-regulatory-bar {
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .sticky-nav-header {
    margin-top: var(--aams-bar-height, 0px);
  }
}