.nut-timeselect {
  background-color: $color-background-overlay;
  display: flex;
  flex-direction: column;
  height: calc(100% - scale-px(50px));

  &-content {
    display: flex;
    flex: 1;
  }

  &-content-left {
    // width: $timeselect-date-width;
    min-width: $timeselect-date-width;
    height: 100%;
    /* #ifndef dynamic*/
    overflow: auto;
    /* #endif */
    background: $color-background-sunken;
  }
}

.nut-timepannel {
  padding: 0 scale-px(16px);
  height: $timeselect-date-height;
  line-height: $timeselect-date-height;
  text-align: start;
  color: $color-text;
  font-size: $font-size-base;

  &.active {
    background: $color-background-overlay;
    color: $timeselect-date-active-color;
    font-weight: $font-weight-bold;
  }
}
