{"version":3,"sources":["webpack://./node_modules/react-datepicker/dist/react-datepicker.css","webpack://./packages/dates/src/components/styles.scss","webpack://./packages/styles/src/mixins/_transition.scss","webpack://./packages/styles/src/mixins/_reduce-motion.scss","webpack://./packages/dates/src/components/DateRangePicker/styles.scss","webpack://./packages/dates/src/components/RangeFormat/styles.scss"],"names":[],"mappings":"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","file":"dates.4b81ede5.css","sourcesContent":["@charset \"UTF-8\";\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {\n  border-color: #ccc;\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: \"\";\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  margin-left: -4px;\n  position: absolute;\n  width: 0;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  box-sizing: content-box;\n  position: absolute;\n  border: 8px solid transparent;\n  height: 0;\n  width: 1px;\n  content: \"\";\n  z-index: -1;\n  border-width: 8px;\n  left: -8px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {\n  border-bottom-color: #aeaeae;\n}\n\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  top: 0;\n  margin-top: -8px;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  border-top: none;\n  border-bottom-color: #f0f0f0;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  top: 0;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {\n  top: -1px;\n  border-bottom-color: #aeaeae;\n}\n\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n  bottom: 0;\n  margin-bottom: -8px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {\n  border-bottom: none;\n  border-top-color: #fff;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {\n  bottom: 0;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {\n  bottom: -1px;\n  border-top-color: #aeaeae;\n}\n\n.react-datepicker-wrapper {\n  display: inline-block;\n  padding: 0;\n  border: 0;\n}\n\n.react-datepicker {\n  font-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #000;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  display: inline-block;\n  position: relative;\n}\n\n.react-datepicker--time-only .react-datepicker__triangle {\n  left: 35px;\n}\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__triangle {\n  position: absolute;\n  left: 50px;\n}\n\n.react-datepicker-popper {\n  z-index: 1;\n}\n.react-datepicker-popper[data-placement^=bottom] {\n  padding-top: 10px;\n}\n.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {\n  left: auto;\n  right: 50px;\n}\n.react-datepicker-popper[data-placement^=top] {\n  padding-bottom: 10px;\n}\n.react-datepicker-popper[data-placement^=right] {\n  padding-left: 8px;\n}\n.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {\n  left: auto;\n  right: 42px;\n}\n.react-datepicker-popper[data-placement^=left] {\n  padding-right: 8px;\n}\n.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {\n  left: 42px;\n  right: auto;\n}\n\n.react-datepicker__header {\n  text-align: center;\n  background-color: #f0f0f0;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n  margin-top: 0;\n  color: #000;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation {\n  align-items: center;\n  background: none;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n  right: 85px;\n}\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n  border-color: #a6a6a6;\n}\n\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n  transform: rotate(45deg);\n  left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n  transform: rotate(225deg);\n  right: -7px;\n}\n\n.react-datepicker__month-container {\n  float: left;\n}\n\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__year-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container {\n  display: inline-block;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n  width: auto;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {\n  -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + (1.7rem / 2));\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #f0f0f0;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n  background-color: #216ba5;\n  color: white;\n  font-weight: bold;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n  background-color: #216ba5;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n\n.react-datepicker__day-names,\n.react-datepicker__week {\n  white-space: nowrap;\n}\n\n.react-datepicker__day-names {\n  margin-bottom: -8px;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n  cursor: pointer;\n}\n.react-datepicker__day:hover,\n.react-datepicker__month-text:hover,\n.react-datepicker__quarter-text:hover,\n.react-datepicker__year-text:hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n  font-weight: bold;\n}\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #3dcc4a;\n  color: #fff;\n}\n.react-datepicker__day--highlighted:hover,\n.react-datepicker__month-text--highlighted:hover,\n.react-datepicker__quarter-text--highlighted:hover,\n.react-datepicker__year-text--highlighted:hover {\n  background-color: #32be3f;\n}\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n  color: magenta;\n}\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n  color: green;\n}\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n  position: relative;\n  border-radius: 0.3rem;\n  background-color: #ff6803;\n  color: #fff;\n}\n.react-datepicker__day--holidays .holiday-overlay,\n.react-datepicker__month-text--holidays .holiday-overlay,\n.react-datepicker__quarter-text--holidays .holiday-overlay,\n.react-datepicker__year-text--holidays .holiday-overlay {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n.react-datepicker__day--holidays:hover,\n.react-datepicker__month-text--holidays:hover,\n.react-datepicker__quarter-text--holidays:hover,\n.react-datepicker__year-text--holidays:hover {\n  background-color: #cf5300;\n}\n.react-datepicker__day--holidays:hover .holiday-overlay,\n.react-datepicker__month-text--holidays:hover .holiday-overlay,\n.react-datepicker__quarter-text--holidays:hover .holiday-overlay,\n.react-datepicker__year-text--holidays:hover .holiday-overlay {\n  visibility: visible;\n  opacity: 1;\n}\n.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,\n.react-datepicker__month-text--selected:hover,\n.react-datepicker__month-text--in-selecting-range:hover,\n.react-datepicker__month-text--in-range:hover,\n.react-datepicker__quarter-text--selected:hover,\n.react-datepicker__quarter-text--in-selecting-range:hover,\n.react-datepicker__quarter-text--in-range:hover,\n.react-datepicker__year-text--selected:hover,\n.react-datepicker__year-text--in-selecting-range:hover,\n.react-datepicker__year-text--in-range:hover {\n  background-color: #1d5d90;\n}\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: #bad9f1;\n  color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:hover,\n.react-datepicker__month-text--keyboard-selected:hover,\n.react-datepicker__quarter-text--keyboard-selected:hover,\n.react-datepicker__year-text--keyboard-selected:hover {\n  background-color: #1d5d90;\n}\n.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range) {\n  background-color: rgba(33, 107, 165, 0.5);\n}\n.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range) {\n  background-color: #f0f0f0;\n  color: #000;\n}\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n.react-datepicker__day--disabled:hover,\n.react-datepicker__month-text--disabled:hover,\n.react-datepicker__quarter-text--disabled:hover,\n.react-datepicker__year-text--disabled:hover {\n  background-color: transparent;\n}\n\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n  position: absolute;\n  padding: 0.5rem;\n}\n\n.react-datepicker__view-calendar-icon input {\n  padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n  border-top-color: #b3b3b3;\n}\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n  transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n  background-color: #f0f0f0;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  border: 1px solid #aeaeae;\n}\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n  background-color: #ccc;\n}\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: #b3b3b3;\n}\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n  border-top-color: #b3b3b3;\n}\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #216ba5;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: \"×\";\n}\n\n.react-datepicker__today-button {\n  background: #f0f0f0;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name,\n  .react-datepicker__portal .react-datepicker__day,\n  .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n\n.react-datepicker__aria-live {\n  position: absolute;\n  clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n","@import '~@eventespresso/styles/src/mixins/breakpoints';\n@import '~@eventespresso/styles/src/mixins/transition';\n\n.react-datepicker {\n\t$container-width: calc(var(--ee-icon-button-size-big) * 7 + 2px);\n\t$datetime-container-width: calc(var(--ee-icon-button-size-big) * 9.25 + 2px);\n\t$header-height: calc(var(--ee-icon-button-size-big) * 2);\n\t$month-height: calc(var(--ee-icon-button-size-big) * 6 + 5px);\n\t$month-container-height: calc(var(--ee-icon-button-size-big) * 8 + 5px);\n\t$month-container-width: calc(var(--ee-icon-button-size-big) * 7);\n\t$time-container-width: calc(var(--ee-icon-button-size-big) * 2.25);\n\n\t&.ee-datepicker,\n\t&.ee-timepicker,\n\t&.ee-month-picker,\n\t&.ee-datetime-picker {\n\t\tbackground-color: var(--ee-background-color);\n\t\tborder: 1px solid var(--ee-border-color);\n\t\tborder-color: var(--ee-border-color);\n\t\tborder-radius: 0 !important;\n\t\tbox-shadow: var(--ee-box-shadow-big);\n\t\tbox-sizing: content-box;\n\t\tcolor: var(--ee-default-text-color);\n\t\tfont-size: var(--ee-font-size-small);\n\t}\n\n\t&.ee-month-picker {\n\t\twidth: $container-width;\n\t}\n\n\t&.ee-datepicker,\n\t&.ee-datetime-picker {\n\t\twidth: $datetime-container-width;\n\t}\n\n\t&-popper {\n\t\tz-index: 3;\n\t}\n\n\t&-wrapper {\n\t\tmin-width: 16rem;\n\t}\n\n\t&__navigation {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\theight: var(--ee-icon-button-size);\n\t\tjustify-content: center;\n\t\tline-height: unset;\n\t\toutline: unset;\n\t\ttop: var(--ee-padding-tiny);\n\t\twidth: var(--ee-icon-button-size);\n\n\t\t&--previous {\n\t\t\tborder-right-color: var(--ee-color-grey-10);\n\t\t\tright: var(--ee-padding-extreme);\n\t\t\tleft: unset;\n\t\t}\n\n\t\t&--next,\n\t\t&--next--with-time,\n\t\t&--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n\t\t\tborder-left-color: var(--ee-color-grey-10);\n\t\t\tright: var(--ee-padding-micro);\n\t\t\tleft: unset;\n\t\t}\n\t}\n\n\t&__header {\n\t\tbackground-color: var(--ee-background-color);\n\t\tborder-bottom: 1px solid var(--ee-color-grey-12);\n\t\tborder-radius: 0 !important;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--ee-default-text-color);\n\t\tfont-weight: 500;\n\t\theight: $header-height;\n\t\tpadding: 0;\n\t\ttext-align: unset;\n\n\t\t.react-datepicker {\n\t\t\t&__day-names {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t\t&__day-name {\n\t\t\t\talign-items: center;\n\t\t\t\tcolor: var(--ee-default-text-color);\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\theight: var(--ee-icon-button-size-big);\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin: 0;\n\t\t\t\twidth: var(--ee-icon-button-size-big);\n\t\t\t}\n\t\t}\n\n\t\t&--time {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\tpadding: var(--ee-icon-button-size) 0 0 0;\n\t\t}\n\t}\n\n\t&-year-header,\n\t&__current-month {\n\t\talign-items: flex-end;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--ee-default-text-color-low-contrast);\n\t\tdisplay: flex;\n\t\tfont-weight: 800;\n\t\tfont-size: var(--ee-font-size-bigger);\n\t\theight: var(--ee-icon-button-size-big);\n\t\tletter-spacing: 1px;\n\t\tpadding: 0 0 var(--ee-padding-tiny) var(--ee-padding-small);\n\t\ttext-align: start;\n\t}\n\n\t&__month-container {\n\t\tbackground-color: var(--ee-background-color);\n\t\tbox-sizing: content-box;\n\t\t// height: $month-container-height;\n\t\theight: auto;\n\t\twidth: $month-container-width;\n\t}\n\n\t&__month {\n\t\tbox-sizing: content-box;\n\t\tmargin: 0;\n\n\t\t/*\n\t\t\tthe following creates styles like:\n\t\t\t\treact-datepicker__month--selecting-range\n\t\t\t\treact-datepicker__month--selecting-range react-datepicker__day--in-range\n\t\t\t\treact-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-start\n\t\t\t\treact-datepicker__day--in-selecting-range react-datepicker__day--selecting-range-end\n\t\t*/\n\t\t&--selecting-range {\n\t\t\t.react-datepicker__day {\n\t\t\t\t&--in-range {\n\t\t\t\t\tbackground-color: var(--ee-color-grey-12);\n\t\t\t\t\tcolor: var(--ee-text-on-grey-12);\n\t\t\t\t}\n\n\t\t\t\t&--in-selecting-range {\n\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color);\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color-hover);\n\t\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.react-datepicker {\n\t\t\t&__week {\n\t\t\t\tbackground: var(--ee-background-color);\n\t\t\t\tborder-bottom: 1px solid var(--ee-color-grey-12);\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t&__week:last-child {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t&__day {\n\t\t\t\talign-items: center;\n\t\t\t\tborder-radius: 0 !important;\n\t\t\t\tcolor: var(--ee-default-text-color-high-contrast);\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\theight: var(--ee-icon-button-size-big);\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin: 0;\n\t\t\t\twidth: var(--ee-icon-button-size-big);\n\n\t\t\t\t&--outside-month {\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-low-contrast);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--ee-color-grey-14);\n\t\t\t\t}\n\n\t\t\t\t&--selected,\n\t\t\t\t&--keyboard-selected,\n\t\t\t\t&--in-range,\n\t\t\t\t&--range-start,\n\t\t\t\t&--range-end {\n\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color);\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color-hover);\n\t\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&--range-end,\n\t\t\t\t&--selecting-range-end {\n\t\t\t\t\tbackground-color: var(--ee-date-picker-end-date-bg-color);\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--ee-date-picker-end-date-bg-color-hover);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--range-start,\n\t\t\t\t&--selecting-range-start {\n\t\t\t\t\tbackground-color: var(--ee-date-picker-start-date-bg-color);\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--ee-date-picker-start-date-bg-color-hover);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--disabled {\n\t\t\t\t\tbackground-color: var(--ee-color-grey-15);\n\t\t\t\t\tcolor: var(--ee-color-grey-9);\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t}\n\n\t\t\t\t&--today {\n\t\t\t\t\tbackground-color: var(--ee-color-primary-low-contrast);\n\t\t\t\t\tcolor: var(--ee-text-on-primary);\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\n\t\t\t\t& + & {\n\t\t\t\t\tborder-left: 1px solid var(--ee-color-grey-12);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__monthPicker {\n\t\t&__header {\n\t\t\tbackground: var(--ee-background-color);\n\t\t\theight: unset;\n\t\t\tpadding-top: unset;\n\t\t}\n\t}\n\n\t&__input-container {\n\t\tinput[type='number'],\n\t\tinput[type='text'],\n\t\tselect {\n\t\t\tborder-color: var(--ee-border-color);\n\t\t\tborder-radius: var(--ee-border-radius-tiny);\n\t\t\tborder-style: solid;\n\t\t\tborder-width: var(--ee-border-width);\n\t\t\tbox-sizing: border-box;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: var(--ee-default-text-color);\n\t\t\tfont-size: var(--ee-font-size-default);\n\t\t\tline-height: inherit;\n\t\t\tmin-height: var(--ee-icon-button-size-big);\n\t\t\toutline: none;\n\t\t\tpadding: var(--ee-padding-micro) var(--ee-padding-tiny);\n\t\t\twidth: 100%;\n\t\t\t@include transition(all ease 50ms);\n\t\t}\n\t\t// TODO needs to be fixed by Vadim\n\t\tinput[disabled] {\n\t\t\tbackground-color: var(--ee-text-on-grey-4);\n\t\t}\n\t}\n\n\t&__input-time-container {\n\t\tfloat: unset;\n\t\tmargin: 0;\n\t\tpadding: var(--ee-padding-tiny) var(--ee-padding-smaller);\n\n\t\t.react-datepicker-time {\n\t\t\t&__input-container {\n\t\t\t\t.react-datepicker-time {\n\t\t\t\t\t&__input input {\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\twidth: max-content;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__time-container {\n\t\tborder-left: none;\n\t\tbox-sizing: content-box;\n\t\tdisplay: inline-block;\n\t\theight: $month-container-height;\n\t\twidth: $time-container-width;\n\n\t\t& .react-datepicker-time__header {\n\t\t\tcolor: var(--ee-default-text-color);\n\t\t\tfont-size: var(--ee-font-size-small);\n\t\t\tfont-weight: 500;\n\t\t\tmargin-top: 0.4rem;\n\t\t}\n\n\t\t& .react-datepicker__time {\n\t\t\tbackground-color: var(--ee-background-color);\n\t\t\tborder-left: 1px solid var(--ee-color-grey-12);\n\t\t\tborder-radius: 0 !important;\n\t\t\tbox-sizing: content-box;\n\t\t\tcolor: var(--ee-default-text-color);\n\t\t\theight: $month-height;\n\n\t\t\t// duplicated for specificity in order to override datepicker styles\n\t\t\t& .react-datepicker__time {\n\t\t\t\t&-box {\n\t\t\t\t\tborder-radius: 0 !important;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\tul.react-datepicker__time-list {\n\t\t\t\t\t\theight: unset;\n\t\t\t\t\t\tmax-height: $month-height;\n\t\t\t\t\t\tscrollbar-width: thin;\n\n\t\t\t\t\t\t&::-webkit-scrollbar {\n\t\t\t\t\t\t\twidth: 8px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tli.react-datepicker__time-list-item {\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tborder: 2px solid var(--ee-background-color);\n\t\t\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\theight: var(--ee-icon-button-size-big);\n\t\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t\t\tline-height: var(--ee-icon-button-size-micro);\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tmargin-inline-start: var(--ee-margin-tiny);\n\t\t\t\t\t\t\toutline: none !important;\n\t\t\t\t\t\t\tpadding: 0 var(--ee-padding-smaller) 0 0;\n\n\t\t\t\t\t\t\t&--selected {\n\t\t\t\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color);\n\t\t\t\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\t\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// use graduated coloring for time blocks\n\t\t\t\t\t\t\t// so that nighttime blocks are darker than daytime blocks\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t&:nth-child(n + 32) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-low-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 32),\n\t\t\t\t\t\t\t\t&:nth-child(n + 65) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 24),\n\t\t\t\t\t\t\t\t&:nth-child(n + 73) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 16),\n\t\t\t\t\t\t\t\t&:nth-child(n + 81) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 8),\n\t\t\t\t\t\t\t\t&:nth-child(n + 89) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t&:nth-child(n + 32) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-low-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 32),\n\t\t\t\t\t\t\t\t&:nth-child(n + 65) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 24),\n\t\t\t\t\t\t\t\t&:nth-child(n + 73) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 16),\n\t\t\t\t\t\t\t\t&:nth-child(n + 81) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 8),\n\t\t\t\t\t\t\t\t&:nth-child(n + 89) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:focus-visible {\n\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&--disabled {\n\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-grey-15);\n\t\t\t\t\t\t\t\tcolor: var(--ee-color-grey-9);\n\t\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&--time-only {\n\t\t.react-datepicker {\n\t\t\t&__time-container {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t\theight: auto;\n\t\t\t\tpadding: 0 0 var(--ee-padding-tiny);\n\t\t\t\twidth: calc(var(--ee-icon-button-size-bigger) * 8);\n\n\t\t\t\t.react-datepicker__time {\n\t\t\t\t\tpadding-top: var(--ee-padding-tiny);\n\n\t\t\t\t\t&-box ul.react-datepicker__time-list {\n\t\t\t\t\t\tdisplay: grid;\n\t\t\t\t\t\tgrid-template-columns: repeat(4, 1fr);\n\n\t\t\t\t\t\tli.react-datepicker__time-list-item {\n\t\t\t\t\t\t\tpadding: 0 var(--ee-padding-small) 0 0;\n\n\t\t\t\t\t\t\t// use graduated coloring for time blocks\n\t\t\t\t\t\t\t// so that nighttime blocks are darker than daytime blocks\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t&:nth-child(n + 32) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-low-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 32),\n\t\t\t\t\t\t\t\t&:nth-child(n + 65) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 24),\n\t\t\t\t\t\t\t\t&:nth-child(n + 73) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 16),\n\t\t\t\t\t\t\t\t&:nth-child(n + 81) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 8),\n\t\t\t\t\t\t\t\t&:nth-child(n + 89) {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--ee-color-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t\tcolor: var(--ee-text-on-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t&:nth-child(n + 32) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-low-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 32),\n\t\t\t\t\t\t\t\t&:nth-child(n + 65) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 24),\n\t\t\t\t\t\t\t\t&:nth-child(n + 73) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 16),\n\t\t\t\t\t\t\t\t&:nth-child(n + 81) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-blue-super-high-contrast);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:nth-child(-n + 8),\n\t\t\t\t\t\t\t\t&:nth-child(n + 89) {\n\t\t\t\t\t\t\t\t\tborder-color: var(--ee-color-dark-blue-high-contrast);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:focus-visible {\n\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__header--time {\n\t\t\t\tdisplay: none;\n\t\t\t\theight: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__triangle::after {\n\t\t.react-datepicker-popper[data-placement^='bottom'] & {\n\t\t\tborder-bottom-color: var(--ee-background-color);\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='left'] & {\n\t\t\tborder-left-color: var(--ee-background-color) !important;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='right'] & {\n\t\t\tborder-right-color: var(--ee-background-color) !important;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='top'] & {\n\t\t\tborder-top-color: var(--ee-background-color) !important;\n\t\t}\n\t}\n\n\t&__triangle::before {\n\t\tborder-color: var(--ee-background-color);\n\t\t/*\n\t\t\tthe following creates styles like:\n\t\t\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before\n\t\t*/\n\t\t.react-datepicker-popper[data-placement^='bottom'] & {\n\t\t\tborder-bottom-color: var(--ee-border-color);\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='left'] & {\n\t\t\tborder-left-color: var(--ee-border-color);\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='right'] & {\n\t\t\tborder-right-color: var(--ee-border-color);\n\t\t}\n\t\t.react-datepicker-popper[data-placement^='top'] & {\n\t\t\tborder-top-color: var(--ee-border-color);\n\t\t}\n\t}\n}\n\n.react-datepicker.ee-month-picker {\n\theight: unset;\n\twidth: unset;\n\n\t.react-datepicker {\n\t\t&__month-container {\n\t\t\theight: unset;\n\t\t\twidth: unset;\n\t\t}\n\t\t&__header {\n\t\t\tbox-sizing: content-box;\n\t\t\theight: var(--ee-icon-button-size);\n\t\t\tpadding-bottom: var(--ee-padding-default);\n\t\t}\n\t\t&__monthPicker {\n\t\t\tbackground: var(--ee-background-color);\n\t\t\tborder-bottom: unset;\n\t\t\theight: unset;\n\t\t\twidth: unset;\n\t\t}\n\t\t&__month-text {\n\t\t\talign-items: center;\n\t\t\tborder-radius: 0 !important;\n\t\t\tcolor: var(--ee-default-text-color);\n\t\t\tdisplay: inline-flex;\n\t\t\tfont-size: var(--ee-font-size-default);\n\t\t\theight: var(--ee-icon-button-size-bigger);\n\t\t\tjustify-content: center;\n\t\t\tletter-spacing: 1px;\n\t\t\tmargin: 0;\n\t\t\twidth: calc(var(--ee-icon-button-size-bigger) * 2);\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--ee-color-grey-14);\n\t\t\t}\n\n\t\t\t&--keyboard-selected {\n\t\t\t\tbackground-color: var(--ee-color-primary-low-contrast);\n\t\t\t\tcolor: var(--ee-text-on-primary);\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--ee-date-picker-date-in-range-bg-color-hover);\n\t\t\t\t\tcolor: var(--ee-default-text-color-super-high-contrast);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import './reduce-motion';\n\n@mixin transition($args...) {\n\ttransition: $args;\n\n\t@include reduce-motion('transition');\n}\n","/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n\n@mixin reduce-motion($property: '') {\n\t@if $property == 'transition' {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t}\n\t} @else if $property == 'animation' {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation-duration: 1ms;\n\t\t}\n\t} @else {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\tanimation-duration: 1ms;\n\t\t}\n\t}\n}\n","@import '~@eventespresso/styles/src/mixins/breakpoints';\n\n.date-range-picker {\n\tdisplay: flex;\n\talign-items: center;\n\n\t&__label {\n\t\tcolor: var(--ee-default-text-color-low-contrast);\n\t\tdisplay: block;\n\t\tfont-weight: 600;\n\t\tmargin: var(--ee-margin-small) 0 0;\n\t\twidth: 100%;\n\t}\n\n\t&__start-input,\n\t&__end-input {\n\t\tdisplay: flex;\n\t\talign-items: baseline;\n\t}\n\n\t&-legend {\n\t\t&__wrapper {\n\t\t\tborder-top: 1px solid var(--ee-color-grey-12);\n\t\t\tbox-sizing: border-box;\n\t\t\tclear: both;\n\t\t\tpadding: var(--ee-padding-micro) var(--ee-padding-tiny);\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tz-index: 1;\n\n\t\t\tul {\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: row;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\t\t}\n\n\t\t&__item {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: row;\n\t\t\theight: var(--ee-icon-button-size-big);\n\t\t\tjustify-content: flex-start;\n\t\t\tmargin: 0;\n\t\t\tmargin-inline-end: var(--ee-margin-smaller);\n\n\t\t\tspan {\n\t\t\t\theight: var(--ee-icon-button-size-micro);\n\t\t\t\tmargin: 0 var(--ee-margin-tiny);\n\t\t\t\twidth: var(--ee-icon-button-size-micro);\n\n\t\t\t\t&.legend-item {\n\t\t\t\t\t&__range-start {\n\t\t\t\t\t\tbackground: var(--ee-date-picker-start-date-bg-color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&__range-day {\n\t\t\t\t\t\tbackground: var(--ee-date-picker-date-in-range-bg-color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&__range-end {\n\t\t\t\t\t\tbackground: var(--ee-date-picker-end-date-bg-color);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import '~@eventespresso/styles/src/mixins/breakpoints';\n\n.ee-range-format {\n\tdisplay: inline-flex;\n\n\tspan {\n\t\tfont-size: var(--ee-font-size-default);\n\t\tmargin-right: var(--ee-margin-tiny);\n\n\t\t[dir='rtl'] & {\n\t\t\tmargin-left: var(--ee-margin-tiny);\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n"]}