.language-select-area {
    --offset: 10px;
    position: fixed;
    top: var(--offset);
    right: var(--offset);
    display: flex;
    gap: 8px;
    align-items: center;
    z-index: 99;
  }

  .menu {
    display: none;
  }

  .navbar-toggler {
    display: none;
  }

  .language-select-area select {
    background: url('../images/arrow-down.svg') right 1rem center/8px 10px no-repeat !important;
    text-decoration: underline;
  }

  @media (min-width: 1000px) {
    .language-select-area {
      right: var(--offset);
    }
  }

  @media (max-width: 1000px) {
    .language-select-area {
      background-color: white;
      top: 0;
      right: 0;
      padding-inline: 0.1rem;
      height: var(--menu-height);
      display: grid;
      place-items: center;
      border-bottom-right-radius: 20px;
    }

    main {
      margin-top: calc(var(--menu-height) + 5px);
    }
    main.no-margin {
      margin-top: revert !important;
    }

    .navbar-toggler {
      display: block;
    }

    .language-select-area select {
      display: none;
    }
    .menu {
      transform: translateX(-100%);
      display: block;
      --radius: 24px;
      position: fixed;
      height: 100vh;
      top: 0;
      left: 0;
      bottom: 0;
      min-width: 100%;
      transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      background: rgba(0, 0, 0, .5);
      z-index: 9999;
    }

  .menu nav {
    border-radius: 0 var(--radius) var(--radius) 0;
    width: 70%;
    background-color: var(--color-body);
    height: inherit;
  }

    .menu.active {
      transform: translateX(0);
    }

    .menu ul .active {
      font-weight: bold;
      text-decoration: underline;
    }
  }