.select-time-right-panel {}

.select-time-right-panel-list {
  width: 184px;
  max-height: 511px;
  overflow: auto;

  .select-time-right-panel-item {
    padding: 16px 8px;
    border-radius: 8px;
    cursor: pointer;
    color: var(--Text-Text_1, #1B1B1B);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;

    &.select-time-right-panel-item-active,
    &:hover {
      background: var(--Gray-100, #F2F4F7);
    }
  }
}

.select-time-right-panel--dark {
  border-left: 1px solid rgba(135, 157, 210, 0.14);

  .select-time-right-panel-list {
    .select-time-right-panel-item {
      color: #eef3ff;
      border: 1px solid transparent;

      &.select-time-right-panel-item-active,
      &:hover {
        background: rgba(123, 81, 231, 0.28);
        border-color: rgba(183, 160, 255, 0.2);
      }
    }
  }
}