@import './variables.scss';
@import '../input/variables.scss';
@import '../utils.scss';
@import "~@alifd/next/lib/core/index-noreset"; // next core style
@import '~@alifd/next/lib/time-picker2/scss/variable';

.#{$css-prefix}time-picker2-body {
  border: 0px;
}

.#{$css-prefix}time-picker2-menu {
  background: $time-picker-menu-item-background;

  padding: 0;

  ul {
    height: $b-design-time-picker-ul-height;
  }

  &-item {
    transition: background $motion-duration-immediately $motion-linear;
    color: $time-picker-menu-item-color;
    background: $time-picker-menu-item-background;
    height: $b-design-time-picker-item-height;
    line-height: $b-design-time-picker-item-height;

    &: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;
    }
  }


}

.#{$css-prefix}overlay-inner.#{$css-prefix}grey {
  .#{$css-prefix}time-picker2-menu {
    background: $b-design-time-picker-white-menu-item-background;

    &-item {
      background: $b-design-time-picker-white-menu-item-background;

      &:hover {
        color: $time-picker-menu-item-color-hover;
        background: $b-design-time-picker-white-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: $b-design-time-picker-white-menu-item-background-disabled;
      }
    }
  }


}