@cerebruminc/cerebellum 16.0.0 → 16.1.0

package/lib/cjs/GlobalStyle.cjs

@@ -3,7 +3,7 @@
 var _tslib = require('./_tslib-ByDtMVOd.js');
 var styled = require('styled-components');
 
-var GlobalStyle = styled.createGlobalStyle(templateObject_1 || (templateObject_1 = _tslib.__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"])));
+var GlobalStyle = styled.createGlobalStyle(templateObject_1 || (templateObject_1 = _tslib.__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  " : '');
 var templateObject_1;
 
 exports.GlobalStyle = GlobalStyle;

package/lib/cjs/index.cjs

@@ -453,17 +453,28 @@ var Base$1 = styled.styled.div(templateObject_1$3 || (templateObject_1$3 = _tsli
     var $roomForError = _a.$roomForError;
     return ($roomForError ? 10 : 0);
 });
-var InputGroup = styled.styled.div(templateObject_2$2 || (templateObject_2$2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (_a) {
+var DashSeparator = styled.styled.span(templateObject_2$2 || (templateObject_2$2 = _tslib.__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) {
+    var _b;
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) !== null && _b !== void 0 ? _b : theme.digitalInput.textFontSize;
+}, function (_a) {
+    var _b, _c;
+    var disabled = _a.disabled, $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return disabled
+        ? ((_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor)
+        : ((_c = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) !== null && _c !== void 0 ? _c : theme.input.textColor);
+});
+var InputGroup = styled.styled.div(templateObject_3$2 || (templateObject_3$2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (_a) {
     var _b;
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputGap) !== null && _b !== void 0 ? _b : theme.digitalInput.inputGap;
 });
-var templateObject_1$3, templateObject_2$2;
+var templateObject_1$3, templateObject_2$2, templateObject_3$2;
 
 var DEFAULT_DIGIT_LENGTH = 6;
 var DigitalInput = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
-    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;
+    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;
     // Refs
     var inputRefs = React.useRef(Array.from({ length: digitLength }, function () { return React__default.default.createRef(); }));
     var labelBoxRef = React.useRef(null);
@@ -568,6 +579,10 @@ var DigitalInput = function (_a) {
             var pasteEvent = newValue.length > 1;
             var updatedValues_1 = _tslib.__assign({}, stateLib);
             if (pasteEvent) {
+                // If prefix is provided and the pasted value starts with prefix + dash, strip it
+                if (prefix && newValue.startsWith("".concat(prefix, "-"))) {
+                    newValue = newValue.substring(prefix.length + 1);
+                }
                 var nextIndex_1 = index;
                 Array.from(newValue).forEach(function (char) {
                     if (nextIndex_1 < digitLength) {
@@ -617,18 +632,40 @@ var DigitalInput = function (_a) {
     var handleEnter = function () {
         onComplete === null || onComplete === void 0 ? void 0 : onComplete(value);
     };
+    var getCommonInputProps = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        return ({
+            inputMode: inputMode || "text",
+            disabled: disabled,
+            noMinWidth: true,
+            sidePadding: 5,
+            // Theme props
+            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,
+        });
+    };
     return (jsxRuntime.jsxs(Base$1, { ref: inputGroupRef, children: [jsxRuntime.jsxs(Inputs.LabelBox, { ref: labelBoxRef, children: [showLabel.showLabel({
                         inputLabel: label,
                         disabled: disabled,
                         disabledColor: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor,
                         labelColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.labelColor) !== null && _c !== void 0 ? _c : theme.input.labelColor,
                         removePaddingRight: required,
-                    }), required && (jsxRuntime.jsx(Inputs.Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsxRuntime.jsx(Switches.HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: isEmptyObject.noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxRuntime.jsx(InputGroup, { "$themeOverride": themeOverride, children: Array.from({ length: digitLength }, function (_, index) {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-                    return (jsxRuntime.jsx(InlineInput.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], 
-                        // Theme props
-                        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)));
-                }) }), jsxRuntime.jsx(Inputs.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 && (jsxRuntime.jsx(Inputs.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 }))] }));
+                    }), required && (jsxRuntime.jsx(Inputs.Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsxRuntime.jsx(Switches.HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: isEmptyObject.noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxRuntime.jsxs(InputGroup, { "$themeOverride": themeOverride, children: [prefix && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InlineInput.InlineInput, _tslib.__assign({}, getCommonInputProps(), { clickable: false, onChange: isEmptyObject.noop, onClick: isEmptyObject.noop, onInputBlur: isEmptyObject.noop, onInputFocus: isEmptyObject.noop, onKeyDown: isEmptyObject.noop, showValidationMessage: false, value: prefix }), "prefixInput"), jsxRuntime.jsx(DashSeparator, { "$themeOverride": themeOverride, disabled: disabled, children: "-" })] })), Array.from({ length: digitLength }, function (_, index) {
+                        return (jsxRuntime.jsx(InlineInput.InlineInput, _tslib.__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)));
+                    })] }), jsxRuntime.jsx(Inputs.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 && (jsxRuntime.jsx(Inputs.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 }))] }));
 };
 
 var Base = styled.styled.div(templateObject_1$2 || (templateObject_1$2 = _tslib.__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"])));
@@ -18096,9 +18133,10 @@ function AddressField(props) {
     var country = properties.country;
     var handleChange = function (key, value, fullAddress) {
         var _a;
+        var _b, _c;
         var newFormData = _tslib.__assign(_tslib.__assign({}, formData), (_a = {}, _a[key] = value, _a));
         if (fullAddress) {
-            newFormData = _tslib.__assign(_tslib.__assign({}, newFormData), { postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
+            newFormData = _tslib.__assign(_tslib.__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 });
         }
         onChange(newFormData);
     };