@use "design";
@use "m";

.appRootHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding-top: design.$app-inset-top;

  @include m.handheld {
    padding: 20px 20px 0 20px;
  }

  @include m.desktop {
    display: none; // FIX
    padding-left: design.$app-h-padding;
    padding-right: design.$app-h-padding;
  }

  .help {
    flex-grow: 0;
    color: design.$color-brand-primary;

    @include m.active {
      opacity: 0.7;
    }
  }
}