.selectBody > DIV:last-child {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }
  .selectBody > DIV:last-child > DIV {
    border-radius: 10px;
    border: solid 1px var(--select-elements-line-color);
    margin: 10px 10px 10px 0px;
    padding: 10px 5px;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .selectBody > DIV:last-child > DIV.selected {
      background-color: var(--select-background_selected);
      border-color: var(--select-background_selected);
      cursor: default; }
    .selectBody > DIV:last-child > DIV > SPAN {
      display: inline-block;
      margin: 0px 10px; }
      .selectBody > DIV:last-child > DIV > SPAN:first-child > IMG {
        width: 20px;
        height: 20px; }
      .selectBody > DIV:last-child > DIV > SPAN:last-child {
        overflow: hidden; }
    .selectBody > DIV:last-child > DIV.hidden {
      display: none; }

.selectFooter {
  overflow: hidden; }
  .selectFooter > BUTTON {
    display: block;
    margin: auto; }

.selectInput > DIV {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: var(--input-background);
  border: var(--input-border);
  color: var(--input-color);
  display: flex;
  align-items: center; }
  .selectInput > DIV > IMG {
    width: 30px;
    height: 30px; }
  .selectInput > DIV > SPAN {
    padding: 0px 10px;
    flex-grow: 1; }
  .selectInput > DIV > .arrow {
    display: inline-block;
    padding: 10px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: relative; }
    .selectInput > DIV > .arrow::after {
      content: '';
      position: absolute;
      top: 50%;
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid var(--primary-color);
      transform: translateY(-50%); }

.selectInput.disabled > DIV {
  opacity: .6; }

.selectInput.hidden {
  display: none; }