.flatpickr-wrapper {
  position: relative
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

.flatpickr-calendar {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  padding: .5rem;
  animation: none;
  background: var(--bs-paper-bg);
  box-shadow: var(--bs-box-shadow);
  font-size: .9375rem;
  inline-size: 16.75rem;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  border-radius: .375rem
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible
}

.flatpickr-calendar.open {
  z-index: 1074
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.flatpickr-calendar:not(.inline, .open) {
  display: none
}

.flatpickr-calendar.inline {
  position: relative;
  inset-block-start: 2px
}

.flatpickr-calendar.hasWeeks {
  inline-size: 19rem !important
}

.flatpickr-calendar.hasTime .flatpickr-weeks {
  border-block-end: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  margin-block-start: 1.125rem
}

.flatpickr-calendar.hasTime {
  padding-block-end: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
  block-size: 40px
}

.flatpickr-calendar.hasTime:not(.noCalendar) {
  border-block-start: 1px solid var(--bs-border-color)
}

.flatpickr-calendar.noCalendar.hasTime {
  padding: 0
}

.flatpickr-calendar input[type=number]::-webkit-inner-spin-button,
.flatpickr-calendar input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none
}

.flatpickr-calendar .flatpickr-month {
  position: relative;
  overflow: hidden;
  background: var(--bs-paper-bg);
  block-size: 2.2875rem;
  line-height: 1;
  text-align: center;
  user-select: none
}

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bs-base-color-rgb), 0.08);
  block-size: 1.875rem;
  cursor: pointer;
  inline-size: 1.875rem;
  inset-block-start: .75rem;
  line-height: 1.875rem;
  padding-block: 0;
  padding-inline: .41rem;
  text-decoration: none;
  border-radius: var(--bs-border-radius)
}

.flatpickr-calendar .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-next-month svg {
  fill: var(--bs-body-color);
  inline-size: .6rem;
  stroke: var(--bs-body-color);
  stroke-width: 2;
  vertical-align: middle
}

:dir(rtl) .flatpickr-calendar .flatpickr-prev-month,
:dir(rtl) .flatpickr-calendar .flatpickr-next-month {
  transform: scaleX(-1)
}

.flatpickr-calendar .flatpickr-prev-month i,
.flatpickr-calendar .flatpickr-next-month i {
  position: relative
}

.flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month {
  inset-inline-start: 1rem
}

.flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month {
  inset-inline: 0
}

.flatpickr-calendar .flatpickr-next-month.flatpickr-next-month {
  inset-inline-end: 1rem
}

.flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-next-month:hover {
  opacity: 1
}

.flatpickr-calendar .flatpickr-prev-month svg path,
.flatpickr-calendar .flatpickr-next-month svg path {
  fill: inherit;
  transition: fill .1s
}

@media(prefers-reduced-motion: reduce) {

  .flatpickr-calendar .flatpickr-prev-month svg path,
  .flatpickr-calendar .flatpickr-next-month svg path {
    transition: none
  }
}

.flatpickr-calendar .numInputWrapper {
  position: relative;
  block-size: auto
}

.flatpickr-calendar .numInputWrapper input,
.flatpickr-calendar .numInputWrapper span {
  display: inline-block
}

.flatpickr-calendar .numInputWrapper input {
  inline-size: 100%
}

.flatpickr-calendar .numInputWrapper span {
  position: absolute;
  inset-inline-end: 4px;
  opacity: 0
}

.flatpickr-calendar .numInputWrapper span:hover {
  background: rgba(0, 0, 0, .1)
}

.flatpickr-calendar .numInputWrapper span:active {
  background: rgba(0, 0, 0, .2)
}

.flatpickr-calendar .numInputWrapper span::after {
  display: block;
  block-size: 0;
  content: "";
  inline-size: 0
}

.flatpickr-calendar .numInputWrapper span.arrowUp {
  inset-block-start: 7px
}

.flatpickr-calendar .numInputWrapper span.arrowUp::after {
  border-block-end: 4px solid rgba(72, 72, 72, .6);
  border-inline-end: 4px solid rgba(0, 0, 0, 0);
  border-inline-start: 4px solid rgba(0, 0, 0, 0)
}

.flatpickr-calendar .numInputWrapper span.arrowDown {
  inset-block-end: 7px
}

.flatpickr-calendar .numInputWrapper span.arrowDown::after {
  border-block-start: 4px solid rgba(72, 72, 72, .6);
  border-inline-end: 4px solid rgba(0, 0, 0, 0);
  border-inline-start: 4px solid rgba(0, 0, 0, 0)
}

.flatpickr-calendar .numInputWrapper span svg {
  block-size: auto;
  inline-size: inherit
}

.flatpickr-calendar .numInputWrapper span svg path {
  fill: rgba(255, 255, 255, .5)
}

.flatpickr-calendar .numInputWrapper:hover {
  background: rgba(0, 0, 0, .05)
}

.flatpickr-calendar .numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-calendar .flatpickr-current-month {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  color: var(--bs-heading-color);
  font-weight: 300;
  gap: .25rem;
  inline-size: 75%;
  inset-inline-start: 12.5%;
  line-height: 1;
  padding-block: 1rem 0;
  padding-inline: 0;
  text-align: center;
  transform: translate3d(0, 0, 0)
}

.flatpickr-calendar .flatpickr-current-month .cur-month {
  font-size: .9375rem;
  font-weight: 400
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year {
  display: inline-block;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  outline: none;
  padding-block: 0;
  padding-inline: .5ch 0;
  vertical-align: middle
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:not(:first-child),
.flatpickr-calendar .flatpickr-current-month input.cur-year:not(:first-child) {
  padding-block: 0;
  padding-inline: .5ch 0
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  display: inline-block;
  inline-size: 6ch
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  position: relative;
  appearance: menulist;
  background-color: var(--bs-paper-bg);
  block-size: 2.25rem;
  color: var(--bs-heading-color);
  cursor: pointer;
  font-size: 1.0625rem;
  inline-size: auto
}

.flatpickr-calendar .flatpickr-current-month input.cur-year {
  margin: 0;
  block-size: 1.75rem;
  cursor: default
}

.flatpickr-calendar .flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-calendar .flatpickr-weekdays {
  display: flex;
  overflow: hidden;
  align-items: center;
  background: var(--bs-paper-bg);
  block-size: 2.25rem;
  inline-size: 100%;
  margin-block-end: .6875rem;
  margin-block-start: .5rem;
  max-inline-size: 17.5rem;
  text-align: center
}

.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  inline-size: 100%;
  padding-block: .25rem
}

.flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
  display: block;
  flex: 1;
  margin: 0;
  background: var(--bs-paper-bg);
  color: var(--bs-heading-color);
  cursor: default;
  font-size: .8125rem;
  inline-size: 2.25rem;
  line-height: 1;
  text-align: center
}

.flatpickr-calendar .dayContainer,
.flatpickr-calendar .flatpickr-weeks {
  padding-block: 1px 0;
  padding-inline: 0
}

.flatpickr-calendar .flatpickr-days {
  position: relative;
  display: flex;
  overflow: hidden;
  background: var(--bs-paper-bg);
  inline-size: auto
}

.flatpickr-calendar .flatpickr-days:focus {
  outline: 0
}

.flatpickr-calendar .flatpickr-days .dayContainer {
  display: inline-block;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  inline-size: 15.75rem;
  max-inline-size: 15.75rem;
  min-inline-size: 15.75rem;
  opacity: 1;
  outline: 0;
  transform: translate3d(0, 0, 0)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0;
  background: none;
  block-size: 2.25rem;
  color: var(--bs-heading-color);
  cursor: pointer;
  font-weight: 400;
  inline-size: 15.2857%;
  line-height: 2.25rem;
  max-inline-size: 2.25rem;
  text-align: center;
  border-radius: var(--bs-border-radius)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.today,
.flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0
}

.flatpickr-calendar .flatpickr-days .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:focus {
  background-color: rgba(var(--bs-base-color-rgb), 0.1)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-heading-color)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.nextMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.week.selected {
  background-color: var(--bs-primary);
  box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-primary-rgb), 0.4);
  color: var(--bs-primary-contrast)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.inRange:not(.startRange, .endRange) {
  border-radius: 0
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.disabled,
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.today,
.flatpickr-calendar .flatpickr-days .flatpickr-day.disabled:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.today:hover {
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  cursor: default;
  pointer-events: none
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay {
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  color: var(--bs-secondary-color);
  cursor: default
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-days .flatpickr-day.disabled {
  color: var(--bs-secondary-color)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.nextMonthDay {
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  cursor: default
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.startRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.startRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.startRange {
  border-end-end-radius: 0;
  border-start-end-radius: 0
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected.endRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.endRange,
.flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.endRange {
  border-end-start-radius: 0;
  border-start-start-radius: 0
}

.flatpickr-calendar .flatpickr-weekwrapper {
  display: inline-block;
  margin-block-start: .5rem
}

.flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weekday {
  position: relative;
  float: none;
  inline-size: 100%;
  inset-block-start: 1px;
  line-height: 2.25rem
}

.flatpickr-calendar .flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  background: none;
  block-size: 2.25rem;
  inline-size: 2.25rem;
  max-inline-size: none
}

.flatpickr-calendar .flatpickr-innerContainer {
  display: flex;
  overflow: hidden;
  box-sizing: border-box
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer {
  display: inline-block;
  box-sizing: border-box;
  padding: 0
}

.flatpickr-calendar .flatpickr-time {
  display: flex;
  line-height: 40px;
  text-align: center
}

.flatpickr-calendar .flatpickr-time .numInputWrapper {
  flex: 1;
  block-size: 40px;
  float: inline-start;
  inline-size: 40%
}

.flatpickr-calendar .flatpickr-time.hasSeconds .numInputWrapper {
  inline-size: 26%
}

.flatpickr-calendar .flatpickr-time.time24hr .numInputWrapper {
  inline-size: 49%
}

.flatpickr-calendar .flatpickr-time input {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  block-size: inherit;
  box-shadow: none;
  cursor: pointer;
  font-size: .9375rem;
  line-height: inherit;
  text-align: center
}

.flatpickr-calendar .flatpickr-time input:focus {
  border: 0;
  outline: 0
}

.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  inline-size: 18%
}

.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
  background: rgba(0, 0, 0, .05)
}