@cerebruminc/cerebellum 16.0.0 → 16.1.0-beta.dangerous.73103c0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/cjs/GlobalStyle.cjs +1 -1
  2. package/lib/cjs/index.cjs +49 -11
  3. package/lib/cjs/index.cjs.map +1 -1
  4. package/lib/esm/GlobalStyle.js +1 -1
  5. package/lib/esm/index.js +50 -12
  6. package/lib/esm/index.js.map +1 -1
  7. package/lib/types/src/components/DigitalInput/DigitalInputStyles.d.ts +4 -0
  8. package/lib/types/src/components/DigitalInput/types.d.ts +3 -0
  9. package/lib/types/src/sharedTypes/types.d.ts +5 -0
  10. package/package.json +6 -3
package/lib/esm/GlobalStyle.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { b as __makeTemplateObject } from './_tslib-CcAXazg4.js';
2
2
  import { createGlobalStyle } from 'styled-components';
3
3
 
4
- var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n\t/* NOTE: this reset is a hacked version of modern-normalize, to remove some opinionated styles and add the good parts of Tailwind's Preflight - https://unpkg.com/tailwindcss@3.0.23/src/css/preflight.css. There are also some Cerebellum specific styles at the bottom. */\n\t/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n\t/*\n\tDocument\n\t========\n\t*/\n\n\t/**\n\tUse a better box model (opinionated).\n\t*/\n\n\t*,\n\t::before,\n\t::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t/**\n\t1. Correct the line height in all browsers.\n\t2. Prevent adjustments of font size after orientation changes in iOS.\n\t*/\n\n\thtml {\n\t\tline-height: 1; /* NOTE: this has been edited from modern-normalize's original */\n\t\t-webkit-text-size-adjust: 100%; /* 2 */\n box-sizing: border-box;\n\t}\n\n\t/*\n\tSections\n\t========\n\t*/\n\n\t/**\n\tRemove the margin in all browsers.\n\t*/\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\n\t/*\n\tGrouping content\n\t================\n\t*/\n\n\t/**\n\t1. Add the correct height in Firefox.\n\t2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n\t*/\n\n\thr {\n\t\theight: 0; /* 1 */\n\t\tcolor: inherit; /* 2 */\n\t}\n\n\t/*\n\tText-level semantics\n\t====================\n\t*/\n\n\t/**\n\tAdd the correct text decoration in Chrome, Edge, and Safari.\n\t*/\n\n\tabbr[title] {\n\t\ttext-decoration: underline dotted;\n\t}\n\n\t/**\n\tAdd the correct font weight in Edge and Safari.\n\t*/\n\n\tb,\n\tstrong {\n\t\tfont-weight: bolder;\n\t}\n\n\t/**\n\t1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n\t2. Correct the odd 'em' font sizing in all browsers.\n\t*/\n\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\t\"Cousine\",\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tConsolas,\n\t\t\t'Liberation Mono',\n\t\t\tMenlo,\n\t\t\tmonospace; /* 1 */\n\t\tfont-size: 1em; /* 2 */\n\t}\n\n\t/**\n\tAdd the correct font size in all browsers.\n\t*/\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\t/**\n\tPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n\t*/\n\n\tsub,\n\tsup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\t/*\n\tTabular data\n\t============\n\t*/\n\n\t/**\n\t1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n\t2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n\t*/\n\n\ttable {\n\t\ttext-indent: 0; /* 1 */\n\t\tborder-color: inherit; /* 2 */\n\t}\n\n\t/*\n\tForms\n\t=====\n\t*/\n\n\t/**\n\t1. Change the font styles in all browsers.\n\t2. Remove the margin in Firefox and Safari.\n\t*/\n\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tborder: none;\n\t\tfont-family: inherit; /* 1 */\n\t\tfont-size: 100%; /* 1 */\n\t\tline-height: 1.15; /* 1 */\n\t\tmargin: 0; /* 2 */\n\t}\n\n\t/**\n\tRemove the inheritance of text transform in Edge and Firefox.\n\t1. Remove the inheritance of text transform in Firefox.\n\t*/\n\n\tbutton,\n\tselect { /* 1 */\n\t\ttext-transform: none;\n\t}\n\n\t/**\n\tCorrect the inability to style clickable types in iOS and Safari.\n\t*/\n\n\tbutton,\n\t[type='button'],\n\t[type='reset'],\n\t[type='submit'] {\n\t\t-webkit-appearance: button;\n\t}\n\n\t/**\n\tRemove the inner border and padding in Firefox.\n\t*/\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tRestore the focus styles unset by the previous rule.\n\t*/\n\n\t:-moz-focusring {\n\t\toutline: 1px dotted ButtonText;\n\t}\n\n\t/**\n\tRemove the additional ':invalid' styles in Firefox.\n\tSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n\t*/\n\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\n\t/**\n\tRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n\t*/\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tAdd the correct vertical alignment in Chrome and Firefox.\n\t*/\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\t/**\n\tCorrect the cursor style of increment and decrement buttons in Safari.\n\t*/\n\n\t::-webkit-inner-spin-button,\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t/**\n\t1. Correct the odd appearance in Chrome and Safari.\n\t2. Correct the outline style in Safari.\n\t*/\n\n\t[type='search'] {\n\t\t-webkit-appearance: textfield; /* 1 */\n\t\toutline-offset: -2px; /* 2 */\n\t}\n\n\t/**\n\tRemove the inner padding in Chrome and Safari on macOS.\n\t*/\n\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t/**\n\t1. Correct the inability to style clickable types in iOS and Safari.\n\t2. Change font properties to 'inherit' in Safari.\n\t*/\n\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button; /* 1 */\n\t\tfont: inherit; /* 2 */\n\t}\n\n\t/*\n\tInteractive\n\t===========\n\t*/\n\n\t/*\n\tAdd the correct display in Chrome and Safari.\n\t*/\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\n\t/* --------------- Tailwind Preflight - the good parts --------------- */\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* maintain these after modern-normalize update */\n\ttable {\n\t\tborder-collapse: collapse;\n\t}\n\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\tol,\n\tul,\n\tmenu {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t/* This is probably better than modern-normalize, but it should be replaced with a custom style for all elements */\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tdisplay: block; /* 1 */\n\t\tvertical-align: middle; /* 2 */\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t/* HTML5 display-role reset for older browsers */\n\tarticle, aside, details, figcaption, figure,\n\tfooter, header, hgroup, menu, nav, section {\n\t\tdisplay: block;\n\t}\n\n\tblockquote, q {\n\t\tquotes: none;\n\t\t\t&:before, &:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tcontent: none;\n\t\t\t}\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n body {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Nunito Sans', \n\t\t\tsystem-ui,\n\t\t\t-apple-system, /* Firefox supports this but not yet 'system-ui' */\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tHelvetica,\n\t\t\tArial,\n\t\t\tsans-serif,\n\t\t\t'Apple Color Emoji',\n\t\t\t'Segoe UI Emoji';\n font-weight: 500;\n position: relative;\n height:100vh;\n width:100%;\n }\n\n\ta, div, p, h1, h2, h3, h4, h5, h6, span, td, button, path, rect, circle, line {\n\t\ttransition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\t}\n \n p {\n font-size: 16px;\n }\n\n\t/* Portal style */\n\t#cerebellum_portal, \n\t#cerebellum_modal_portal {\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 9999;\n\t\t/* \n\t\tThese styles are copied from node_modules/react-datepicker/dist/react-datepicker.css\n\t\treact-datepicker@4.5.0\n\t\tUPDATE THIS FILE WHEN UPDATING react-datepicker\n\t\tThis is necessary to prevent an error with Next.js apps\n\t\t*/\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow,\n\t\t.react-datepicker__navigation-icon::before {\n\t\t\tborder-color: #ccc;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 3px 3px 0 0;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: 9px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\twidth: 9px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\tmargin-left: -4px;\n\t\t\tposition: absolute;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tposition: absolute;\n\t\t\tborder: 8px solid transparent;\n\t\t\theight: 0;\n\t\t\twidth: 1px;\n\t\t\tcontent: \"\";\n\t\t\tz-index: -1;\n\t\t\tborder-width: 8px;\n\t\t\tleft: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\ttop: 0;\n\t\t\tmargin-top: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tborder-top: none;\n\t\t\tborder-bottom-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\ttop: -1px;\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n\t\t\tbottom: 0;\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tborder-bottom: none;\n\t\t\tborder-top-color: #fff;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tbottom: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before {\n\t\t\tbottom: -1px;\n\t\t\tborder-top-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-wrapper {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker {\n\t\t\tfont-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n\t\t\tfont-size: 0.8rem;\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #000;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.react-datepicker--time-only .react-datepicker__triangle {\n\t\t\tleft: 35px;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time-container {\n\t\t\tborder-left: 0;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time,\n\t\t.react-datepicker--time-only .react-datepicker__time-box {\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__triangle {\n\t\t\tposition: absolute;\n\t\t\tleft: 50px;\n\t\t}\n\n\t\t.react-datepicker-popper {\n\t\t\tz-index: 1;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] {\n\t\t\tpadding-top: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement=\"bottom-end\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement=\"top-end\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 50px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] {\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] {\n\t\t\tpadding-left: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 42px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] {\n\t\t\tpadding-right: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] .react-datepicker__triangle {\n\t\t\tleft: 42px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t.react-datepicker__header {\n\t\t\ttext-align: center;\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-bottom: 1px solid #aeaeae;\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tpadding: 8px 0;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__header--time {\n\t\t\tpadding-bottom: 8px;\n\t\t\tpadding-left: 5px;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t\t.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n\t\t\tborder-top-left-radius: 0;\n\t\t}\n\t\t.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown-container--select,\n\t\t.react-datepicker__month-dropdown-container--select,\n\t\t.react-datepicker__month-year-dropdown-container--select,\n\t\t.react-datepicker__year-dropdown-container--scroll,\n\t\t.react-datepicker__month-dropdown-container--scroll,\n\t\t.react-datepicker__month-year-dropdown-container--scroll {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin: 0 2px;\n\t\t}\n\n\t\t.react-datepicker__current-month,\n\t\t.react-datepicker-time__header,\n\t\t.react-datepicker-year-header {\n\t\t\tmargin-top: 0;\n\t\t\tcolor: #000;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 0.944rem;\n\t\t}\n\n\t\t.react-datepicker-time__header {\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.react-datepicker__navigation {\n\t\t\talign-items: center;\n\t\t\tbackground: none;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\tz-index: 1;\n\t\t\theight: 32px;\n\t\t\twidth: 32px;\n\t\t\ttext-indent: -999em;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.react-datepicker__navigation--previous {\n\t\t\tleft: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next {\n\t\t\tright: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n\t\t\tright: 85px;\n\t\t}\n\t\t.react-datepicker__navigation--years {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__navigation--years-previous {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.react-datepicker__navigation--years-upcoming {\n\t\t\ttop: -4px;\n\t\t}\n\t\t.react-datepicker__navigation:hover *::before {\n\t\t\tborder-color: #a6a6a6;\n\t\t}\n\n\t\t.react-datepicker__navigation-icon {\n\t\t\tposition: relative;\n\t\t\ttop: -1px;\n\t\t\tfont-size: 20px;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next {\n\t\t\tleft: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next::before {\n\t\t\ttransform: rotate(45deg);\n\t\t\tleft: -7px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous {\n\t\t\tright: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous::before {\n\t\t\ttransform: rotate(225deg);\n\t\t\tright: -7px;\n\t\t}\n\n\t\t.react-datepicker__month-container {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.react-datepicker__year {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__year-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmax-width: 180px;\n\t\t}\n\t\t.react-datepicker__year .react-datepicker__year-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__month {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__month .react-datepicker__month-text,\n\t\t.react-datepicker__month .react-datepicker__quarter-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__input-time-container {\n\t\t\tclear: both;\n\t\t\twidth: 100%;\n\t\t\tfloat: left;\n\t\t\tmargin: 5px 0 10px 15px;\n\t\t\ttext-align: left;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__caption {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 10px;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n\t\t\twidth: auto;\n\t\t}\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-inner-spin-button,\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-outer-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=\"time\"] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n\t\t\tmargin-left: 5px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.react-datepicker__time-container {\n\t\t\tfloat: right;\n\t\t\tborder-left: 1px solid #aeaeae;\n\t\t\twidth: 85px;\n\t\t}\n\t\t.react-datepicker__time-container--with-today-button {\n\t\t\tdisplay: inline;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: absolute;\n\t\t\tright: -72px;\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time {\n\t\t\tposition: relative;\n\t\t\tbackground: white;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n\t\t\twidth: 85px;\n\t\t\toverflow-x: hidden;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\theight: calc(195px + (1.7rem / 2));\n\t\t\toverflow-y: scroll;\n\t\t\tpadding-right: 0;\n\t\t\tpadding-left: 0;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item {\n\t\t\theight: 30px;\n\t\t\tpadding: 5px 10px;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item:hover {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected {\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: white;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled {\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__week-number {\n\t\t\tcolor: #ccc;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__day-names,\n\t\t.react-datepicker__week {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.react-datepicker__day-names {\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\n\t\t.react-datepicker__day-name,\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__time-name {\n\t\t\tcolor: #000;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\n\t\t.react-datepicker__month--selected,\n\t\t.react-datepicker__month--in-selecting-range,\n\t\t.react-datepicker__month--in-range,\n\t\t.react-datepicker__quarter--selected,\n\t\t.react-datepicker__quarter--in-selecting-range,\n\t\t.react-datepicker__quarter--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month--in-selecting-range:hover,\n\t\t.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter--in-selecting-range:hover,\n\t\t.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__month--disabled,\n\t\t.react-datepicker__quarter--disabled {\n\t\t\tcolor: #ccc;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t.react-datepicker__month--disabled:hover,\n\t\t.react-datepicker__quarter--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__month-text,\n\t\t.react-datepicker__quarter-text,\n\t\t.react-datepicker__year-text {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__day:hover,\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover,\n\t\t.react-datepicker__year-text:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__day--today,\n\t\t.react-datepicker__month-text--today,\n\t\t.react-datepicker__quarter-text--today,\n\t\t.react-datepicker__year-text--today {\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__day--highlighted,\n\t\t.react-datepicker__month-text--highlighted,\n\t\t.react-datepicker__quarter-text--highlighted,\n\t\t.react-datepicker__year-text--highlighted {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #3dcc4a;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--highlighted:hover,\n\t\t.react-datepicker__month-text--highlighted:hover,\n\t\t.react-datepicker__quarter-text--highlighted:hover,\n\t\t.react-datepicker__year-text--highlighted:hover {\n\t\t\tbackground-color: #32be3f;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-1,\n\t\t.react-datepicker__month-text--highlighted-custom-1,\n\t\t.react-datepicker__quarter-text--highlighted-custom-1,\n\t\t.react-datepicker__year-text--highlighted-custom-1 {\n\t\t\tcolor: magenta;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-2,\n\t\t.react-datepicker__month-text--highlighted-custom-2,\n\t\t.react-datepicker__quarter-text--highlighted-custom-2,\n\t\t.react-datepicker__year-text--highlighted-custom-2 {\n\t\t\tcolor: green;\n\t\t}\n\t\t.react-datepicker__day--selected,\n\t\t.react-datepicker__day--in-selecting-range,\n\t\t.react-datepicker__day--in-range,\n\t\t.react-datepicker__month-text--selected,\n\t\t.react-datepicker__month-text--in-selecting-range,\n\t\t.react-datepicker__month-text--in-range,\n\t\t.react-datepicker__quarter-text--selected,\n\t\t.react-datepicker__quarter-text--in-selecting-range,\n\t\t.react-datepicker__quarter-text--in-range,\n\t\t.react-datepicker__year-text--selected,\n\t\t.react-datepicker__year-text--in-selecting-range,\n\t\t.react-datepicker__year-text--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--selected:hover,\n\t\t.react-datepicker__day--in-selecting-range:hover,\n\t\t.react-datepicker__day--in-range:hover,\n\t\t.react-datepicker__month-text--selected:hover,\n\t\t.react-datepicker__month-text--in-selecting-range:hover,\n\t\t.react-datepicker__month-text--in-range:hover,\n\t\t.react-datepicker__quarter-text--selected:hover,\n\t\t.react-datepicker__quarter-text--in-selecting-range:hover,\n\t\t.react-datepicker__quarter-text--in-range:hover,\n\t\t.react-datepicker__year-text--selected:hover,\n\t\t.react-datepicker__year-text--in-selecting-range:hover,\n\t\t.react-datepicker__year-text--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected,\n\t\t.react-datepicker__month-text--keyboard-selected,\n\t\t.react-datepicker__quarter-text--keyboard-selected,\n\t\t.react-datepicker__year-text--keyboard-selected {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #2a87d0;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected:hover,\n\t\t.react-datepicker__month-text--keyboard-selected:hover,\n\t\t.react-datepicker__quarter-text--keyboard-selected:hover,\n\t\t.react-datepicker__year-text--keyboard-selected:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n\t\t\tbackground-color: rgba(33, 107, 165, 0.5);\n\t\t}\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.react-datepicker__day--disabled,\n\t\t.react-datepicker__month-text--disabled,\n\t\t.react-datepicker__quarter-text--disabled,\n\t\t.react-datepicker__year-text--disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__day--disabled:hover,\n\t\t.react-datepicker__month-text--disabled:hover,\n\t\t.react-datepicker__quarter-text--disabled:hover,\n\t\t.react-datepicker__year-text--disabled:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__month-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover {\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__input-container {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker__year-read-view,\n\t\t.react-datepicker__month-read-view,\n\t\t.react-datepicker__month-year-read-view {\n\t\t\tborder: 1px solid transparent;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover,\n\t\t.react-datepicker__month-read-view:hover,\n\t\t.react-datepicker__month-year-read-view:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow {\n\t\t\ttransform: rotate(135deg);\n\t\t\tright: -16px;\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown,\n\t\t.react-datepicker__month-dropdown,\n\t\t.react-datepicker__month-year-dropdown {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tposition: absolute;\n\t\t\twidth: 50%;\n\t\t\tleft: 25%;\n\t\t\ttop: 30px;\n\t\t\tz-index: 1;\n\t\t\ttext-align: center;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t}\n\t\t.react-datepicker__year-dropdown:hover,\n\t\t.react-datepicker__month-dropdown:hover,\n\t\t.react-datepicker__month-year-dropdown:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-dropdown--scrollable,\n\t\t.react-datepicker__month-dropdown--scrollable,\n\t\t.react-datepicker__month-year-dropdown--scrollable {\n\t\t\theight: 150px;\n\t\t\toverflow-y: scroll;\n\t\t}\n\n\t\t.react-datepicker__year-option,\n\t\t.react-datepicker__month-option,\n\t\t.react-datepicker__month-year-option {\n\t\t\tline-height: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__year-option:first-of-type,\n\t\t.react-datepicker__month-option:first-of-type,\n\t\t.react-datepicker__month-year-option:first-of-type {\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:last-of-type,\n\t\t.react-datepicker__month-option:last-of-type,\n\t\t.react-datepicker__month-year-option:last-of-type {\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:hover,\n\t\t.react-datepicker__month-option:hover,\n\t\t.react-datepicker__month-year-option:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n\t\t\tborder-bottom-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option--selected,\n\t\t.react-datepicker__month-option--selected,\n\t\t.react-datepicker__month-year-option--selected {\n\t\t\tposition: absolute;\n\t\t\tleft: 15px;\n\t\t}\n\n\t\t.react-datepicker__close-icon {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: 0;\n\t\t\toutline: 0;\n\t\t\tpadding: 0 6px 0 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t\t.react-datepicker__close-icon::after {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t\tborder-radius: 50%;\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t\tpadding: 2px;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1;\n\t\t\ttext-align: center;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tcontent: \"\u00D7\";\n\t\t}\n\n\t\t.react-datepicker__today-button {\n\t\t\tbackground: #f0f0f0;\n\t\t\tborder-top: 1px solid #aeaeae;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 5px 0;\n\t\t\tclear: left;\n\t\t}\n\n\t\t.react-datepicker__portal {\n\t\t\tposition: fixed;\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.8);\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tz-index: 2147483647;\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\twidth: 3rem;\n\t\t\tline-height: 3rem;\n\t\t}\n\t\t@media (max-width: 400px), (max-height: 550px) {\n\t\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\t\twidth: 2rem;\n\t\t\t\tline-height: 2rem;\n\t\t\t}\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__current-month,\n\t\t.react-datepicker__portal .react-datepicker-time__header {\n\t\t\tfont-size: 1.44rem;\n\t\t}\n\n\t\t/* Hack city */\n\t\t.datePickerHack_calendar {\n\t\t\tfont-family: \"Nunito Sans\", sans-serif;\n\t\t\tborder: none;\n\t\t\tbox-shadow: 0 8px 38px 0 rgba(146, 151, 182, 0.39);\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__triangle {\n\t\t\ttransform: none !important;\n\t\t\tleft: 50% !important;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::after,\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__header {\n\t\t\tborder-bottom: none;\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__navigation {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day-name {\n\t\t\tfont-weight: 800;\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day {\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__month {\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day:hover {\n\t\t\tbackground-color: #f7f9fb;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--selected,\n\t\t.datePickerHack_calendar .react-datepicker__day--selected:hover {\n\t\t\tbackground-color: #4d73e7;\n\t\t\tborder-radius: 50%;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--keyboard-selected {\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__calendar-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__aria-live {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tpadding: 0;\n\t\t\tmargin: -1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(0, 0, 0, 0);\n\t\t\tborder: 0;\n\t\t}\n\t\t/* Hide the additional Month+Year text */\n\t\t.datePickerHack_calendar .react-datepicker__aria-live {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t#cerebellum_modal_portal {\n\t\tz-index: 9998;\n\t}\n"], ["\n\n\t/* NOTE: this reset is a hacked version of modern-normalize, to remove some opinionated styles and add the good parts of Tailwind's Preflight - https://unpkg.com/tailwindcss@3.0.23/src/css/preflight.css. There are also some Cerebellum specific styles at the bottom. */\n\t/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n\t/*\n\tDocument\n\t========\n\t*/\n\n\t/**\n\tUse a better box model (opinionated).\n\t*/\n\n\t*,\n\t::before,\n\t::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t/**\n\t1. Correct the line height in all browsers.\n\t2. Prevent adjustments of font size after orientation changes in iOS.\n\t*/\n\n\thtml {\n\t\tline-height: 1; /* NOTE: this has been edited from modern-normalize's original */\n\t\t-webkit-text-size-adjust: 100%; /* 2 */\n box-sizing: border-box;\n\t}\n\n\t/*\n\tSections\n\t========\n\t*/\n\n\t/**\n\tRemove the margin in all browsers.\n\t*/\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\n\t/*\n\tGrouping content\n\t================\n\t*/\n\n\t/**\n\t1. Add the correct height in Firefox.\n\t2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n\t*/\n\n\thr {\n\t\theight: 0; /* 1 */\n\t\tcolor: inherit; /* 2 */\n\t}\n\n\t/*\n\tText-level semantics\n\t====================\n\t*/\n\n\t/**\n\tAdd the correct text decoration in Chrome, Edge, and Safari.\n\t*/\n\n\tabbr[title] {\n\t\ttext-decoration: underline dotted;\n\t}\n\n\t/**\n\tAdd the correct font weight in Edge and Safari.\n\t*/\n\n\tb,\n\tstrong {\n\t\tfont-weight: bolder;\n\t}\n\n\t/**\n\t1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n\t2. Correct the odd 'em' font sizing in all browsers.\n\t*/\n\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\t\"Cousine\",\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tConsolas,\n\t\t\t'Liberation Mono',\n\t\t\tMenlo,\n\t\t\tmonospace; /* 1 */\n\t\tfont-size: 1em; /* 2 */\n\t}\n\n\t/**\n\tAdd the correct font size in all browsers.\n\t*/\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\t/**\n\tPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n\t*/\n\n\tsub,\n\tsup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\t/*\n\tTabular data\n\t============\n\t*/\n\n\t/**\n\t1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n\t2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n\t*/\n\n\ttable {\n\t\ttext-indent: 0; /* 1 */\n\t\tborder-color: inherit; /* 2 */\n\t}\n\n\t/*\n\tForms\n\t=====\n\t*/\n\n\t/**\n\t1. Change the font styles in all browsers.\n\t2. Remove the margin in Firefox and Safari.\n\t*/\n\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tborder: none;\n\t\tfont-family: inherit; /* 1 */\n\t\tfont-size: 100%; /* 1 */\n\t\tline-height: 1.15; /* 1 */\n\t\tmargin: 0; /* 2 */\n\t}\n\n\t/**\n\tRemove the inheritance of text transform in Edge and Firefox.\n\t1. Remove the inheritance of text transform in Firefox.\n\t*/\n\n\tbutton,\n\tselect { /* 1 */\n\t\ttext-transform: none;\n\t}\n\n\t/**\n\tCorrect the inability to style clickable types in iOS and Safari.\n\t*/\n\n\tbutton,\n\t[type='button'],\n\t[type='reset'],\n\t[type='submit'] {\n\t\t-webkit-appearance: button;\n\t}\n\n\t/**\n\tRemove the inner border and padding in Firefox.\n\t*/\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tRestore the focus styles unset by the previous rule.\n\t*/\n\n\t:-moz-focusring {\n\t\toutline: 1px dotted ButtonText;\n\t}\n\n\t/**\n\tRemove the additional ':invalid' styles in Firefox.\n\tSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n\t*/\n\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\n\t/**\n\tRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n\t*/\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tAdd the correct vertical alignment in Chrome and Firefox.\n\t*/\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\t/**\n\tCorrect the cursor style of increment and decrement buttons in Safari.\n\t*/\n\n\t::-webkit-inner-spin-button,\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t/**\n\t1. Correct the odd appearance in Chrome and Safari.\n\t2. Correct the outline style in Safari.\n\t*/\n\n\t[type='search'] {\n\t\t-webkit-appearance: textfield; /* 1 */\n\t\toutline-offset: -2px; /* 2 */\n\t}\n\n\t/**\n\tRemove the inner padding in Chrome and Safari on macOS.\n\t*/\n\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t/**\n\t1. Correct the inability to style clickable types in iOS and Safari.\n\t2. Change font properties to 'inherit' in Safari.\n\t*/\n\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button; /* 1 */\n\t\tfont: inherit; /* 2 */\n\t}\n\n\t/*\n\tInteractive\n\t===========\n\t*/\n\n\t/*\n\tAdd the correct display in Chrome and Safari.\n\t*/\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\n\t/* --------------- Tailwind Preflight - the good parts --------------- */\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* maintain these after modern-normalize update */\n\ttable {\n\t\tborder-collapse: collapse;\n\t}\n\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\tol,\n\tul,\n\tmenu {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t/* This is probably better than modern-normalize, but it should be replaced with a custom style for all elements */\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tdisplay: block; /* 1 */\n\t\tvertical-align: middle; /* 2 */\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t/* HTML5 display-role reset for older browsers */\n\tarticle, aside, details, figcaption, figure,\n\tfooter, header, hgroup, menu, nav, section {\n\t\tdisplay: block;\n\t}\n\n\tblockquote, q {\n\t\tquotes: none;\n\t\t\t&:before, &:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tcontent: none;\n\t\t\t}\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n body {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Nunito Sans', \n\t\t\tsystem-ui,\n\t\t\t-apple-system, /* Firefox supports this but not yet 'system-ui' */\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tHelvetica,\n\t\t\tArial,\n\t\t\tsans-serif,\n\t\t\t'Apple Color Emoji',\n\t\t\t'Segoe UI Emoji';\n font-weight: 500;\n position: relative;\n height:100vh;\n width:100%;\n }\n\n\ta, div, p, h1, h2, h3, h4, h5, h6, span, td, button, path, rect, circle, line {\n\t\ttransition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\t}\n \n p {\n font-size: 16px;\n }\n\n\t/* Portal style */\n\t#cerebellum_portal, \n\t#cerebellum_modal_portal {\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 9999;\n\t\t/* \n\t\tThese styles are copied from node_modules/react-datepicker/dist/react-datepicker.css\n\t\treact-datepicker@4.5.0\n\t\tUPDATE THIS FILE WHEN UPDATING react-datepicker\n\t\tThis is necessary to prevent an error with Next.js apps\n\t\t*/\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow,\n\t\t.react-datepicker__navigation-icon::before {\n\t\t\tborder-color: #ccc;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 3px 3px 0 0;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: 9px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\twidth: 9px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\tmargin-left: -4px;\n\t\t\tposition: absolute;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tposition: absolute;\n\t\t\tborder: 8px solid transparent;\n\t\t\theight: 0;\n\t\t\twidth: 1px;\n\t\t\tcontent: \"\";\n\t\t\tz-index: -1;\n\t\t\tborder-width: 8px;\n\t\t\tleft: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\ttop: 0;\n\t\t\tmargin-top: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tborder-top: none;\n\t\t\tborder-bottom-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\ttop: -1px;\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n\t\t\tbottom: 0;\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tborder-bottom: none;\n\t\t\tborder-top-color: #fff;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tbottom: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before {\n\t\t\tbottom: -1px;\n\t\t\tborder-top-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-wrapper {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker {\n\t\t\tfont-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n\t\t\tfont-size: 0.8rem;\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #000;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.react-datepicker--time-only .react-datepicker__triangle {\n\t\t\tleft: 35px;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time-container {\n\t\t\tborder-left: 0;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time,\n\t\t.react-datepicker--time-only .react-datepicker__time-box {\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__triangle {\n\t\t\tposition: absolute;\n\t\t\tleft: 50px;\n\t\t}\n\n\t\t.react-datepicker-popper {\n\t\t\tz-index: 1;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] {\n\t\t\tpadding-top: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement=\"bottom-end\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement=\"top-end\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 50px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] {\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] {\n\t\t\tpadding-left: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 42px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] {\n\t\t\tpadding-right: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] .react-datepicker__triangle {\n\t\t\tleft: 42px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t.react-datepicker__header {\n\t\t\ttext-align: center;\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-bottom: 1px solid #aeaeae;\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tpadding: 8px 0;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__header--time {\n\t\t\tpadding-bottom: 8px;\n\t\t\tpadding-left: 5px;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t\t.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n\t\t\tborder-top-left-radius: 0;\n\t\t}\n\t\t.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown-container--select,\n\t\t.react-datepicker__month-dropdown-container--select,\n\t\t.react-datepicker__month-year-dropdown-container--select,\n\t\t.react-datepicker__year-dropdown-container--scroll,\n\t\t.react-datepicker__month-dropdown-container--scroll,\n\t\t.react-datepicker__month-year-dropdown-container--scroll {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin: 0 2px;\n\t\t}\n\n\t\t.react-datepicker__current-month,\n\t\t.react-datepicker-time__header,\n\t\t.react-datepicker-year-header {\n\t\t\tmargin-top: 0;\n\t\t\tcolor: #000;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 0.944rem;\n\t\t}\n\n\t\t.react-datepicker-time__header {\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.react-datepicker__navigation {\n\t\t\talign-items: center;\n\t\t\tbackground: none;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\tz-index: 1;\n\t\t\theight: 32px;\n\t\t\twidth: 32px;\n\t\t\ttext-indent: -999em;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.react-datepicker__navigation--previous {\n\t\t\tleft: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next {\n\t\t\tright: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n\t\t\tright: 85px;\n\t\t}\n\t\t.react-datepicker__navigation--years {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__navigation--years-previous {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.react-datepicker__navigation--years-upcoming {\n\t\t\ttop: -4px;\n\t\t}\n\t\t.react-datepicker__navigation:hover *::before {\n\t\t\tborder-color: #a6a6a6;\n\t\t}\n\n\t\t.react-datepicker__navigation-icon {\n\t\t\tposition: relative;\n\t\t\ttop: -1px;\n\t\t\tfont-size: 20px;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next {\n\t\t\tleft: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next::before {\n\t\t\ttransform: rotate(45deg);\n\t\t\tleft: -7px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous {\n\t\t\tright: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous::before {\n\t\t\ttransform: rotate(225deg);\n\t\t\tright: -7px;\n\t\t}\n\n\t\t.react-datepicker__month-container {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.react-datepicker__year {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__year-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmax-width: 180px;\n\t\t}\n\t\t.react-datepicker__year .react-datepicker__year-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__month {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__month .react-datepicker__month-text,\n\t\t.react-datepicker__month .react-datepicker__quarter-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__input-time-container {\n\t\t\tclear: both;\n\t\t\twidth: 100%;\n\t\t\tfloat: left;\n\t\t\tmargin: 5px 0 10px 15px;\n\t\t\ttext-align: left;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__caption {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 10px;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n\t\t\twidth: auto;\n\t\t}\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-inner-spin-button,\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-outer-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=\"time\"] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n\t\t\tmargin-left: 5px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.react-datepicker__time-container {\n\t\t\tfloat: right;\n\t\t\tborder-left: 1px solid #aeaeae;\n\t\t\twidth: 85px;\n\t\t}\n\t\t.react-datepicker__time-container--with-today-button {\n\t\t\tdisplay: inline;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: absolute;\n\t\t\tright: -72px;\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time {\n\t\t\tposition: relative;\n\t\t\tbackground: white;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n\t\t\twidth: 85px;\n\t\t\toverflow-x: hidden;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\theight: calc(195px + (1.7rem / 2));\n\t\t\toverflow-y: scroll;\n\t\t\tpadding-right: 0;\n\t\t\tpadding-left: 0;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item {\n\t\t\theight: 30px;\n\t\t\tpadding: 5px 10px;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item:hover {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected {\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: white;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled {\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__week-number {\n\t\t\tcolor: #ccc;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__day-names,\n\t\t.react-datepicker__week {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.react-datepicker__day-names {\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\n\t\t.react-datepicker__day-name,\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__time-name {\n\t\t\tcolor: #000;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\n\t\t.react-datepicker__month--selected,\n\t\t.react-datepicker__month--in-selecting-range,\n\t\t.react-datepicker__month--in-range,\n\t\t.react-datepicker__quarter--selected,\n\t\t.react-datepicker__quarter--in-selecting-range,\n\t\t.react-datepicker__quarter--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month--in-selecting-range:hover,\n\t\t.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter--in-selecting-range:hover,\n\t\t.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__month--disabled,\n\t\t.react-datepicker__quarter--disabled {\n\t\t\tcolor: #ccc;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t.react-datepicker__month--disabled:hover,\n\t\t.react-datepicker__quarter--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__month-text,\n\t\t.react-datepicker__quarter-text,\n\t\t.react-datepicker__year-text {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__day:hover,\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover,\n\t\t.react-datepicker__year-text:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__day--today,\n\t\t.react-datepicker__month-text--today,\n\t\t.react-datepicker__quarter-text--today,\n\t\t.react-datepicker__year-text--today {\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__day--highlighted,\n\t\t.react-datepicker__month-text--highlighted,\n\t\t.react-datepicker__quarter-text--highlighted,\n\t\t.react-datepicker__year-text--highlighted {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #3dcc4a;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--highlighted:hover,\n\t\t.react-datepicker__month-text--highlighted:hover,\n\t\t.react-datepicker__quarter-text--highlighted:hover,\n\t\t.react-datepicker__year-text--highlighted:hover {\n\t\t\tbackground-color: #32be3f;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-1,\n\t\t.react-datepicker__month-text--highlighted-custom-1,\n\t\t.react-datepicker__quarter-text--highlighted-custom-1,\n\t\t.react-datepicker__year-text--highlighted-custom-1 {\n\t\t\tcolor: magenta;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-2,\n\t\t.react-datepicker__month-text--highlighted-custom-2,\n\t\t.react-datepicker__quarter-text--highlighted-custom-2,\n\t\t.react-datepicker__year-text--highlighted-custom-2 {\n\t\t\tcolor: green;\n\t\t}\n\t\t.react-datepicker__day--selected,\n\t\t.react-datepicker__day--in-selecting-range,\n\t\t.react-datepicker__day--in-range,\n\t\t.react-datepicker__month-text--selected,\n\t\t.react-datepicker__month-text--in-selecting-range,\n\t\t.react-datepicker__month-text--in-range,\n\t\t.react-datepicker__quarter-text--selected,\n\t\t.react-datepicker__quarter-text--in-selecting-range,\n\t\t.react-datepicker__quarter-text--in-range,\n\t\t.react-datepicker__year-text--selected,\n\t\t.react-datepicker__year-text--in-selecting-range,\n\t\t.react-datepicker__year-text--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--selected:hover,\n\t\t.react-datepicker__day--in-selecting-range:hover,\n\t\t.react-datepicker__day--in-range:hover,\n\t\t.react-datepicker__month-text--selected:hover,\n\t\t.react-datepicker__month-text--in-selecting-range:hover,\n\t\t.react-datepicker__month-text--in-range:hover,\n\t\t.react-datepicker__quarter-text--selected:hover,\n\t\t.react-datepicker__quarter-text--in-selecting-range:hover,\n\t\t.react-datepicker__quarter-text--in-range:hover,\n\t\t.react-datepicker__year-text--selected:hover,\n\t\t.react-datepicker__year-text--in-selecting-range:hover,\n\t\t.react-datepicker__year-text--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected,\n\t\t.react-datepicker__month-text--keyboard-selected,\n\t\t.react-datepicker__quarter-text--keyboard-selected,\n\t\t.react-datepicker__year-text--keyboard-selected {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #2a87d0;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected:hover,\n\t\t.react-datepicker__month-text--keyboard-selected:hover,\n\t\t.react-datepicker__quarter-text--keyboard-selected:hover,\n\t\t.react-datepicker__year-text--keyboard-selected:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n\t\t\tbackground-color: rgba(33, 107, 165, 0.5);\n\t\t}\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.react-datepicker__day--disabled,\n\t\t.react-datepicker__month-text--disabled,\n\t\t.react-datepicker__quarter-text--disabled,\n\t\t.react-datepicker__year-text--disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__day--disabled:hover,\n\t\t.react-datepicker__month-text--disabled:hover,\n\t\t.react-datepicker__quarter-text--disabled:hover,\n\t\t.react-datepicker__year-text--disabled:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__month-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover {\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__input-container {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker__year-read-view,\n\t\t.react-datepicker__month-read-view,\n\t\t.react-datepicker__month-year-read-view {\n\t\t\tborder: 1px solid transparent;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover,\n\t\t.react-datepicker__month-read-view:hover,\n\t\t.react-datepicker__month-year-read-view:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow {\n\t\t\ttransform: rotate(135deg);\n\t\t\tright: -16px;\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown,\n\t\t.react-datepicker__month-dropdown,\n\t\t.react-datepicker__month-year-dropdown {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tposition: absolute;\n\t\t\twidth: 50%;\n\t\t\tleft: 25%;\n\t\t\ttop: 30px;\n\t\t\tz-index: 1;\n\t\t\ttext-align: center;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t}\n\t\t.react-datepicker__year-dropdown:hover,\n\t\t.react-datepicker__month-dropdown:hover,\n\t\t.react-datepicker__month-year-dropdown:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-dropdown--scrollable,\n\t\t.react-datepicker__month-dropdown--scrollable,\n\t\t.react-datepicker__month-year-dropdown--scrollable {\n\t\t\theight: 150px;\n\t\t\toverflow-y: scroll;\n\t\t}\n\n\t\t.react-datepicker__year-option,\n\t\t.react-datepicker__month-option,\n\t\t.react-datepicker__month-year-option {\n\t\t\tline-height: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__year-option:first-of-type,\n\t\t.react-datepicker__month-option:first-of-type,\n\t\t.react-datepicker__month-year-option:first-of-type {\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:last-of-type,\n\t\t.react-datepicker__month-option:last-of-type,\n\t\t.react-datepicker__month-year-option:last-of-type {\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:hover,\n\t\t.react-datepicker__month-option:hover,\n\t\t.react-datepicker__month-year-option:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n\t\t\tborder-bottom-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option--selected,\n\t\t.react-datepicker__month-option--selected,\n\t\t.react-datepicker__month-year-option--selected {\n\t\t\tposition: absolute;\n\t\t\tleft: 15px;\n\t\t}\n\n\t\t.react-datepicker__close-icon {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: 0;\n\t\t\toutline: 0;\n\t\t\tpadding: 0 6px 0 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t\t.react-datepicker__close-icon::after {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t\tborder-radius: 50%;\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t\tpadding: 2px;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1;\n\t\t\ttext-align: center;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tcontent: \"\u00D7\";\n\t\t}\n\n\t\t.react-datepicker__today-button {\n\t\t\tbackground: #f0f0f0;\n\t\t\tborder-top: 1px solid #aeaeae;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 5px 0;\n\t\t\tclear: left;\n\t\t}\n\n\t\t.react-datepicker__portal {\n\t\t\tposition: fixed;\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.8);\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tz-index: 2147483647;\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\twidth: 3rem;\n\t\t\tline-height: 3rem;\n\t\t}\n\t\t@media (max-width: 400px), (max-height: 550px) {\n\t\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\t\twidth: 2rem;\n\t\t\t\tline-height: 2rem;\n\t\t\t}\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__current-month,\n\t\t.react-datepicker__portal .react-datepicker-time__header {\n\t\t\tfont-size: 1.44rem;\n\t\t}\n\n\t\t/* Hack city */\n\t\t.datePickerHack_calendar {\n\t\t\tfont-family: \"Nunito Sans\", sans-serif;\n\t\t\tborder: none;\n\t\t\tbox-shadow: 0 8px 38px 0 rgba(146, 151, 182, 0.39);\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__triangle {\n\t\t\ttransform: none !important;\n\t\t\tleft: 50% !important;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::after,\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__header {\n\t\t\tborder-bottom: none;\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__navigation {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day-name {\n\t\t\tfont-weight: 800;\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day {\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__month {\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day:hover {\n\t\t\tbackground-color: #f7f9fb;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--selected,\n\t\t.datePickerHack_calendar .react-datepicker__day--selected:hover {\n\t\t\tbackground-color: #4d73e7;\n\t\t\tborder-radius: 50%;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--keyboard-selected {\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__calendar-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__aria-live {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tpadding: 0;\n\t\t\tmargin: -1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(0, 0, 0, 0);\n\t\t\tborder: 0;\n\t\t}\n\t\t/* Hide the additional Month+Year text */\n\t\t.datePickerHack_calendar .react-datepicker__aria-live {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t#cerebellum_modal_portal {\n\t\tz-index: 9998;\n\t}\n"])));
4
+ var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n\t/* NOTE: this reset is a hacked version of modern-normalize, to remove some opinionated styles and add the good parts of Tailwind's Preflight - https://unpkg.com/tailwindcss@3.0.23/src/css/preflight.css. There are also some Cerebellum specific styles at the bottom. */\n\t/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n\t/*\n\tDocument\n\t========\n\t*/\n\n\t/**\n\tUse a better box model (opinionated).\n\t*/\n\n\t*,\n\t::before,\n\t::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t/**\n\t1. Correct the line height in all browsers.\n\t2. Prevent adjustments of font size after orientation changes in iOS.\n\t*/\n\n\thtml {\n\t\tline-height: 1; /* NOTE: this has been edited from modern-normalize's original */\n\t\t-webkit-text-size-adjust: 100%; /* 2 */\n box-sizing: border-box;\n\t}\n\n\t/*\n\tSections\n\t========\n\t*/\n\n\t/**\n\tRemove the margin in all browsers.\n\t*/\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\n\t/*\n\tGrouping content\n\t================\n\t*/\n\n\t/**\n\t1. Add the correct height in Firefox.\n\t2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n\t*/\n\n\thr {\n\t\theight: 0; /* 1 */\n\t\tcolor: inherit; /* 2 */\n\t}\n\n\t/*\n\tText-level semantics\n\t====================\n\t*/\n\n\t/**\n\tAdd the correct text decoration in Chrome, Edge, and Safari.\n\t*/\n\n\tabbr[title] {\n\t\ttext-decoration: underline dotted;\n\t}\n\n\t/**\n\tAdd the correct font weight in Edge and Safari.\n\t*/\n\n\tb,\n\tstrong {\n\t\tfont-weight: bolder;\n\t}\n\n\t/**\n\t1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n\t2. Correct the odd 'em' font sizing in all browsers.\n\t*/\n\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\t\"Cousine\",\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tConsolas,\n\t\t\t'Liberation Mono',\n\t\t\tMenlo,\n\t\t\tmonospace; /* 1 */\n\t\tfont-size: 1em; /* 2 */\n\t}\n\n\t/**\n\tAdd the correct font size in all browsers.\n\t*/\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\t/**\n\tPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n\t*/\n\n\tsub,\n\tsup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\t/*\n\tTabular data\n\t============\n\t*/\n\n\t/**\n\t1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n\t2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n\t*/\n\n\ttable {\n\t\ttext-indent: 0; /* 1 */\n\t\tborder-color: inherit; /* 2 */\n\t}\n\n\t/*\n\tForms\n\t=====\n\t*/\n\n\t/**\n\t1. Change the font styles in all browsers.\n\t2. Remove the margin in Firefox and Safari.\n\t*/\n\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tborder: none;\n\t\tfont-family: inherit; /* 1 */\n\t\tfont-size: 100%; /* 1 */\n\t\tline-height: 1.15; /* 1 */\n\t\tmargin: 0; /* 2 */\n\t}\n\n\t/**\n\tRemove the inheritance of text transform in Edge and Firefox.\n\t1. Remove the inheritance of text transform in Firefox.\n\t*/\n\n\tbutton,\n\tselect { /* 1 */\n\t\ttext-transform: none;\n\t}\n\n\t/**\n\tCorrect the inability to style clickable types in iOS and Safari.\n\t*/\n\n\tbutton,\n\t[type='button'],\n\t[type='reset'],\n\t[type='submit'] {\n\t\t-webkit-appearance: button;\n\t}\n\n\t/**\n\tRemove the inner border and padding in Firefox.\n\t*/\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tRestore the focus styles unset by the previous rule.\n\t*/\n\n\t:-moz-focusring {\n\t\toutline: 1px dotted ButtonText;\n\t}\n\n\t/**\n\tRemove the additional ':invalid' styles in Firefox.\n\tSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n\t*/\n\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\n\t/**\n\tRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n\t*/\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tAdd the correct vertical alignment in Chrome and Firefox.\n\t*/\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\t/**\n\tCorrect the cursor style of increment and decrement buttons in Safari.\n\t*/\n\n\t::-webkit-inner-spin-button,\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t/**\n\t1. Correct the odd appearance in Chrome and Safari.\n\t2. Correct the outline style in Safari.\n\t*/\n\n\t[type='search'] {\n\t\t-webkit-appearance: textfield; /* 1 */\n\t\toutline-offset: -2px; /* 2 */\n\t}\n\n\t/**\n\tRemove the inner padding in Chrome and Safari on macOS.\n\t*/\n\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t/**\n\t1. Correct the inability to style clickable types in iOS and Safari.\n\t2. Change font properties to 'inherit' in Safari.\n\t*/\n\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button; /* 1 */\n\t\tfont: inherit; /* 2 */\n\t}\n\n\t/*\n\tInteractive\n\t===========\n\t*/\n\n\t/*\n\tAdd the correct display in Chrome and Safari.\n\t*/\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\n\t/* --------------- Tailwind Preflight - the good parts --------------- */\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* maintain these after modern-normalize update */\n\ttable {\n\t\tborder-collapse: collapse;\n\t}\n\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\tol,\n\tul,\n\tmenu {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t/* This is probably better than modern-normalize, but it should be replaced with a custom style for all elements */\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tdisplay: block; /* 1 */\n\t\tvertical-align: middle; /* 2 */\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t/* HTML5 display-role reset for older browsers */\n\tarticle, aside, details, figcaption, figure,\n\tfooter, header, hgroup, menu, nav, section {\n\t\tdisplay: block;\n\t}\n\n\tblockquote, q {\n\t\tquotes: none;\n\t\t\t&:before, &:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tcontent: none;\n\t\t\t}\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n body {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Nunito Sans', \n\t\t\tsystem-ui,\n\t\t\t-apple-system, /* Firefox supports this but not yet 'system-ui' */\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tHelvetica,\n\t\t\tArial,\n\t\t\tsans-serif,\n\t\t\t'Apple Color Emoji',\n\t\t\t'Segoe UI Emoji';\n font-weight: 500;\n position: relative;\n height:100vh;\n width:100%;\n }\n\n /* Override body dimensions in Storybook to prevent pixel limit errors */\n ", "\n\n\n\ta, div, p, h1, h2, h3, h4, h5, h6, span, td, button, path, rect, circle, line {\n\t\ttransition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\t}\n \n p {\n font-size: 16px;\n }\n\n\t/* Portal style */\n\t#cerebellum_portal, \n\t#cerebellum_modal_portal {\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 9999;\n\t\t/* \n\t\tThese styles are copied from node_modules/react-datepicker/dist/react-datepicker.css\n\t\treact-datepicker@4.5.0\n\t\tUPDATE THIS FILE WHEN UPDATING react-datepicker\n\t\tThis is necessary to prevent an error with Next.js apps\n\t\t*/\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow,\n\t\t.react-datepicker__navigation-icon::before {\n\t\t\tborder-color: #ccc;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 3px 3px 0 0;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: 9px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\twidth: 9px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\tmargin-left: -4px;\n\t\t\tposition: absolute;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tposition: absolute;\n\t\t\tborder: 8px solid transparent;\n\t\t\theight: 0;\n\t\t\twidth: 1px;\n\t\t\tcontent: \"\";\n\t\t\tz-index: -1;\n\t\t\tborder-width: 8px;\n\t\t\tleft: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\ttop: 0;\n\t\t\tmargin-top: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tborder-top: none;\n\t\t\tborder-bottom-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\ttop: -1px;\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n\t\t\tbottom: 0;\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tborder-bottom: none;\n\t\t\tborder-top-color: #fff;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tbottom: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before {\n\t\t\tbottom: -1px;\n\t\t\tborder-top-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-wrapper {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker {\n\t\t\tfont-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n\t\t\tfont-size: 0.8rem;\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #000;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.react-datepicker--time-only .react-datepicker__triangle {\n\t\t\tleft: 35px;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time-container {\n\t\t\tborder-left: 0;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time,\n\t\t.react-datepicker--time-only .react-datepicker__time-box {\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__triangle {\n\t\t\tposition: absolute;\n\t\t\tleft: 50px;\n\t\t}\n\n\t\t.react-datepicker-popper {\n\t\t\tz-index: 1;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] {\n\t\t\tpadding-top: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement=\"bottom-end\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement=\"top-end\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 50px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] {\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] {\n\t\t\tpadding-left: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 42px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] {\n\t\t\tpadding-right: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] .react-datepicker__triangle {\n\t\t\tleft: 42px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t.react-datepicker__header {\n\t\t\ttext-align: center;\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-bottom: 1px solid #aeaeae;\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tpadding: 8px 0;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__header--time {\n\t\t\tpadding-bottom: 8px;\n\t\t\tpadding-left: 5px;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t\t.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n\t\t\tborder-top-left-radius: 0;\n\t\t}\n\t\t.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown-container--select,\n\t\t.react-datepicker__month-dropdown-container--select,\n\t\t.react-datepicker__month-year-dropdown-container--select,\n\t\t.react-datepicker__year-dropdown-container--scroll,\n\t\t.react-datepicker__month-dropdown-container--scroll,\n\t\t.react-datepicker__month-year-dropdown-container--scroll {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin: 0 2px;\n\t\t}\n\n\t\t.react-datepicker__current-month,\n\t\t.react-datepicker-time__header,\n\t\t.react-datepicker-year-header {\n\t\t\tmargin-top: 0;\n\t\t\tcolor: #000;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 0.944rem;\n\t\t}\n\n\t\t.react-datepicker-time__header {\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.react-datepicker__navigation {\n\t\t\talign-items: center;\n\t\t\tbackground: none;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\tz-index: 1;\n\t\t\theight: 32px;\n\t\t\twidth: 32px;\n\t\t\ttext-indent: -999em;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.react-datepicker__navigation--previous {\n\t\t\tleft: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next {\n\t\t\tright: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n\t\t\tright: 85px;\n\t\t}\n\t\t.react-datepicker__navigation--years {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__navigation--years-previous {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.react-datepicker__navigation--years-upcoming {\n\t\t\ttop: -4px;\n\t\t}\n\t\t.react-datepicker__navigation:hover *::before {\n\t\t\tborder-color: #a6a6a6;\n\t\t}\n\n\t\t.react-datepicker__navigation-icon {\n\t\t\tposition: relative;\n\t\t\ttop: -1px;\n\t\t\tfont-size: 20px;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next {\n\t\t\tleft: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next::before {\n\t\t\ttransform: rotate(45deg);\n\t\t\tleft: -7px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous {\n\t\t\tright: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous::before {\n\t\t\ttransform: rotate(225deg);\n\t\t\tright: -7px;\n\t\t}\n\n\t\t.react-datepicker__month-container {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.react-datepicker__year {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__year-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmax-width: 180px;\n\t\t}\n\t\t.react-datepicker__year .react-datepicker__year-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__month {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__month .react-datepicker__month-text,\n\t\t.react-datepicker__month .react-datepicker__quarter-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__input-time-container {\n\t\t\tclear: both;\n\t\t\twidth: 100%;\n\t\t\tfloat: left;\n\t\t\tmargin: 5px 0 10px 15px;\n\t\t\ttext-align: left;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__caption {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 10px;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n\t\t\twidth: auto;\n\t\t}\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-inner-spin-button,\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-outer-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=\"time\"] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n\t\t\tmargin-left: 5px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.react-datepicker__time-container {\n\t\t\tfloat: right;\n\t\t\tborder-left: 1px solid #aeaeae;\n\t\t\twidth: 85px;\n\t\t}\n\t\t.react-datepicker__time-container--with-today-button {\n\t\t\tdisplay: inline;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: absolute;\n\t\t\tright: -72px;\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time {\n\t\t\tposition: relative;\n\t\t\tbackground: white;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n\t\t\twidth: 85px;\n\t\t\toverflow-x: hidden;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\theight: calc(195px + (1.7rem / 2));\n\t\t\toverflow-y: scroll;\n\t\t\tpadding-right: 0;\n\t\t\tpadding-left: 0;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item {\n\t\t\theight: 30px;\n\t\t\tpadding: 5px 10px;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item:hover {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected {\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: white;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled {\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__week-number {\n\t\t\tcolor: #ccc;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__day-names,\n\t\t.react-datepicker__week {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.react-datepicker__day-names {\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\n\t\t.react-datepicker__day-name,\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__time-name {\n\t\t\tcolor: #000;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\n\t\t.react-datepicker__month--selected,\n\t\t.react-datepicker__month--in-selecting-range,\n\t\t.react-datepicker__month--in-range,\n\t\t.react-datepicker__quarter--selected,\n\t\t.react-datepicker__quarter--in-selecting-range,\n\t\t.react-datepicker__quarter--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month--in-selecting-range:hover,\n\t\t.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter--in-selecting-range:hover,\n\t\t.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__month--disabled,\n\t\t.react-datepicker__quarter--disabled {\n\t\t\tcolor: #ccc;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t.react-datepicker__month--disabled:hover,\n\t\t.react-datepicker__quarter--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__month-text,\n\t\t.react-datepicker__quarter-text,\n\t\t.react-datepicker__year-text {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__day:hover,\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover,\n\t\t.react-datepicker__year-text:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__day--today,\n\t\t.react-datepicker__month-text--today,\n\t\t.react-datepicker__quarter-text--today,\n\t\t.react-datepicker__year-text--today {\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__day--highlighted,\n\t\t.react-datepicker__month-text--highlighted,\n\t\t.react-datepicker__quarter-text--highlighted,\n\t\t.react-datepicker__year-text--highlighted {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #3dcc4a;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--highlighted:hover,\n\t\t.react-datepicker__month-text--highlighted:hover,\n\t\t.react-datepicker__quarter-text--highlighted:hover,\n\t\t.react-datepicker__year-text--highlighted:hover {\n\t\t\tbackground-color: #32be3f;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-1,\n\t\t.react-datepicker__month-text--highlighted-custom-1,\n\t\t.react-datepicker__quarter-text--highlighted-custom-1,\n\t\t.react-datepicker__year-text--highlighted-custom-1 {\n\t\t\tcolor: magenta;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-2,\n\t\t.react-datepicker__month-text--highlighted-custom-2,\n\t\t.react-datepicker__quarter-text--highlighted-custom-2,\n\t\t.react-datepicker__year-text--highlighted-custom-2 {\n\t\t\tcolor: green;\n\t\t}\n\t\t.react-datepicker__day--selected,\n\t\t.react-datepicker__day--in-selecting-range,\n\t\t.react-datepicker__day--in-range,\n\t\t.react-datepicker__month-text--selected,\n\t\t.react-datepicker__month-text--in-selecting-range,\n\t\t.react-datepicker__month-text--in-range,\n\t\t.react-datepicker__quarter-text--selected,\n\t\t.react-datepicker__quarter-text--in-selecting-range,\n\t\t.react-datepicker__quarter-text--in-range,\n\t\t.react-datepicker__year-text--selected,\n\t\t.react-datepicker__year-text--in-selecting-range,\n\t\t.react-datepicker__year-text--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--selected:hover,\n\t\t.react-datepicker__day--in-selecting-range:hover,\n\t\t.react-datepicker__day--in-range:hover,\n\t\t.react-datepicker__month-text--selected:hover,\n\t\t.react-datepicker__month-text--in-selecting-range:hover,\n\t\t.react-datepicker__month-text--in-range:hover,\n\t\t.react-datepicker__quarter-text--selected:hover,\n\t\t.react-datepicker__quarter-text--in-selecting-range:hover,\n\t\t.react-datepicker__quarter-text--in-range:hover,\n\t\t.react-datepicker__year-text--selected:hover,\n\t\t.react-datepicker__year-text--in-selecting-range:hover,\n\t\t.react-datepicker__year-text--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected,\n\t\t.react-datepicker__month-text--keyboard-selected,\n\t\t.react-datepicker__quarter-text--keyboard-selected,\n\t\t.react-datepicker__year-text--keyboard-selected {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #2a87d0;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected:hover,\n\t\t.react-datepicker__month-text--keyboard-selected:hover,\n\t\t.react-datepicker__quarter-text--keyboard-selected:hover,\n\t\t.react-datepicker__year-text--keyboard-selected:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n\t\t\tbackground-color: rgba(33, 107, 165, 0.5);\n\t\t}\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.react-datepicker__day--disabled,\n\t\t.react-datepicker__month-text--disabled,\n\t\t.react-datepicker__quarter-text--disabled,\n\t\t.react-datepicker__year-text--disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__day--disabled:hover,\n\t\t.react-datepicker__month-text--disabled:hover,\n\t\t.react-datepicker__quarter-text--disabled:hover,\n\t\t.react-datepicker__year-text--disabled:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__month-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover {\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__input-container {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker__year-read-view,\n\t\t.react-datepicker__month-read-view,\n\t\t.react-datepicker__month-year-read-view {\n\t\t\tborder: 1px solid transparent;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover,\n\t\t.react-datepicker__month-read-view:hover,\n\t\t.react-datepicker__month-year-read-view:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow {\n\t\t\ttransform: rotate(135deg);\n\t\t\tright: -16px;\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown,\n\t\t.react-datepicker__month-dropdown,\n\t\t.react-datepicker__month-year-dropdown {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tposition: absolute;\n\t\t\twidth: 50%;\n\t\t\tleft: 25%;\n\t\t\ttop: 30px;\n\t\t\tz-index: 1;\n\t\t\ttext-align: center;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t}\n\t\t.react-datepicker__year-dropdown:hover,\n\t\t.react-datepicker__month-dropdown:hover,\n\t\t.react-datepicker__month-year-dropdown:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-dropdown--scrollable,\n\t\t.react-datepicker__month-dropdown--scrollable,\n\t\t.react-datepicker__month-year-dropdown--scrollable {\n\t\t\theight: 150px;\n\t\t\toverflow-y: scroll;\n\t\t}\n\n\t\t.react-datepicker__year-option,\n\t\t.react-datepicker__month-option,\n\t\t.react-datepicker__month-year-option {\n\t\t\tline-height: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__year-option:first-of-type,\n\t\t.react-datepicker__month-option:first-of-type,\n\t\t.react-datepicker__month-year-option:first-of-type {\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:last-of-type,\n\t\t.react-datepicker__month-option:last-of-type,\n\t\t.react-datepicker__month-year-option:last-of-type {\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:hover,\n\t\t.react-datepicker__month-option:hover,\n\t\t.react-datepicker__month-year-option:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n\t\t\tborder-bottom-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option--selected,\n\t\t.react-datepicker__month-option--selected,\n\t\t.react-datepicker__month-year-option--selected {\n\t\t\tposition: absolute;\n\t\t\tleft: 15px;\n\t\t}\n\n\t\t.react-datepicker__close-icon {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: 0;\n\t\t\toutline: 0;\n\t\t\tpadding: 0 6px 0 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t\t.react-datepicker__close-icon::after {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t\tborder-radius: 50%;\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t\tpadding: 2px;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1;\n\t\t\ttext-align: center;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tcontent: \"\u00D7\";\n\t\t}\n\n\t\t.react-datepicker__today-button {\n\t\t\tbackground: #f0f0f0;\n\t\t\tborder-top: 1px solid #aeaeae;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 5px 0;\n\t\t\tclear: left;\n\t\t}\n\n\t\t.react-datepicker__portal {\n\t\t\tposition: fixed;\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.8);\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tz-index: 2147483647;\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\twidth: 3rem;\n\t\t\tline-height: 3rem;\n\t\t}\n\t\t@media (max-width: 400px), (max-height: 550px) {\n\t\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\t\twidth: 2rem;\n\t\t\t\tline-height: 2rem;\n\t\t\t}\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__current-month,\n\t\t.react-datepicker__portal .react-datepicker-time__header {\n\t\t\tfont-size: 1.44rem;\n\t\t}\n\n\t\t/* Hack city */\n\t\t.datePickerHack_calendar {\n\t\t\tfont-family: \"Nunito Sans\", sans-serif;\n\t\t\tborder: none;\n\t\t\tbox-shadow: 0 8px 38px 0 rgba(146, 151, 182, 0.39);\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__triangle {\n\t\t\ttransform: none !important;\n\t\t\tleft: 50% !important;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::after,\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__header {\n\t\t\tborder-bottom: none;\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__navigation {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day-name {\n\t\t\tfont-weight: 800;\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day {\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__month {\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day:hover {\n\t\t\tbackground-color: #f7f9fb;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--selected,\n\t\t.datePickerHack_calendar .react-datepicker__day--selected:hover {\n\t\t\tbackground-color: #4d73e7;\n\t\t\tborder-radius: 50%;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--keyboard-selected {\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__calendar-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__aria-live {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tpadding: 0;\n\t\t\tmargin: -1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(0, 0, 0, 0);\n\t\t\tborder: 0;\n\t\t}\n\t\t/* Hide the additional Month+Year text */\n\t\t.datePickerHack_calendar .react-datepicker__aria-live {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t#cerebellum_modal_portal {\n\t\tz-index: 9998;\n\t}\n"], ["\n\n\t/* NOTE: this reset is a hacked version of modern-normalize, to remove some opinionated styles and add the good parts of Tailwind's Preflight - https://unpkg.com/tailwindcss@3.0.23/src/css/preflight.css. There are also some Cerebellum specific styles at the bottom. */\n\t/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n\t/*\n\tDocument\n\t========\n\t*/\n\n\t/**\n\tUse a better box model (opinionated).\n\t*/\n\n\t*,\n\t::before,\n\t::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t/**\n\t1. Correct the line height in all browsers.\n\t2. Prevent adjustments of font size after orientation changes in iOS.\n\t*/\n\n\thtml {\n\t\tline-height: 1; /* NOTE: this has been edited from modern-normalize's original */\n\t\t-webkit-text-size-adjust: 100%; /* 2 */\n box-sizing: border-box;\n\t}\n\n\t/*\n\tSections\n\t========\n\t*/\n\n\t/**\n\tRemove the margin in all browsers.\n\t*/\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\n\t/*\n\tGrouping content\n\t================\n\t*/\n\n\t/**\n\t1. Add the correct height in Firefox.\n\t2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n\t*/\n\n\thr {\n\t\theight: 0; /* 1 */\n\t\tcolor: inherit; /* 2 */\n\t}\n\n\t/*\n\tText-level semantics\n\t====================\n\t*/\n\n\t/**\n\tAdd the correct text decoration in Chrome, Edge, and Safari.\n\t*/\n\n\tabbr[title] {\n\t\ttext-decoration: underline dotted;\n\t}\n\n\t/**\n\tAdd the correct font weight in Edge and Safari.\n\t*/\n\n\tb,\n\tstrong {\n\t\tfont-weight: bolder;\n\t}\n\n\t/**\n\t1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n\t2. Correct the odd 'em' font sizing in all browsers.\n\t*/\n\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\t\"Cousine\",\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tConsolas,\n\t\t\t'Liberation Mono',\n\t\t\tMenlo,\n\t\t\tmonospace; /* 1 */\n\t\tfont-size: 1em; /* 2 */\n\t}\n\n\t/**\n\tAdd the correct font size in all browsers.\n\t*/\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\t/**\n\tPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n\t*/\n\n\tsub,\n\tsup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\t/*\n\tTabular data\n\t============\n\t*/\n\n\t/**\n\t1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n\t2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n\t*/\n\n\ttable {\n\t\ttext-indent: 0; /* 1 */\n\t\tborder-color: inherit; /* 2 */\n\t}\n\n\t/*\n\tForms\n\t=====\n\t*/\n\n\t/**\n\t1. Change the font styles in all browsers.\n\t2. Remove the margin in Firefox and Safari.\n\t*/\n\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tborder: none;\n\t\tfont-family: inherit; /* 1 */\n\t\tfont-size: 100%; /* 1 */\n\t\tline-height: 1.15; /* 1 */\n\t\tmargin: 0; /* 2 */\n\t}\n\n\t/**\n\tRemove the inheritance of text transform in Edge and Firefox.\n\t1. Remove the inheritance of text transform in Firefox.\n\t*/\n\n\tbutton,\n\tselect { /* 1 */\n\t\ttext-transform: none;\n\t}\n\n\t/**\n\tCorrect the inability to style clickable types in iOS and Safari.\n\t*/\n\n\tbutton,\n\t[type='button'],\n\t[type='reset'],\n\t[type='submit'] {\n\t\t-webkit-appearance: button;\n\t}\n\n\t/**\n\tRemove the inner border and padding in Firefox.\n\t*/\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tRestore the focus styles unset by the previous rule.\n\t*/\n\n\t:-moz-focusring {\n\t\toutline: 1px dotted ButtonText;\n\t}\n\n\t/**\n\tRemove the additional ':invalid' styles in Firefox.\n\tSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n\t*/\n\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\n\t/**\n\tRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n\t*/\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\t/**\n\tAdd the correct vertical alignment in Chrome and Firefox.\n\t*/\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\t/**\n\tCorrect the cursor style of increment and decrement buttons in Safari.\n\t*/\n\n\t::-webkit-inner-spin-button,\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t/**\n\t1. Correct the odd appearance in Chrome and Safari.\n\t2. Correct the outline style in Safari.\n\t*/\n\n\t[type='search'] {\n\t\t-webkit-appearance: textfield; /* 1 */\n\t\toutline-offset: -2px; /* 2 */\n\t}\n\n\t/**\n\tRemove the inner padding in Chrome and Safari on macOS.\n\t*/\n\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t/**\n\t1. Correct the inability to style clickable types in iOS and Safari.\n\t2. Change font properties to 'inherit' in Safari.\n\t*/\n\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button; /* 1 */\n\t\tfont: inherit; /* 2 */\n\t}\n\n\t/*\n\tInteractive\n\t===========\n\t*/\n\n\t/*\n\tAdd the correct display in Chrome and Safari.\n\t*/\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\n\t/* --------------- Tailwind Preflight - the good parts --------------- */\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* maintain these after modern-normalize update */\n\ttable {\n\t\tborder-collapse: collapse;\n\t}\n\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tlegend {\n\t\tpadding: 0;\n\t}\n\n\tol,\n\tul,\n\tmenu {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t/* This is probably better than modern-normalize, but it should be replaced with a custom style for all elements */\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tdisplay: block; /* 1 */\n\t\tvertical-align: middle; /* 2 */\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t/* HTML5 display-role reset for older browsers */\n\tarticle, aside, details, figcaption, figure,\n\tfooter, header, hgroup, menu, nav, section {\n\t\tdisplay: block;\n\t}\n\n\tblockquote, q {\n\t\tquotes: none;\n\t\t\t&:before, &:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tcontent: none;\n\t\t\t}\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n body {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Nunito Sans', \n\t\t\tsystem-ui,\n\t\t\t-apple-system, /* Firefox supports this but not yet 'system-ui' */\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tHelvetica,\n\t\t\tArial,\n\t\t\tsans-serif,\n\t\t\t'Apple Color Emoji',\n\t\t\t'Segoe UI Emoji';\n font-weight: 500;\n position: relative;\n height:100vh;\n width:100%;\n }\n\n /* Override body dimensions in Storybook to prevent pixel limit errors */\n ", "\n\n\n\ta, div, p, h1, h2, h3, h4, h5, h6, span, td, button, path, rect, circle, line {\n\t\ttransition: opacity 350ms ease-out 50ms, color 350ms ease-out 50ms, border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms, fill 350ms ease-out 50ms;\n\t}\n \n p {\n font-size: 16px;\n }\n\n\t/* Portal style */\n\t#cerebellum_portal, \n\t#cerebellum_modal_portal {\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tz-index: 9999;\n\t\t/* \n\t\tThese styles are copied from node_modules/react-datepicker/dist/react-datepicker.css\n\t\treact-datepicker@4.5.0\n\t\tUPDATE THIS FILE WHEN UPDATING react-datepicker\n\t\tThis is necessary to prevent an error with Next.js apps\n\t\t*/\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow,\n\t\t.react-datepicker__navigation-icon::before {\n\t\t\tborder-color: #ccc;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 3px 3px 0 0;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: 9px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\twidth: 9px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\tmargin-left: -4px;\n\t\t\tposition: absolute;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tposition: absolute;\n\t\t\tborder: 8px solid transparent;\n\t\t\theight: 0;\n\t\t\twidth: 1px;\n\t\t\tcontent: \"\";\n\t\t\tz-index: -1;\n\t\t\tborder-width: 8px;\n\t\t\tleft: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n\t\t\ttop: 0;\n\t\t\tmargin-top: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\tborder-top: none;\n\t\t\tborder-bottom-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::after {\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle::before {\n\t\t\ttop: -1px;\n\t\t\tborder-bottom-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n\t\t\tbottom: 0;\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before,\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tborder-bottom: none;\n\t\t\tborder-top-color: #fff;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::after {\n\t\t\tbottom: 0;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle::before {\n\t\t\tbottom: -1px;\n\t\t\tborder-top-color: #aeaeae;\n\t\t}\n\n\t\t.react-datepicker-wrapper {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker {\n\t\t\tfont-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n\t\t\tfont-size: 0.8rem;\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #000;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.react-datepicker--time-only .react-datepicker__triangle {\n\t\t\tleft: 35px;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time-container {\n\t\t\tborder-left: 0;\n\t\t}\n\t\t.react-datepicker--time-only .react-datepicker__time,\n\t\t.react-datepicker--time-only .react-datepicker__time-box {\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__triangle {\n\t\t\tposition: absolute;\n\t\t\tleft: 50px;\n\t\t}\n\n\t\t.react-datepicker-popper {\n\t\t\tz-index: 1;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"bottom\"] {\n\t\t\tpadding-top: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement=\"bottom-end\"] .react-datepicker__triangle,\n\t\t.react-datepicker-popper[data-placement=\"top-end\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 50px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"top\"] {\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] {\n\t\t\tpadding-left: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"right\"] .react-datepicker__triangle {\n\t\t\tleft: auto;\n\t\t\tright: 42px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] {\n\t\t\tpadding-right: 8px;\n\t\t}\n\t\t.react-datepicker-popper[data-placement^=\"left\"] .react-datepicker__triangle {\n\t\t\tleft: 42px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t.react-datepicker__header {\n\t\t\ttext-align: center;\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-bottom: 1px solid #aeaeae;\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tpadding: 8px 0;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__header--time {\n\t\t\tpadding-bottom: 8px;\n\t\t\tpadding-left: 5px;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t\t.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n\t\t\tborder-top-left-radius: 0;\n\t\t}\n\t\t.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown-container--select,\n\t\t.react-datepicker__month-dropdown-container--select,\n\t\t.react-datepicker__month-year-dropdown-container--select,\n\t\t.react-datepicker__year-dropdown-container--scroll,\n\t\t.react-datepicker__month-dropdown-container--scroll,\n\t\t.react-datepicker__month-year-dropdown-container--scroll {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin: 0 2px;\n\t\t}\n\n\t\t.react-datepicker__current-month,\n\t\t.react-datepicker-time__header,\n\t\t.react-datepicker-year-header {\n\t\t\tmargin-top: 0;\n\t\t\tcolor: #000;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 0.944rem;\n\t\t}\n\n\t\t.react-datepicker-time__header {\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.react-datepicker__navigation {\n\t\t\talign-items: center;\n\t\t\tbackground: none;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\tz-index: 1;\n\t\t\theight: 32px;\n\t\t\twidth: 32px;\n\t\t\ttext-indent: -999em;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.react-datepicker__navigation--previous {\n\t\t\tleft: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next {\n\t\t\tright: 2px;\n\t\t}\n\t\t.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n\t\t\tright: 85px;\n\t\t}\n\t\t.react-datepicker__navigation--years {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__navigation--years-previous {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.react-datepicker__navigation--years-upcoming {\n\t\t\ttop: -4px;\n\t\t}\n\t\t.react-datepicker__navigation:hover *::before {\n\t\t\tborder-color: #a6a6a6;\n\t\t}\n\n\t\t.react-datepicker__navigation-icon {\n\t\t\tposition: relative;\n\t\t\ttop: -1px;\n\t\t\tfont-size: 20px;\n\t\t\twidth: 0;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next {\n\t\t\tleft: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--next::before {\n\t\t\ttransform: rotate(45deg);\n\t\t\tleft: -7px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous {\n\t\t\tright: -2px;\n\t\t}\n\t\t.react-datepicker__navigation-icon--previous::before {\n\t\t\ttransform: rotate(225deg);\n\t\t\tright: -7px;\n\t\t}\n\n\t\t.react-datepicker__month-container {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.react-datepicker__year {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__year-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmax-width: 180px;\n\t\t}\n\t\t.react-datepicker__year .react-datepicker__year-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__month {\n\t\t\tmargin: 0.4rem;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.react-datepicker__month .react-datepicker__month-text,\n\t\t.react-datepicker__month .react-datepicker__quarter-text {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 4rem;\n\t\t\tmargin: 2px;\n\t\t}\n\n\t\t.react-datepicker__input-time-container {\n\t\t\tclear: both;\n\t\t\twidth: 100%;\n\t\t\tfloat: left;\n\t\t\tmargin: 5px 0 10px 15px;\n\t\t\ttext-align: left;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__caption {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 10px;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n\t\t\twidth: auto;\n\t\t}\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-inner-spin-button,\n\t\t.react-datepicker__input-time-container\n\t\t\t.react-datepicker-time__input-container\n\t\t\t.react-datepicker-time__input\n\t\t\tinput[type=\"time\"]::-webkit-outer-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=\"time\"] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t\t.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n\t\t\tmargin-left: 5px;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.react-datepicker__time-container {\n\t\t\tfloat: right;\n\t\t\tborder-left: 1px solid #aeaeae;\n\t\t\twidth: 85px;\n\t\t}\n\t\t.react-datepicker__time-container--with-today-button {\n\t\t\tdisplay: inline;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: absolute;\n\t\t\tright: -72px;\n\t\t\ttop: 0;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time {\n\t\t\tposition: relative;\n\t\t\tbackground: white;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n\t\t\twidth: 85px;\n\t\t\toverflow-x: hidden;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\theight: calc(195px + (1.7rem / 2));\n\t\t\toverflow-y: scroll;\n\t\t\tpadding-right: 0;\n\t\t\tpadding-left: 0;\n\t\t\twidth: 100%;\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item {\n\t\t\theight: 30px;\n\t\t\tpadding: 5px 10px;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item:hover {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected {\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: white;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--selected:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled {\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__time-container\n\t\t\t.react-datepicker__time\n\t\t\t.react-datepicker__time-box\n\t\t\tul.react-datepicker__time-list\n\t\t\tli.react-datepicker__time-list-item--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__week-number {\n\t\t\tcolor: #ccc;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__day-names,\n\t\t.react-datepicker__week {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.react-datepicker__day-names {\n\t\t\tmargin-bottom: -8px;\n\t\t}\n\n\t\t.react-datepicker__day-name,\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__time-name {\n\t\t\tcolor: #000;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 1.7rem;\n\t\t\tline-height: 1.7rem;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0.166rem;\n\t\t}\n\n\t\t.react-datepicker__month--selected,\n\t\t.react-datepicker__month--in-selecting-range,\n\t\t.react-datepicker__month--in-range,\n\t\t.react-datepicker__quarter--selected,\n\t\t.react-datepicker__quarter--in-selecting-range,\n\t\t.react-datepicker__quarter--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month--in-selecting-range:hover,\n\t\t.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter--in-selecting-range:hover,\n\t\t.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__month--disabled,\n\t\t.react-datepicker__quarter--disabled {\n\t\t\tcolor: #ccc;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t.react-datepicker__month--disabled:hover,\n\t\t.react-datepicker__quarter--disabled:hover {\n\t\t\tcursor: default;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__day,\n\t\t.react-datepicker__month-text,\n\t\t.react-datepicker__quarter-text,\n\t\t.react-datepicker__year-text {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__day:hover,\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover,\n\t\t.react-datepicker__year-text:hover {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t\t.react-datepicker__day--today,\n\t\t.react-datepicker__month-text--today,\n\t\t.react-datepicker__quarter-text--today,\n\t\t.react-datepicker__year-text--today {\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t.react-datepicker__day--highlighted,\n\t\t.react-datepicker__month-text--highlighted,\n\t\t.react-datepicker__quarter-text--highlighted,\n\t\t.react-datepicker__year-text--highlighted {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #3dcc4a;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--highlighted:hover,\n\t\t.react-datepicker__month-text--highlighted:hover,\n\t\t.react-datepicker__quarter-text--highlighted:hover,\n\t\t.react-datepicker__year-text--highlighted:hover {\n\t\t\tbackground-color: #32be3f;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-1,\n\t\t.react-datepicker__month-text--highlighted-custom-1,\n\t\t.react-datepicker__quarter-text--highlighted-custom-1,\n\t\t.react-datepicker__year-text--highlighted-custom-1 {\n\t\t\tcolor: magenta;\n\t\t}\n\t\t.react-datepicker__day--highlighted-custom-2,\n\t\t.react-datepicker__month-text--highlighted-custom-2,\n\t\t.react-datepicker__quarter-text--highlighted-custom-2,\n\t\t.react-datepicker__year-text--highlighted-custom-2 {\n\t\t\tcolor: green;\n\t\t}\n\t\t.react-datepicker__day--selected,\n\t\t.react-datepicker__day--in-selecting-range,\n\t\t.react-datepicker__day--in-range,\n\t\t.react-datepicker__month-text--selected,\n\t\t.react-datepicker__month-text--in-selecting-range,\n\t\t.react-datepicker__month-text--in-range,\n\t\t.react-datepicker__quarter-text--selected,\n\t\t.react-datepicker__quarter-text--in-selecting-range,\n\t\t.react-datepicker__quarter-text--in-range,\n\t\t.react-datepicker__year-text--selected,\n\t\t.react-datepicker__year-text--in-selecting-range,\n\t\t.react-datepicker__year-text--in-range {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--selected:hover,\n\t\t.react-datepicker__day--in-selecting-range:hover,\n\t\t.react-datepicker__day--in-range:hover,\n\t\t.react-datepicker__month-text--selected:hover,\n\t\t.react-datepicker__month-text--in-selecting-range:hover,\n\t\t.react-datepicker__month-text--in-range:hover,\n\t\t.react-datepicker__quarter-text--selected:hover,\n\t\t.react-datepicker__quarter-text--in-selecting-range:hover,\n\t\t.react-datepicker__quarter-text--in-range:hover,\n\t\t.react-datepicker__year-text--selected:hover,\n\t\t.react-datepicker__year-text--in-selecting-range:hover,\n\t\t.react-datepicker__year-text--in-range:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected,\n\t\t.react-datepicker__month-text--keyboard-selected,\n\t\t.react-datepicker__quarter-text--keyboard-selected,\n\t\t.react-datepicker__year-text--keyboard-selected {\n\t\t\tborder-radius: 0.3rem;\n\t\t\tbackground-color: #2a87d0;\n\t\t\tcolor: #fff;\n\t\t}\n\t\t.react-datepicker__day--keyboard-selected:hover,\n\t\t.react-datepicker__month-text--keyboard-selected:hover,\n\t\t.react-datepicker__quarter-text--keyboard-selected:hover,\n\t\t.react-datepicker__year-text--keyboard-selected:hover {\n\t\t\tbackground-color: #1d5d90;\n\t\t}\n\t\t.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n\t\t.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n\t\t\tbackground-color: rgba(33, 107, 165, 0.5);\n\t\t}\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n\t\t.react-datepicker__month--selecting-range\n\t\t\t.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.react-datepicker__day--disabled,\n\t\t.react-datepicker__month-text--disabled,\n\t\t.react-datepicker__quarter-text--disabled,\n\t\t.react-datepicker__year-text--disabled {\n\t\t\tcursor: default;\n\t\t\tcolor: #ccc;\n\t\t}\n\t\t.react-datepicker__day--disabled:hover,\n\t\t.react-datepicker__month-text--disabled:hover,\n\t\t.react-datepicker__quarter-text--disabled:hover,\n\t\t.react-datepicker__year-text--disabled:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.react-datepicker__month-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n\t\t.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n\t\t\tbackground-color: #216ba5;\n\t\t}\n\t\t.react-datepicker__month-text:hover,\n\t\t.react-datepicker__quarter-text:hover {\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\n\t\t.react-datepicker__input-container {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.react-datepicker__year-read-view,\n\t\t.react-datepicker__month-read-view,\n\t\t.react-datepicker__month-year-read-view {\n\t\t\tborder: 1px solid transparent;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tposition: relative;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover,\n\t\t.react-datepicker__month-read-view:hover,\n\t\t.react-datepicker__month-year-read-view:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-read-view--down-arrow,\n\t\t.react-datepicker__month-read-view--down-arrow,\n\t\t.react-datepicker__month-year-read-view--down-arrow {\n\t\t\ttransform: rotate(135deg);\n\t\t\tright: -16px;\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.react-datepicker__year-dropdown,\n\t\t.react-datepicker__month-dropdown,\n\t\t.react-datepicker__month-year-dropdown {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tposition: absolute;\n\t\t\twidth: 50%;\n\t\t\tleft: 25%;\n\t\t\ttop: 30px;\n\t\t\tz-index: 1;\n\t\t\ttext-align: center;\n\t\t\tborder-radius: 0.3rem;\n\t\t\tborder: 1px solid #aeaeae;\n\t\t}\n\t\t.react-datepicker__year-dropdown:hover,\n\t\t.react-datepicker__month-dropdown:hover,\n\t\t.react-datepicker__month-year-dropdown:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.react-datepicker__year-dropdown--scrollable,\n\t\t.react-datepicker__month-dropdown--scrollable,\n\t\t.react-datepicker__month-year-dropdown--scrollable {\n\t\t\theight: 150px;\n\t\t\toverflow-y: scroll;\n\t\t}\n\n\t\t.react-datepicker__year-option,\n\t\t.react-datepicker__month-option,\n\t\t.react-datepicker__month-year-option {\n\t\t\tline-height: 20px;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\t.react-datepicker__year-option:first-of-type,\n\t\t.react-datepicker__month-option:first-of-type,\n\t\t.react-datepicker__month-year-option:first-of-type {\n\t\t\tborder-top-left-radius: 0.3rem;\n\t\t\tborder-top-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:last-of-type,\n\t\t.react-datepicker__month-option:last-of-type,\n\t\t.react-datepicker__month-year-option:last-of-type {\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t\tborder-bottom-left-radius: 0.3rem;\n\t\t\tborder-bottom-right-radius: 0.3rem;\n\t\t}\n\t\t.react-datepicker__year-option:hover,\n\t\t.react-datepicker__month-option:hover,\n\t\t.react-datepicker__month-year-option:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n\t\t\tborder-bottom-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n\t\t.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n\t\t\tborder-top-color: #b3b3b3;\n\t\t}\n\t\t.react-datepicker__year-option--selected,\n\t\t.react-datepicker__month-option--selected,\n\t\t.react-datepicker__month-year-option--selected {\n\t\t\tposition: absolute;\n\t\t\tleft: 15px;\n\t\t}\n\n\t\t.react-datepicker__close-icon {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: 0;\n\t\t\toutline: 0;\n\t\t\tpadding: 0 6px 0 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: 100%;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t\t.react-datepicker__close-icon::after {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #216ba5;\n\t\t\tcolor: #fff;\n\t\t\tborder-radius: 50%;\n\t\t\theight: 16px;\n\t\t\twidth: 16px;\n\t\t\tpadding: 2px;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1;\n\t\t\ttext-align: center;\n\t\t\tdisplay: table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tcontent: \"\u00D7\";\n\t\t}\n\n\t\t.react-datepicker__today-button {\n\t\t\tbackground: #f0f0f0;\n\t\t\tborder-top: 1px solid #aeaeae;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: bold;\n\t\t\tpadding: 5px 0;\n\t\t\tclear: left;\n\t\t}\n\n\t\t.react-datepicker__portal {\n\t\t\tposition: fixed;\n\t\t\twidth: 100vw;\n\t\t\theight: 100vh;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.8);\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tz-index: 2147483647;\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\twidth: 3rem;\n\t\t\tline-height: 3rem;\n\t\t}\n\t\t@media (max-width: 400px), (max-height: 550px) {\n\t\t\t.react-datepicker__portal .react-datepicker__day-name,\n\t\t\t.react-datepicker__portal .react-datepicker__day,\n\t\t\t.react-datepicker__portal .react-datepicker__time-name {\n\t\t\t\twidth: 2rem;\n\t\t\t\tline-height: 2rem;\n\t\t\t}\n\t\t}\n\t\t.react-datepicker__portal .react-datepicker__current-month,\n\t\t.react-datepicker__portal .react-datepicker-time__header {\n\t\t\tfont-size: 1.44rem;\n\t\t}\n\n\t\t/* Hack city */\n\t\t.datePickerHack_calendar {\n\t\t\tfont-family: \"Nunito Sans\", sans-serif;\n\t\t\tborder: none;\n\t\t\tbox-shadow: 0 8px 38px 0 rgba(146, 151, 182, 0.39);\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__triangle {\n\t\t\ttransform: none !important;\n\t\t\tleft: 50% !important;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::after,\n\t\t.datePickerHack_popper .datePickerHack_calendar .react-datepicker__triangle::before {\n\t\t\tborder-bottom-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__header {\n\t\t\tborder-bottom: none;\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__navigation {\n\t\t\ttop: 4px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day-name {\n\t\t\tfont-weight: 800;\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day {\n\t\t\tmargin: 5px 7px;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__month {\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day:hover {\n\t\t\tbackground-color: #f7f9fb;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--selected,\n\t\t.datePickerHack_calendar .react-datepicker__day--selected:hover {\n\t\t\tbackground-color: #4d73e7;\n\t\t\tborder-radius: 50%;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.datePickerHack_calendar .react-datepicker__day--keyboard-selected {\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: #000;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__calendar-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.datePickerHack_wrapper .react-datepicker__aria-live {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tpadding: 0;\n\t\t\tmargin: -1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(0, 0, 0, 0);\n\t\t\tborder: 0;\n\t\t}\n\t\t/* Hide the additional Month+Year text */\n\t\t.datePickerHack_calendar .react-datepicker__aria-live {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t#cerebellum_modal_portal {\n\t\tz-index: 9998;\n\t}\n"])), typeof process !== 'undefined' && process.env.STORYBOOK ? "\n body {\n height: auto !important;\n width: auto !important;\n }\n " : '');
5
5
  var templateObject_1;
6
6
 
7
7
  export { GlobalStyle };
package/lib/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { _ as __assign, b as __makeTemplateObject, f as __rest, a as __spreadArray } from './_tslib-CcAXazg4.js';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
3
3
  import React__default, { useState, Fragment, useRef, useEffect } from 'react';
4
4
  import styled$1, { styled, useTheme } from 'styled-components';
5
5
  import { D as Drawer } from './Drawer-B8Q-IadJ.js';
@@ -448,17 +448,28 @@ var Base$1 = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTempla
448
448
  var $roomForError = _a.$roomForError;
449
449
  return ($roomForError ? 10 : 0);
450
450
  });
451
- var InputGroup = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (_a) {
451
+ var DashSeparator = styled.span(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n font-size: ", "px;\n color: ", ";\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 4px;\n"], ["\n font-size: ", "px;\n color: ", ";\n font-weight: 500;\n display: flex;\n align-items: center;\n margin: 0 4px;\n"])), function (_a) {
452
+ var _b;
453
+ var $themeOverride = _a.$themeOverride, theme = _a.theme;
454
+ return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) !== null && _b !== void 0 ? _b : theme.digitalInput.textFontSize;
455
+ }, function (_a) {
456
+ var _b, _c;
457
+ var disabled = _a.disabled, $themeOverride = _a.$themeOverride, theme = _a.theme;
458
+ return disabled
459
+ ? ((_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor)
460
+ : ((_c = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) !== null && _c !== void 0 ? _c : theme.input.textColor);
461
+ });
462
+ var InputGroup = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (_a) {
452
463
  var _b;
453
464
  var $themeOverride = _a.$themeOverride, theme = _a.theme;
454
465
  return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputGap) !== null && _b !== void 0 ? _b : theme.digitalInput.inputGap;
455
466
  });
456
- var templateObject_1$3, templateObject_2$2;
467
+ var templateObject_1$3, templateObject_2$2, templateObject_3$2;
457
468
 
458
469
  var DEFAULT_DIGIT_LENGTH = 6;
459
470
  var DigitalInput = function (_a) {
460
471
  var _b, _c, _d, _e, _f, _g, _h;
461
- var autofocus = _a.autofocus, disabled = _a.disabled, _j = _a.digitLength, digitLength = _j === void 0 ? DEFAULT_DIGIT_LENGTH : _j, focus = _a.focus, helperText = _a.helperText, id = _a.id, innerHiddenRef = _a.innerHiddenRef, inputMode = _a.inputMode, label = _a.label, name = _a.name, onChange = _a.onChange, onComplete = _a.onComplete, onInputBlur = _a.onInputBlur, onInputFocus = _a.onInputFocus, _k = _a.required, required = _k === void 0 ? false : _k, showValidationMessage = _a.showValidationMessage, validationMessage = _a.validationMessage, value = _a.value, themeOverride = _a.themeOverride;
472
+ var autofocus = _a.autofocus, disabled = _a.disabled, _j = _a.digitLength, digitLength = _j === void 0 ? DEFAULT_DIGIT_LENGTH : _j, focus = _a.focus, helperText = _a.helperText, id = _a.id, innerHiddenRef = _a.innerHiddenRef, inputMode = _a.inputMode, label = _a.label, name = _a.name, onChange = _a.onChange, onComplete = _a.onComplete, onInputBlur = _a.onInputBlur, onInputFocus = _a.onInputFocus, _k = _a.required, required = _k === void 0 ? false : _k, showValidationMessage = _a.showValidationMessage, validationMessage = _a.validationMessage, value = _a.value, themeOverride = _a.themeOverride, prefix = _a.prefix;
462
473
  // Refs
463
474
  var inputRefs = useRef(Array.from({ length: digitLength }, function () { return React__default.createRef(); }));
464
475
  var labelBoxRef = useRef(null);
@@ -563,6 +574,10 @@ var DigitalInput = function (_a) {
563
574
  var pasteEvent = newValue.length > 1;
564
575
  var updatedValues_1 = __assign({}, stateLib);
565
576
  if (pasteEvent) {
577
+ // If prefix is provided and the pasted value starts with prefix + dash, strip it
578
+ if (prefix && newValue.startsWith("".concat(prefix, "-"))) {
579
+ newValue = newValue.substring(prefix.length + 1);
580
+ }
566
581
  var nextIndex_1 = index;
567
582
  Array.from(newValue).forEach(function (char) {
568
583
  if (nextIndex_1 < digitLength) {
@@ -612,18 +627,40 @@ var DigitalInput = function (_a) {
612
627
  var handleEnter = function () {
613
628
  onComplete === null || onComplete === void 0 ? void 0 : onComplete(value);
614
629
  };
630
+ var getCommonInputProps = function () {
631
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
632
+ return ({
633
+ inputMode: inputMode || "text",
634
+ disabled: disabled,
635
+ noMinWidth: true,
636
+ sidePadding: 5,
637
+ // Theme props
638
+ activeBackgroundColor: (_b = (_a = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBackgroundColor) !== null && _a !== void 0 ? _a : themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _b !== void 0 ? _b : theme.input.inputBackgroundColor,
639
+ activeBorderColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBorderColor) !== null && _c !== void 0 ? _c : theme.input.activeBorderColor,
640
+ disabledColor: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _d !== void 0 ? _d : theme.input.disabledColor,
641
+ disabledBorderColor: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledBorderColor) !== null && _e !== void 0 ? _e : theme.input.disabledBorderColor,
642
+ failColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _f !== void 0 ? _f : theme.input.failColor,
643
+ failColorSecondary: "transparent",
644
+ hoverBorderColor: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.hoverBorderColor) !== null && _g !== void 0 ? _g : theme.input.hoverBorderColor,
645
+ inactiveBorderColor: (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveBorderColor) !== null && _h !== void 0 ? _h : theme.input.inactiveBorderColor,
646
+ inputBackgroundColor: (_j = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _j !== void 0 ? _j : theme.input.inputBackgroundColor,
647
+ inputBorderRadius: (_k = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBorderRadius) !== null && _k !== void 0 ? _k : theme.input.inputBorderRadius,
648
+ inputHeight: (_l = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputHeight) !== null && _l !== void 0 ? _l : theme.input.inputHeight,
649
+ inputWidth: (_m = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputWidth) !== null && _m !== void 0 ? _m : theme.digitalInput.inputWidth,
650
+ textAlign: "center",
651
+ textColor: (_o = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textColor) !== null && _o !== void 0 ? _o : theme.input.textColor,
652
+ textFontSize: (_p = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textFontSize) !== null && _p !== void 0 ? _p : theme.digitalInput.textFontSize,
653
+ });
654
+ };
615
655
  return (jsxs(Base$1, { ref: inputGroupRef, children: [jsxs(LabelBox, { ref: labelBoxRef, children: [showLabel({
616
656
  inputLabel: label,
617
657
  disabled: disabled,
618
658
  disabledColor: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor,
619
659
  labelColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.labelColor) !== null && _c !== void 0 ? _c : theme.input.labelColor,
620
660
  removePaddingRight: required,
621
- }), required && (jsx(Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsx(HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsx(InputGroup, { "$themeOverride": themeOverride, children: Array.from({ length: digitLength }, function (_, index) {
622
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
623
- return (jsx(InlineInput, { autofocus: autofocus && index === 0 ? true : undefined, inputMode: inputMode || "text", disabled: disabled, onChange: function (event) { return handleInputChange({ index: index, event: event }); }, onClick: function () { return handleInputClick(index); }, onEnter: handleEnter, onInputBlur: onInputBlur, onInputFocus: handleInputFocus, onKeyDown: function (event) { return handleKeyDown({ index: index, event: event }); }, noMinWidth: true, showValidationMessage: showValidationMessage, sidePadding: 5, innerRef: inputRefs.current[index], value: stateLib[index],
624
- // Theme props
625
- activeBackgroundColor: (_b = (_a = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBackgroundColor) !== null && _a !== void 0 ? _a : themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _b !== void 0 ? _b : theme.input.inputBackgroundColor, activeBorderColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBorderColor) !== null && _c !== void 0 ? _c : theme.input.activeBorderColor, disabledColor: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _d !== void 0 ? _d : theme.input.disabledColor, disabledBorderColor: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledBorderColor) !== null && _e !== void 0 ? _e : theme.input.disabledBorderColor, failColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _f !== void 0 ? _f : theme.input.failColor, failColorSecondary: "transparent", hoverBorderColor: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.hoverBorderColor) !== null && _g !== void 0 ? _g : theme.input.hoverBorderColor, inactiveBorderColor: (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveBorderColor) !== null && _h !== void 0 ? _h : theme.input.inactiveBorderColor, inputBackgroundColor: (_j = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _j !== void 0 ? _j : theme.input.inputBackgroundColor, inputBorderRadius: (_k = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBorderRadius) !== null && _k !== void 0 ? _k : theme.input.inputBorderRadius, inputHeight: (_l = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputHeight) !== null && _l !== void 0 ? _l : theme.input.inputHeight, inputWidth: (_m = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputWidth) !== null && _m !== void 0 ? _m : theme.digitalInput.inputWidth, textAlign: "center", textColor: (_o = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textColor) !== null && _o !== void 0 ? _o : theme.input.textColor, textFontSize: (_p = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textFontSize) !== null && _p !== void 0 ? _p : theme.digitalInput.textFontSize }, "digitalInput_".concat(index)));
626
- }) }), jsx(ValidationText, { ref: validationRef, "$showValidationMessage": !!showValidationMessage, "$disabled": disabled, "$failColor": (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _e !== void 0 ? _e : theme.input.failColor, "$disabledColor": (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _f !== void 0 ? _f : theme.input.disabledColor, "$designSwitch": designSwitch && showValidationMessage, children: validationMessage }), helperTextVisible && (jsx(HelperText, { "data-sentry-unmask": true, "$disabled": disabled, "$helperTextColor": (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.helperTextColor) !== null && _g !== void 0 ? _g : theme.input.helperTextColor, "$disabledColor": (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _h !== void 0 ? _h : theme.input.disabledColor, children: helperText }))] }));
661
+ }), required && (jsx(Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsx(HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxs(InputGroup, { "$themeOverride": themeOverride, children: [prefix && (jsxs(Fragment$1, { children: [jsx(InlineInput, __assign({}, getCommonInputProps(), { clickable: false, onChange: noop, onClick: noop, onInputBlur: noop, onInputFocus: noop, onKeyDown: noop, showValidationMessage: false, value: prefix }), "prefixInput"), jsx(DashSeparator, { "$themeOverride": themeOverride, disabled: disabled, children: "-" })] })), Array.from({ length: digitLength }, function (_, index) {
662
+ return (jsx(InlineInput, __assign({}, getCommonInputProps(), { autofocus: autofocus && index === 0 ? true : undefined, onChange: function (event) { return handleInputChange({ index: index, event: event }); }, onClick: function () { return handleInputClick(index); }, onEnter: handleEnter, onInputBlur: onInputBlur, onInputFocus: handleInputFocus, onKeyDown: function (event) { return handleKeyDown({ index: index, event: event }); }, showValidationMessage: showValidationMessage, innerRef: inputRefs.current[index], value: stateLib[index] }), "digitalInput_".concat(index)));
663
+ })] }), jsx(ValidationText, { ref: validationRef, "$showValidationMessage": !!showValidationMessage, "$disabled": disabled, "$failColor": (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _e !== void 0 ? _e : theme.input.failColor, "$disabledColor": (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _f !== void 0 ? _f : theme.input.disabledColor, "$designSwitch": designSwitch && showValidationMessage, children: validationMessage }), helperTextVisible && (jsx(HelperText, { "data-sentry-unmask": true, "$disabled": disabled, "$helperTextColor": (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.helperTextColor) !== null && _g !== void 0 ? _g : theme.input.helperTextColor, "$disabledColor": (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _h !== void 0 ? _h : theme.input.disabledColor, children: helperText }))] }));
627
664
  };
628
665
 
629
666
  var Base = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: grid;\n grid-template-rows: auto auto;\n gap: 25px;\n margin: 0;\n"], ["\n display: grid;\n grid-template-rows: auto auto;\n gap: 25px;\n margin: 0;\n"])));
@@ -18091,9 +18128,10 @@ function AddressField(props) {
18091
18128
  var country = properties.country;
18092
18129
  var handleChange = function (key, value, fullAddress) {
18093
18130
  var _a;
18131
+ var _b, _c;
18094
18132
  var newFormData = __assign(__assign({}, formData), (_a = {}, _a[key] = value, _a));
18095
18133
  if (fullAddress) {
18096
- newFormData = __assign(__assign({}, newFormData), { postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
18134
+ newFormData = __assign(__assign({}, newFormData), { address: ((_c = (_b = fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.rawAddressObject) === null || _b === void 0 ? void 0 : _b.formattedSuggestion) === null || _c === void 0 ? void 0 : _c.mainText) || (fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.street), postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
18097
18135
  }
18098
18136
  onChange(newFormData);
18099
18137
  };
@@ -18410,7 +18448,7 @@ var DateField = function (props) {
18410
18448
  };
18411
18449
  return (jsx(FieldBox, { "$padding": contentPadding, children: jsx(DatePickerComponent, __assign({ disabled: disabled }, (hideLabel ? {} : { helperText: schema.description }), { id: id }, (hideLabel ? {} : { inputLabel: label || schema.title || name }), { name: name, onChange: handleDateChange, onBlur: function () { return onBlur(id, formData); }, onFocus: function () { return onFocus(id, formData); }, placeholderText: placeholder }, (hideLabel ? {} : { required: required }), { selectedDate: formData, showValidationMessage: !!(rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors[0]) }, (hideLabel ? {} : { validationMessage: rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors[0] }), {
18412
18450
  // uiSchema options
18413
- activeBorderColor: ui.activeBorderColor, activeIconColor: ui.activeIconColor }, (hideLabel ? {} : { asteriskColor: ui.asteriskColor }), { calendarHeaderColor: ui.calendarHeaderColor, clearButton: true, dateFormat: ui.dateFormat || "MM / dd / yyyy", disabledColor: ui.disabledColor, failColor: ui.failColor, focus: ui.focus }, (hideLabel ? {} : { helperTextColor: ui.helperTextColor }), { hideIcon: ui.hideIcon, inactiveBorderColor: ui.inactiveBorderColor, inactiveIconColor: ui.inactiveIconColor, inputHeight: ui.inputHeight, inputWidth: ui.inputWidth }, (hideLabel ? {} : { labelColor: ui.labelColor }), { maxDateUnix: ui.maxDateUnix, minDateUnix: ui.minDateUnix, placeholderColor: ui.placeholderColor, selectedDateColor: ui.selectedDateColor, textColor: ui.textColor, textFontSize: ui.textFontSize, theme: ui.theme, yearOptionBegin: ui.yearOptionBegin, yearOptionEnd: ui.yearOptionEnd })) }));
18451
+ activeBorderColor: ui.activeBorderColor, activeIconColor: ui.activeIconColor }, (hideLabel ? {} : { asteriskColor: ui.asteriskColor }), { calendarHeaderColor: ui.calendarHeaderColor, clearButton: true, dateFormat: ui.dateFormat || "MM / dd / yyyy", disabledColor: ui.disabledColor, failColor: ui.failColor, focus: ui.focus }, (hideLabel ? {} : { helperTextColor: ui.helperTextColor }), { hideIcon: true, noPicker: true, inactiveBorderColor: ui.inactiveBorderColor, inactiveIconColor: ui.inactiveIconColor, inputHeight: ui.inputHeight, inputWidth: ui.inputWidth }, (hideLabel ? {} : { labelColor: ui.labelColor }), { maxDateUnix: ui.maxDateUnix, minDateUnix: ui.minDateUnix, placeholderColor: ui.placeholderColor, selectedDateColor: ui.selectedDateColor, textColor: ui.textColor, textFontSize: ui.textFontSize, theme: ui.theme, yearOptionBegin: ui.yearOptionBegin, yearOptionEnd: ui.yearOptionEnd })) }));
18414
18452
  };
18415
18453
 
18416
18454
  var NUMBER_FIELD_INVALID_ERROR = "Please enter a valid number";