.dateComponentPicker {
  display: inline-block;
  text-align: center;
  vertical-align: inherit;
  position: relative;
}
.dateComponentPicker:global(.carbon) .item.active,
.dateComponentPicker:global(.carbon) .itemDecrement.active,
.dateComponentPicker:global(.carbon) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.carbon)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.carbon):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.carbon):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.carbon):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.cobalt) .item.active,
.dateComponentPicker:global(.cobalt) .itemDecrement.active,
.dateComponentPicker:global(.cobalt) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.cobalt)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.cobalt):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.cobalt):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.cobalt):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.cobalt):global(.night) .item.active,
.dateComponentPicker:global(.cobalt):global(.night) .itemDecrement.active,
.dateComponentPicker:global(.cobalt):global(.night) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.cobalt):global(.night)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.cobalt):global(.night):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.cobalt):global(.night):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.cobalt):global(.night):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.copper) .item.active,
.dateComponentPicker:global(.copper) .itemDecrement.active,
.dateComponentPicker:global(.copper) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.copper)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.copper):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.copper):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.copper):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.copper):global(.night) .item.active,
.dateComponentPicker:global(.copper):global(.night) .itemDecrement.active,
.dateComponentPicker:global(.copper):global(.night) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.copper):global(.night)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.copper):global(.night):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.copper):global(.night):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.copper):global(.night):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.electro) .item.active,
.dateComponentPicker:global(.electro) .itemDecrement.active,
.dateComponentPicker:global(.electro) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.electro)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.electro):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.electro):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.electro):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.gallium) .item.active,
.dateComponentPicker:global(.gallium) .itemDecrement.active,
.dateComponentPicker:global(.gallium) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.gallium)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.125rem;
  height: 0.875rem;
  opacity: 0.4;
  background-color: #ffffff;
}
.dateComponentPicker:global(.gallium):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.gallium):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.gallium):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.gallium):global(.night) .item.active,
.dateComponentPicker:global(.gallium):global(.night) .itemDecrement.active,
.dateComponentPicker:global(.gallium):global(.night) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.gallium):global(.night)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.125rem;
  height: 0.875rem;
  opacity: 0.4;
  background-color: #ffffff;
}
.dateComponentPicker:global(.gallium):global(.night):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.gallium):global(.night):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.gallium):global(.night):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.silicon) .item.active,
.dateComponentPicker:global(.silicon) .itemDecrement.active,
.dateComponentPicker:global(.silicon) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.silicon)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.125rem;
  height: 0.875rem;
  opacity: 0.4;
  background-color: #ffffff;
}
.dateComponentPicker:global(.silicon):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.silicon):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.silicon):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.silicon):global(.night) .item.active,
.dateComponentPicker:global(.silicon):global(.night) .itemDecrement.active,
.dateComponentPicker:global(.silicon):global(.night) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.silicon):global(.night)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.125rem;
  height: 0.875rem;
  opacity: 0.4;
  background-color: #ffffff;
}
.dateComponentPicker:global(.silicon):global(.night):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.silicon):global(.night):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.silicon):global(.night):nth-child(-n + 2)::before {
  content: "";
}
.dateComponentPicker:global(.titanium) .item.active,
.dateComponentPicker:global(.titanium) .itemDecrement.active,
.dateComponentPicker:global(.titanium) .itemIncrement.active {
  background-color: transparent;
  background-image: none;
}
.dateComponentPicker:global(.titanium)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: inherit;
  height: inherit;
  opacity: inherit;
  background-color: inherit;
}
.dateComponentPicker:global(.titanium):nth-child(n + 2)::before {
  content: "";
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.titanium):nth-child(n + 3)::before {
  content: none;
}
:global(.enact-locale-right-to-left) .dateComponentPicker:global(.titanium):nth-child(-n + 2)::before {
  content: "";
}
