.Header.Header_hovered .HeaderMenu-Item:hover .HeaderMenu-SubList {
          z-index: 2;
          opacity: 1;
          visibility: visible;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }

.HeaderMenu_hovered .HeaderMenu-Link {
      opacity: 0.5;
    }

.HeaderMenu-List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.HeaderMenu-Item {
    margin-right: var(--space-6xl);
    padding: 28px 0;
  }

.HeaderMenu-Item:last-child {
      margin-right: 0;
    }

.HeaderMenu-Item:hover .HeaderMenu-Link {
        opacity: 1;
      }

.HeaderMenu-Link {
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

.HeaderMenu-SubList {
    position: absolute;
    top: 100%;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    padding: 27px 0;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all 0.3s 0.3s;
    transition: all 0.3s 0.3s;
  }

.HeaderMenu-SubList:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: -10000px;
      left: -10000px;
      background-color: #fff;
    }

.HeaderMenu-SubList:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background-color: var(--color-gainsboro);
    }

.HeaderMenu-SubItemList {
    padding: 0;
  }

.HeaderMenu-SubItem {
    margin-right: var(--space-m);
  }

.HeaderMenu-SubItem:last-child {
      margin-right: 0;
    }

.HeaderMenu-SubItem_column {
      margin-right: 0;
      width: 25%;
    }

.HeaderMenu-SubItem .Button {
      text-transform: none;
      font-size: 16px;
      letter-spacing: 0.2px;
      font-weight: 500;
      white-space: normal;
      height: auto;
      line-height: 1;
      min-height: var(--button-height);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: var(--space-s) var(--space-m);
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }

.HeaderMenu-SubItem .Button .Button-Label {
        text-align: left;
      }

.HeaderMenu-SubItem .Button.Button_view_ghost {
        --button-height: var(--control-height-s);
        line-height: var(--button-height);
        height: var(--button-height);
      }

.HeaderMenu-SubItem .Button.Button_view_ghost .Picture {
          width: 24px;
          height: 24px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-right: var(--space-m);
        }

.HeaderMenu [aria-current='page'].active .Button_view_transparent {
      background-color: var(--color-reach-black);
      color: #fff;
    }

.HeaderMenu-Overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-reach-black10);
    z-index: 111;
  }
