.bui-timepicker-popper {
  background-color: @time-picker-popper-bg;
  box-shadow: @time-picker-popper-shadow;
  border-radius: @border-radius-base;
  margin-top: 4px;
  .bui-timepicker-select {
    display: flex;
    height: 200px;
    .bui-timepicker-h,
    .bui-timepicker-m,
    .bui-timepicker-s {
      width: 66px;
      color: @time-picker-popper-color;
      font-size: @font-size-md;
      line-height: @line-height-md;
      text-align: left;
      overflow: hidden;
      border-right: 1px solid @border-color-base;
      .scrollbar();
      &:last-child{
        border-right: none;
      }
      &:hover{
        overflow: auto;
      }
      .bui-timepicker-cell{
        cursor: pointer;
        padding: @padding-xs - 2 @padding-md;

        &.selected{
          color: @time-picker-popper-active-color;
        }
        &:hover{
          background-color: @time-picker-popper-cell-hover-bg;
        }
      }
    }
  }
  .bui-timepicker-operation{
    border-top: 1px solid @border-color-base;
    padding: @padding-xs @padding-md;
    overflow: hidden;
    text-align: right;
  }
}