.ics-input-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  .nut-input {
    flex: 1;
    padding: 10px !important;
  }
}

.nut-picker__column__box {
  width: 100%;
  display: flex;
  align-items: center;

  .time-list-box {
    width: 108px;
    margin: 5px 0 10px 8px;
    overflow: hidden;
  }

  .time-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }

  .time-list {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: -moz-scrollbars-none; /* Older Firefox versions */
    overflow-y: scroll; /* Ensure content is scrollable */
  }

  .time-list {
    width: 100%;
    height: 290px;
    display: inline-grid;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 10px 0;

    .nut-time__wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 40px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.04);
      border: 1px solid #fff;
      box-sizing: border-box;
      cursor: pointer;
      .nut-time {
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0px;
        font-variation-settings: 'opsz' auto;
        color: rgba(0, 0, 0, 0.85);
      }
    }

    .nut-time__checked {
      background: #f2f8ff;
      border: 1px solid #4190ff;
      border-radius: 4px;
      .nut-time {
        color: #2c68ff;
      }
    }
  }

  .nut-picker__column {
    flex: 1;
  }
}