@import 'mixins';

.bd-language-selector {
  position: relative;
  display: none;
  height: 100%;

  @include media('large') {
    display: flex;
  }

  &:after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
    width: 8px;
    height: 8px;
    background: var(--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%234C5A63'%3E%3Cpath d='M56.293 14.36c1.761-1.813 4.553-1.813 6.314 0 1.857 1.912 1.857 5.098 0 7.01l-27.45 28.27c-1.76 1.813-4.553 1.813-6.314 0L1.393 21.37C.494 20.445 0 19.205 0 17.866c0-1.34.494-2.58 1.393-3.505 1.761-1.813 4.553-1.813 6.314 0L32 39.38l24.293-25.018z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
  }

  select {
    height: 100%;
    padding: 0 15px 0 5px;
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: bold;
    color: currentColor;
  }

  .--mainmenuopen & {
    display: flex;
  }
}
