.sinica-datepicker {
  --adp-font-family: Outfit, system-ui, sans-serif;
  --adp-color: #101828;
  --adp-color-secondary: #667085;
  --adp-accent-color: #7c3aed;
  --adp-background-color: #fff;
  --adp-background-color-hover: #ede9fe;
  --adp-background-color-active: #7c3aed;
  --adp-background-color-in-range: rgb(124 58 237 / 0.12);
  --adp-background-color-in-range-focused: rgb(124 58 237 / 0.2);
  --adp-background-color-selected-other-month-focused: #ffd0e3;
  --adp-background-color-selected-other-month: #ede9fe;
  --adp-color-active: #fff;
  --adp-color-current-date: #7c3aed;
  --adp-border-color: #e4e7ec;
  --adp-border-color-inner: #f2f4f7;
  --adp-border-radius: 0.75rem;
  --adp-btn-color: #7c3aed;
  --adp-btn-background-color-hover: #ede9fe;
  --adp-btn-background-color-active: #7c3aed;
  --adp-time-track-color: #f2f4f7;
  --adp-time-track-color-hover: rgb(124 58 237 / 0.15);
  --adp-time-day-period-color: #667085;
  z-index: 100000;
}

.sinica-datepicker--dark {
  --adp-color: rgb(255 255 255 / 0.92);
  --adp-color-secondary: #98a2b3;
  --adp-background-color: #1d2939;
  --adp-background-color-hover: rgb(124 58 237 / 0.15);
  --adp-border-color: #344054;
  --adp-border-color-inner: #344054;
  --adp-time-track-color: #344054;
  --adp-background-color-selected-other-month: #344054;
  --adp-background-color-selected-other-month-focused: rgb(124 58 237 / 0.2);
}

.admin-ui .ta-datepicker[readonly] {
  cursor: pointer;
}

.sinica-datepicker--time-input .air-datepicker-time--sliders {
  display: none !important;
}

.sinica-datepicker--time-input .air-datepicker-time {
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 10px var(--adp-time-padding-inner) 12px;
}

.sinica-datepicker--time-input .air-datepicker-time--current {
  justify-content: center;
  gap: 2px;
}

.sinica-datepicker--time-input .air-datepicker-time--current-hours,
.sinica-datepicker--time-input .air-datepicker-time--current-minutes {
  min-width: 34px;
  padding: 4px 6px;
  border-radius: 8px;
  border: 1.5px solid var(--adp-border-color);
  background: var(--adp-background-color);
  font-size: 18px;
  font-weight: 700;
  cursor: text;
}

.sinica-datepicker--time-input .air-datepicker-time--current-hours.-focus-,
.sinica-datepicker--time-input .air-datepicker-time--current-minutes.-focus- {
  border-color: var(--adp-accent-color);
}

.sinica-datepicker--time-input .air-datepicker-time--current-hours.-focus-:after,
.sinica-datepicker--time-input .air-datepicker-time--current-minutes.-focus-:after {
  display: none;
}

.admin-ui .ta-datepicker:not([readonly]) {
  cursor: text;
}