.timeUnitSelector {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-style: inherit;
}

.timeUnitCurrent {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-style: inherit;
  padding-right: 4px;
  background-color: transparent;
}

.timeUnitOption {
  padding: 2px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(8, 8, 10, 0.8);
  font-style: normal;
}

.timeUnitCurrentContainer {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-style: inherit;  
}

.dropdownWrapper {
  position: relative;
}

.dropdown {
  flex-direction: column;
  max-width: 80px;
  min-width: 80px;
  /* padding: 2px; */
  border-radius: 10px;
  border: 2px solid;
  border-color: rgb(240, 166, 202);
  background-color: white;
  background-blend-mode: lighten;
  top: 100%;
  right: 0%;
  position: absolute;
  z-index: 6;
  width: 100%;
}

.optionsContainer {
  margin-block: 4px;
  z-index: 6;
  cursor: pointer;
}
.optionsContainer:hover {
  background-color: #dedede;
}