.menu-drop-down {
  position: relative;
  .menu-item-selected {
    background: $faintBlack;
  }
  .menu-drop-down-selected {
    position: relative;
    border-bottom: solid 1px $faintBlack;
    line-height: rem(32);
    cursor: pointer;
  }
  .menu-drop-down-selected:after {
    @extend .material-icons;
    content: '\E5C5';
    position: absolute;
    right: rem(8);
    top: rem(4);
  }
  .menu-drop-down-options {
    @include box-shadow(0, rem(2), rem(4), rgba(0, 0, 0, 0.25));
    position: absolute;
    top: 0;
    left: 0;
    height: 0vh;
    overflow-y: auto;
    background: $fullWhite;
    z-index: 1;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
  }

  .menu-drop-down-options::-webkit-scrollbar {
    background: $fullWhite;
    width: rem(4);
  }
  .menu-drop-down-options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
    border-radius: rem(8);
    background-color: $darkWhite;
  }
  .menu-drop-down-options::-webkit-scrollbar-thumb {
    border-radius: rem(8);
    background-color: $backgroundColorPrimary;
  }
}
.menu-drop-down-open {
  .menu-drop-down-options {
    animation: drop-down 0.25s forwards;
  }
}