@import (reference) "@transferwise/neptune-tokens/breakpoints.less";
@import (reference) "./../styles/less/addons/_spacing-utilities.less";

.np-overlay-header {
  .np-overlay-header__content {
    // Same height and width as in FlowNavigation
    min-height: 97px;
    width: 100%;
    min-width: @screen-xs-min;
    max-width: calc(@screen-lg-min - 36px);
  }

  .np-theme-personal & {
    border-bottom: 1px solid var(--color-border-neutral);
  }

  .np-theme-personal--forest-green &,
  .np-theme-personal--bright-green &,
  .np-theme-personal--dark & {
    .np-flow-header__left path {
      fill: var(--color-interactive-primary);
    }
  }
}
