.yc-timepicker-container {
  overflow: hidden;
  background-color: var(--color-bg-popup);
  border: 1px solid var(--color-neutral-3);
  border-radius: var(--border-radius-medium);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  .yc-timepicker {
    position: relative;
    display: flex;
    padding: 0;
    .yc-timepicker-column {
      overflow: hidden;
      width: 64px;
      height: 224px;
      &:not(:last-child) {
        border-right: 1px solid var(--color-neutral-3);
      }
      .yc-scrollbar {
        .yc-scrollbar-container {
          scroll-behavior: unset;
          ul {
            .yc-timepicker-cell {
              padding: 4px 0;
              color: var(--color-text-1);
              font-weight: 500;
              cursor: pointer;
              .yc-timepicker-cell-inner {
                height: 24px;
                padding-left: 24px;
                font-size: 14px;
                line-height: 24px;
                &:hover {
                  background-color: var(--color-fill-2);
                }
              }
              &.yc-timepicker-cell-selected {
                .yc-timepicker-cell-inner {
                  font-weight: 500;
                  background-color: var(--color-fill-2);
                }
              }
              &.yc-timepicker-cell-disabled {
                color: var(--color-text-4);
                cursor: not-allowed;
                .yc-timepicker-cell-inner {
                  &:hover {
                    background-color: transparent;
                  }
                }
              }
            }
            &::after {
              display: block;
              width: 100%;
              height: 192px;
              content: '';
            }
          }
        }
      }
    }
  }
  .yc-timepicker-footer-extra-wrapper {
    padding: 8px;
    border-top: 1px solid var(--color-neutral-3);
    color: var(--color-text-1);
    font-size: 12px;
  }
  .yc-timepicker-footer-btn-wrapper {
    padding: 8px;
    border-top: 1px solid var(--color-neutral-3);
    display: flex;
    justify-content: space-between;
  }
}
