// cheat for use dropdown with scroll in lightbox
.exercizer div[data-drop-down] {
  z-index: 100000;
  max-height: 350px;
  overflow-y: scroll;
  background-color: white;
}

.drop-down-block {
  i.arrow {
    color: $accent;
  }
  .drop-down-label,
  .drop-up-label {
    border-bottom: 1px solid $shadow-light;
    @include run-transition(all);
    & > label {
      font-weight: bold;
      color: $grey;
      @include run-transition(all);

      &:hover {
        color: $black;
      }
    }
    &:hover {
      border-bottom: 1px solid $accent;
    }
  }
  .drop-down-label {
    i.arrow {
      @include run-transition(all);
    }
    & + .drop-down-info {
      color: $disabled-color;
    }
  }
}
