/******** radius *******/
/******** 间隙 *******/
/******** fontSize *******/
/******** 组件尺寸 *******/
/******** z-index *******/
/******** borderSize *******/
/******** borderStyle *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontWeight ********/
/******** Animation *******/
/******** color *******/
/******** diff *******/
/******** icon hover *******/
/******** media *******/
.pd-TimePicker {
  position: relative;
  display: flex;
  padding: 0;
  box-sizing: border-box;
}
.pd-TimePicker-container {
  border-radius: 2px;
  border: 1px solid var(--color-border-2);
  background-color: var(--color-bg-5);
  overflow: hidden;
}
.pd-TimePicker-list {
  width: 64px;
  height: 224px;
  overflow: hidden;
  box-sizing: border-box;
  scrollbar-width: none;
}
.pd-TimePicker-list::-webkit-scrollbar {
  width: 0;
}
.pd-TimePicker-list:not(:last-child) {
  border-right: 1px solid var(--color-border-2);
}
.pd-TimePicker-list:hover {
  overflow-y: auto;
}
.pd-TimePicker-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.pd-TimePicker-list ul::after {
  content: '';
  display: block;
  width: 100%;
  height: 192px;
}
.pd-TimePicker-cell {
  padding: 4px 0;
  text-align: center;
  color: var(--color-text-1);
  font-weight: 500;
  cursor: pointer;
}
.pd-TimePicker-cell-inner {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}
.pd-TimePicker-cell:not(.pd-TimePicker-cell-selected):not(.pd-TimePicker-cell-disabled):hover .pd-TimePicker-cell-inner {
  background-color: var(--color-fill-3);
}
.pd-TimePicker-cell-selected .pd-TimePicker-cell-inner {
  background-color: var(--color-fill-3);
  font-weight: 500;
}
.pd-TimePicker-cell-disabled {
  color: var(--color-fill-1);
  cursor: not-allowed;
}
.pd-TimePicker-footer-extra-wrapper {
  border-top: 1px solid var(--color-border-2);
  padding: 8px 8px;
  color: var(--color-text-1);
  font-size: 12px;
}
.pd-TimePicker-footer-btn-wrapper {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--color-border-2);
  padding: 6px 8px;
}