.timepicker-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1019;
  top: 0;
  left: 0;
  user-select: none;
}

.timepicker {
  position: fixed;
  z-index: 1020;
  width: 180px;
  background-color: var(--black1);
  box-shadow: var(--box-shadow3);
  border-radius: 4px;
  height: 200px;
  overflow-y: scroll;
  min-height: 200px;
}

.timepicker::-webkit-scrollbar-thumb {
  min-height: 60px;
}

.timepicker-times__container {
  display: flex;
  overflow: hidden;
  height: auto;
  flex-direction: column;
  width: 100%;
}

.timepicker-time {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 6px;
  color: var(--white4);
  font-size: 14px;
  cursor: pointer;
}

.timepicker-time:hover {
  background-color: var(--black2);
}

.timepicker-time--selected {
  background-color: var(--black0);
  color: var(--primary1);
}

@media screen and (max-width: 420px) {
  .timepicker {
    width: 112px;
  }
}