:root {
  --brand-padding-top-default: 96px;
  --brand-padding-top-default-tablet: 152px;
  --brand-padding-top-with-header-second-row: 192px;
}

.brand {
  scroll-padding-top: var(--brand-padding-top-default);

  @media (min-width: 768px) {
    scroll-padding-top: var(--brand-padding-top-default-tablet);
  }

  body {
    padding-top: var(--brand-padding-top-default);
    background-color: #f6f6f6;

    @media (min-width: 768px) {
      padding-top: var(--brand-padding-top-default-tablet);
    }
  }
}

.header-client_search-button-text__Mm7ly {
  display: inline;
}

@media (min-width: 768px) {
  .header-client_search-button-text__Mm7ly {
    display: none;
  }
}

.header-client_search-button-icon__Fpp7o {
  display: none;
}

@media (min-width: 768px) {
  .header-client_search-button-icon__Fpp7o {
    display: inline;
  }
}