#{$time-picker-prefix}-menu {
  float: left;
  text-align: center;

  &:not(:last-child) {
    border-right: $time-picker-menu-border-width solid $time-picker-menu-border-color;
  }

  &-title {
    cursor: default;
    height: $time-picker-menu-title-height;
    line-height: $time-picker-menu-title-height;
    font-size: $time-picker-menu-title-font-size;
    font-weight: $time-pikcer-menu-title-font-weight;
    color: $time-picker-menu-title-color;
    background: $time-picker-menu-title-background;
  }

  ul {
    position: relative;
    overflow-y: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    height: $time-picker-menu-item-height * 6 + 8px;
    &:hover {
      overflow-y: auto;
    }
  }

  &-item {
    cursor: pointer;
    height: $time-picker-menu-item-height;
    font-size: $time-picker-menu-item-font-size;
    line-height: $time-picker-menu-item-height;
    transition: background 0.3s ease-out;
    color: $time-picker-menu-item-color;
    background: $time-picker-menu-item-background;
    outline: none;

    &:hover {
      color: $time-picker-menu-item-color-hover;
      background: $time-picker-menu-item-background-hover;
    }

    &.#{$css-prefix}selected {
      font-weight: $time-picker-menu-item-font-weight-selected;
      color: $time-picker-menu-item-color-selected;
      background: $time-picker-menu-item-background-selected;
    }

    &.#{$css-prefix}disabled {
      cursor: not-allowed;
      color: $time-picker-menu-item-color-disabled;
      background: $time-picker-menu-item-background-disabled;
    }
  }
}
