@charset "UTF-8";
/*
  @note: 这块... 确实不太应该这么处理 ( 在 time picker 内存在 date picker 的样式... )

  - 但是, date picker 内确实应用 & 利用 time picker 内的渲染了...
 */
.brick-time-picker-popper .brick-time-picker-panel-wrapper, .brick-date-picker-popper .brick-time-picker-panel-wrapper {
  white-space: nowrap;
  display: inline-block;
  user-select: none;
  background-color: #fff;
  font-size: 0;
}

.brick-time-picker-popper .with-second .brick-time-picker-aside, .brick-date-picker-popper .with-second .brick-time-picker-aside {
  width: 64px;
}

.brick-time-picker-popper .brick-time-picker-aside, .brick-date-picker-popper .brick-time-picker-aside {
  border-right: 1px rgb(237.15, 237.15, 237.15) solid;
}

.brick-time-picker-popper .brick-time-picker-aside:last-child, .brick-date-picker-popper .brick-time-picker-aside:last-child {
  border-right: 0;
}

.brick-time-picker-popper .brick-time-picker-aside, .brick-date-picker-popper .brick-time-picker-aside {
  font-size: 12px;
  position: relative;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  vertical-align: middle;
}

.brick-time-picker-popper .brick-time-picker-aside[data-hover-status=hover], .brick-date-picker-popper .brick-time-picker-aside[data-hover-status=hover] {
  overflow: auto;
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item {
  cursor: pointer;
  text-align: center;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item:hover, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}

.brick-time-picker-popper .brick-time-picker-aside .brick-aside-item:active, .brick-date-picker-popper .brick-time-picker-aside .brick-aside-item:active {
  background-color: rgb(224.4, 224.4, 224.4);
}

.brick-time-picker-popper .brick-time-picker-aside [data-state=selected], .brick-date-picker-popper .brick-time-picker-aside [data-state=selected] {
  color: #4c84ff;
  background-color: rgb(255, 255, 255);
}

/*
  @note: 这个处理如上, 也是一种比较 hack 的存在 (time picker 内需要考虑 date picker 的样式...)
 */
.brick-time-picker-popper.brick-time-picker-popper-size-sm .brick-time-picker-aside,
.brick-date-picker-popper.brick-date-picker-popper-size-sm .brick-time-picker-aside {
  height: 292px;
  padding: 4px 0 264px;
}

.brick-time-picker-popper.brick-time-picker-popper-size-sm .brick-aside-item,
.brick-date-picker-popper.brick-date-picker-popper-size-sm .brick-aside-item {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/*
  @note: 这个处理如上, 也是一种比较 hack 的存在 (time picker 内需要考虑 date picker 的样式...)
 */
.brick-time-picker-popper.brick-time-picker-popper-size-md .brick-time-picker-aside,
.brick-date-picker-popper.brick-date-picker-popper-size-md .brick-time-picker-aside {
  height: 332px;
  padding: 4px 0 300px;
}

.brick-time-picker-popper.brick-time-picker-popper-size-md .brick-aside-item,
.brick-date-picker-popper.brick-date-picker-popper-size-md .brick-aside-item {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

.brick-time-picker,
.brick-time-picker * {
  box-sizing: border-box;
}
.brick-time-picker {
  width: 160px;
  display: inline-block;
}
.brick-time-picker .icon-input-close {
  color: rgb(204, 204, 204);
  cursor: pointer;
}
.brick-time-picker .icon-input-close:hover {
  color: rgb(102, 102, 102);
}
.brick-time-picker .icon-input-close:active {
  color: rgb(102, 102, 102);
}