@use "sass:meta";
@use "@befe/brick-style/src/themes/base";
@use "@befe/brick-style/src/themes/time-picker";

@include meta.load-css("style/ui-time-panel");

$width-time-picker-input: 160px;

.brick-time-picker {
  @include base.reset();

  & {
    width: $width-time-picker-input;
    display: inline-block;
  }

  // @note: clear button, 按照辅助元素颜色进行控制
  .icon-input-close {
    color: time-picker.$time-picker-clear-icon-button-normal;
    cursor: pointer;

    &:hover {
      color: time-picker.$time-picker-clear-icon-button-hover;
    }

    &:active {
      color: time-picker.$time-picker-clear-icon-button-active;
    }
  }
}