@import "variables";

.menu--language-selector {
  &.menu {
    display: flex;
    flex-direction: column;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  &.open {
    .menu__dropdown {
      display: flex;
    }
  }
  .menu {
    &__trigger {
      color: var(--accent);
      border: 2px solid;
      margin-left: 10px;
      height: 100%;
      padding: 3px 8px;
      margin-bottom: 0 !important;
      position: relative;
      cursor: pointer;
    }
    &__dropdown {
      left: auto;
      right: 0;
      display: none;
      flex-direction: column;
      position: absolute;
      background: var(--background);
      box-shadow: 0 10px var(--background), -10px 10px var(--background), 10px 10px var(--background);
      color: var(--accent);
      border: 2px solid var(--accent);
      margin: 0;
      padding: 10px;
      top: 10px;
      left: 0;
      list-style: none;
      z-index: 99;
    }
  }
}