.main-header {
  display: flex;
  max-height: 100%;
  flex-grow: 1;
  align-items: center; }
  .main-header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .main-header .unmasquerade-link {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 5px 10px;
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .has-mouse .main-header .unmasquerade-link:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  .main-header a.logo {
    display: flex;
    align-items: center;
    gap: clamp(7.5px, calc(3.33333px + (0.00694 * 100vw)), 15px); }
    .main-header a.logo img {
      width: 195px;
      height: 51px;
      display: block; }
    .main-header a.logo span {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: clamp(20px, calc(18.88889px + (0.00185 * 100vw)), 22px);
      line-height: clamp(20px, calc(16.66667px + (0.00556 * 100vw)), 26px);
      font-family: "NotoSans", sans-serif;
      font-weight: 400; }
  .main-header .main-header--menu-open,
  .main-header .main-header--menu-close {
    position: relative; }
    .main-header .main-header--menu-open .line-container,
    .main-header .main-header--menu-close .line-container {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column; }
    .main-header .main-header--menu-open .line,
    .main-header .main-header--menu-close .line {
      width: 100%;
      height: 2px;
      display: block;
      background-color: var(--color-text);
      transition: width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .main-header .main-header--menu-open {
    width: 50px;
    height: 30px; }
    .main-header .main-header--menu-open .line-container {
      justify-content: space-between; }
  .main-header .main-header--menu-close {
    width: 50px;
    height: 50px; }
    .main-header .main-header--menu-close .line-container {
      position: relative; }
    .main-header .main-header--menu-close .line {
      position: absolute;
      top: 50%; }
    .main-header .main-header--menu-close .line-one {
      transform: rotate(-45deg); }
    .main-header .main-header--menu-close .line-two {
      transform: rotate(45deg); }
  .main-header .menu-container {
    position: fixed;
    right: 0;
    width: 50vw;
    top: calc(var(--drupal-displace-offset-top, 0px) + var(--site-header-top) + var(--primary-tabs-height, 0px));
    height: calc(100vh - var(--drupal-displace-offset-top, 0px) - var(--site-header-top) - var(--primary-tabs-height, 0px));
    box-sizing: border-box;
    background-color: #ffffff;
    padding-left: clamp(40px, calc(17.77778px + (0.03704 * 100vw)), 80px);
    padding-right: clamp(40px, calc(17.77778px + (0.03704 * 100vw)), 80px);
    padding-bottom: clamp(40px, calc(17.77778px + (0.03704 * 100vw)), 80px);
    box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .main-menu--is-open .main-header .menu-container {
      transform: translateX(0%); }
    .main-header .menu-container .top-container {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      height: var(--site-header-height); }

/*# sourceMappingURL=../../_maps/main/main_header/main-header.css.map */