analytics/assets/css/flatpickr.css

/* @format */
/* stylelint-disable media-feature-range-notation */
/* stylelint-disable selector-class-pattern */
.flatpickr-calendar::before,
.flatpickr-calendar::after {
  right: 22px !important;
}

.flatpickr-wrapper {
  right: 35% !important;
}

@media (max-width: 768px) {
  .flatpickr-wrapper {
    right: 50% !important;
  }
}

@media (max-width: 768px) {
  .flatpickr-wrapper {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
  }
}

/* Because Flatpickr offers zero support for dynamic theming on its own (outside of third-party plugins) */
.dark .flatpickr-calendar {
  background-color: #1f2937;
}

.dark .flatpickr-weekday {
  color: #f3f4f6;
}

.dark .flatpickr-prev-month {
  fill: #f3f4f6 !important;
}

.dark .flatpickr-next-month {
  fill: #f3f4f6 !important;
}

.dark .flatpickr-monthDropdown-months {
  color: #f3f4f6 !important;
}

.dark .numInputWrapper {
  color: #f3f4f6;
}

.dark .numInput[disabled] {
  color: #9ca3af !important;
}

.dark .flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: #f3f4f6 !important;
}

.dark .flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: #f3f4f6 !important;
}

.dark .flatpickr-day.prevMonthDay {
  color: #9ca3af;
}

.dark .flatpickr-day {
  color: #e5e7eb;
}

.dark .flatpickr-day.nextMonthDay {
  color: #9ca3af;
}

.dark .flatpickr-day:hover {
  background-color: #374151;
}

/* stylelint-disable-next-line selector-not-notation */
.dark :not(.startRange):not(.endRange).flatpickr-day.nextMonthDay:hover {
  background-color: #374151;
}

/* stylelint-disable-next-line selector-not-notation */
.dark :not(.startRange):not(.endRange).flatpickr-day.prevMonthDay:hover {
  background-color: #374151;
}

.dark .flatpickr-day.flatpickr-disabled {
  color: #4b5563;
}

.dark .flatpickr-day.flatpickr-disabled:hover {
  color: #4b5563;
}

.dark .flatpickr-day.today {
  background-color: rgb(167 243 208 / 50%);
  border-color: #34d399;
}

.dark .flatpickr-day.inRange {
  background-color: #374151;
  box-shadow:
    -5px 0 0 #374151,
    5px 0 0 #374151;
  border-color: #374151;
}

.dark .flatpickr-day.prevMonthDay.inRange {
  background-color: #374151;
  box-shadow:
    -5px 0 0 #374151,
    5px 0 0 #374151;
  border-color: #374151;
}

.dark .flatpickr-day.nextMonthDay.inRange {
  background-color: #374151;
  box-shadow:
    -5px 0 0 #374151,
    5px 0 0 #374151;
  border-color: #374151;
}

.flatpickr-day.startRange {
  background: #6574cd !important;
  border-color: #6574cd !important;
}

.flatpickr-day.endRange {
  background: #6574cd !important;
  border-color: #6574cd !important;
}

.dark .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 #4556c3 !important;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 #4556c3 !important;
}