#off-canvas-language-selector-container {
  background-color: rgba($ls-color-black, 0.5);

  @media only screen and (min-width: 420px) {
    display: flex;
  }

  @media only screen and (max-width: 419px) {
    padding: 0;
  }
}

#off-canvas-language-selector-container-inside {
  @include ls_narrowContentWrapper;
  max-width: unset;
  position: relative;
  background-color: $ls-color-white;
  padding: 5rem;
  margin: auto;
  line-height: normal;

  @media only screen and (max-width: 419px) {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }

  .off-canvas-language-selector-toggler.close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;

    &::after {
      @extend .fas;
      content: fa-content($fa-var-window-close);
      font-size: 2rem;
    }
  }
}

.ls_languageSelector {
  .current-language-info {
    margin-bottom: 2rem;

    .current-language {
      font-weight: $ls-font-weight-bold;
    }
  }

  .more-available-languages {
    h3 {
      margin-bottom: 1.5rem;
    }

    > ul {
      margin-left: 3rem;
    }

    .available-language {
      font-weight: $ls-font-weight-bold;

      &::before {
        @extend .fas;
        content: fa-content($fa-var-caret-right);
        margin-right: 0.5rem;
      }
    }
  }

  ul {
    list-style: none;
    li {
      margin-bottom: 0.8rem;
    }
  }
}