@nypl/design-system-react-components 4.0.0-alpha-rc2 → 4.0.0-alpha-rc4

package/dist/src/theme/components/list.d.ts

@@ -54,8 +54,6 @@ export declare const unorderedStyles: (props?: ListBaseStyle) => {
             };
         };
     };
-    margin: string;
-    marginBottom: string;
 };
 export declare const descriptionStyles: (showRowDividers?: boolean) => {
     dl: {
@@ -173,14 +171,6 @@ declare const List: {
                         };
                     };
                 };
-                margin: string;
-                marginBottom: string;
-            };
-        };
-        ol: {
-            base: {
-                margin: string;
-                marginBottom: string;
             };
         };
         dl: ({ showRowDividers }: StyleFunctionProps) => {
@@ -251,7 +241,7 @@ declare const List: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "dl" | "ol" | "ul";
+        variant?: "dl" | "ul";
         colorScheme?: string;
     };
     parts: ("base" | "heading")[];

package/dist/src/theme/components/radioGroup.d.ts

@@ -24,10 +24,10 @@ declare const RadioGroup: {
             };
             wordWrap?: string;
             display: string;
+            mb: string;
             color: string;
             fontSize: string;
             fontWeight: string;
-            marginBottom: string;
             span: {
                 fontWeight: string;
             };

package/dist/src/theme/components/structuredContent.d.ts

@@ -6,68 +6,6 @@ interface StructuredContentBaseStyle extends StyleFunctionProps {
 }
 declare const StructuredContent: {
     baseStyle?: ({ hasFigureImage, imageAspectRatio, imagePosition, }: StructuredContentBaseStyle) => {
-        one: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                letterSpacing: string;
-                lineHeight: string;
-            };
-        };
-        two: {
-            base: {
-                width: string;
-                a: {
-                    textUnderlineOffset: string;
-                };
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        three: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        four: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
-        fallback: {
-            base: {
-                width: string;
-                marginTop: string;
-                marginStart: string;
-                marginEnd: string;
-                fontSize: string;
-                fontWeight: string;
-                lineHeight: string;
-            };
-        };
         display1: {
             base: {
                 fontSize: {
@@ -287,7 +225,6 @@ declare const StructuredContent: {
                 };
             };
             margin: string;
-            marginBottom: string;
             marginInlineStart: string;
             paddingStart: string;
             padding: string;

package/dist/src/theme/components/styledList.d.ts

@@ -19,7 +19,6 @@ declare const StyledList: {
             };
         };
         margin: string;
-        marginBottom: string;
         marginInlineStart: string;
         paddingStart: string;
         padding: string;

package/dist/src/theme/components/template.d.ts

@@ -7,12 +7,11 @@ declare const _default: {
             maxWidth: string;
             minWidth: string;
             m: string;
-            p: {
+            px: {
                 base: string;
                 md: string;
                 xl: string;
             };
-            gridTemplateAreas: string;
             gridTemplateColumns: string;
             gridTemplateRows: string;
             columnGap: {
@@ -27,51 +26,82 @@ declare const _default: {
                     xl: string;
                 };
             };
+            /** The "content" area should span the full width of the content area from
+             * a mobile-first viewpoint. Using -1 for the "last column" value ensures
+             * that these elements span all columns in the grid. CSS classes were used
+             * for the "content" and "sidebar" ragions in order to simplify how
+             * variants are handled.
+             * */
+            "& .reservoir-template-content": {
+                gridColumn: {
+                    base: "1 / -1";
+                };
+            };
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
         };
         variants?: {
-            left: {
-                gridTemplateAreas: {
-                    base: "\"breakout\" \"top\" \"sidebar\" \"main\" \"bottom\"";
-                    md: "\"breakout breakout\" \"top top\" \"sidebar main\" \"bottom bottom\"";
+            sidebarLeft: {
+                "& .reservoir-template-content": {
+                    gridColumn: {
+                        sm: "7 / -1";
+                        md: "5 / -1";
+                        lg: "4 / -1";
+                    };
                 };
-                gridTemplateColumns: {
-                    base: "100%";
-                    md: "repeat(2, minmax(100px, 1fr))";
-                    lg: "minmax(100px, 1fr) minmax(200px, 2fr)";
-                    xl: "minmax(100px, 1fr) minmax(300px, 3fr)";
+                "& .reservoir-template-sidebar": {
+                    gridColumn: {
+                        base: "1 / -1";
+                        sm: "1 / 7";
+                        md: "1 / 5";
+                        lg: "1 / 4";
+                    };
                 };
             };
-            right: {
-                gridTemplateAreas: {
-                    base: "\"breakout\" \"top\" \"main\" \"sidebar\" \"bottom\"";
-                    md: "\"breakout breakout\" \"top top\" \"main sidebar\" \"bottom bottom\"";
+            sidebarRight: {
+                "& .reservoir-template-content": {
+                    gridColumn: {
+                        sm: "1 / 7";
+                        md: "1 / 9";
+                        lg: "1 / 10";
+                    };
                 };
-                gridTemplateColumns: {
-                    base: "100%";
-                    md: "repeat(2, minmax(100px, 1fr))";
-                    lg: "minmax(200px, 2fr) minmax(100px, 1fr)";
-                    xl: "minmax(300px, 3fr) minmax(100px, 1fr)";
+                "& .reservoir-template-sidebar": {
+                    gridColumn: {
+                        base: "1 / -1";
+                        sm: "7 / -1";
+                        md: "9 / -1";
+                        lg: "10 / -1";
+                    };
+                };
+            };
+            narrow: {
+                "& .reservoir-template-content": {
+                    gridColumn: {
+                        base: "1 / -1";
+                        md: "2 / 12";
+                        lg: "3 / 11";
+                    };
                 };
             };
         };
         defaultProps?: {
             size?: string | number;
-            variant?: "right" | "left";
+            variant?: "sidebarLeft" | "sidebarRight" | "narrow";
             colorScheme?: string;
         };
     };
     TemplateBreakout: {
         baseStyle?: () => {
-            width: string;
+            gridColumn: string;
             ml: string;
             px: {
                 base: string;
                 md: string;
                 xl: string;
             };
+            width: string;
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -85,10 +115,40 @@ declare const _default: {
             colorScheme?: string;
         };
     };
-    TemplateMainNarrow: {
-        baseStyle?: {
-            maxWidth: string;
-            m: string;
+    TemplateFull: {
+        baseStyle?: () => {
+            gridColumn: string;
+        };
+        sizes?: {
+            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        };
+        variants?: {
+            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        };
+        defaultProps?: {
+            size?: string | number;
+            variant?: string | number;
+            colorScheme?: string;
+        };
+    };
+    TemplateMain: {
+        baseStyle?: () => {
+            display: string;
+            columnGap: {
+                base: string;
+                md: string;
+                xl: string;
+            };
+            gridColumn: string;
+            gridTemplateColumns: string;
+            gridTemplateRows: string;
+            "& > *:not(:last-child)": {
+                mb: {
+                    base: string;
+                    md: string;
+                    xl: string;
+                };
+            };
         };
         sizes?: {
             [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;

package/dist/src/theme/components/text.d.ts

@@ -5,15 +5,13 @@ interface TextBaseStyle extends Partial<StyleFunctionProps> {
     isCapitalized?: boolean;
     isUppercase?: boolean;
     isLowercase?: boolean;
-    noSpace?: boolean;
     variant?: string;
 }
 declare const Text: {
-    baseStyle?: ({ isBold, isItalic, isCapitalized, isUppercase, isLowercase, noSpace, variant, }: TextBaseStyle) => {
+    baseStyle?: ({ isBold, isItalic, isCapitalized, isUppercase, isLowercase, variant, }: TextBaseStyle) => {
         fontStyle: string;
         fontWeight: string;
         textTransform: string;
-        marginBottom: string;
     };
     sizes?: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;

package/dist/src/theme/foundations/global.d.ts

@@ -55,18 +55,6 @@ declare const global: {
             };
         };
     };
-    p: {
-        margin: string;
-        marginBottom: string;
-    };
-    ul: {
-        margin: string;
-        marginBottom: string;
-    };
-    ol: {
-        margin: string;
-        marginBottom: string;
-    };
     "*, *::before, &::after": {
         boxSizing: string;
     };

package/dist/src/theme/foundations/spacing.d.ts

@@ -22,6 +22,12 @@ export declare const spacing: {
             py: string;
         };
     };
+    heading: {
+        default: string;
+    };
+    helper: {
+        default: string;
+    };
     input: {
         group: {
             button: {
@@ -51,10 +57,20 @@ export declare const spacing: {
         xl: string;
         xxl: string;
     };
+    label: {
+        default: string;
+    };
+    legend: {
+        default: string;
+        asLabel: string;
+    };
     page: {
         hstack: string;
         vstack: string;
     };
+    paragraph: {
+        default: string;
+    };
     table: {
         column: string;
         row: string;

package/dist/src/utils/utils.d.ts

@@ -1,5 +1,5 @@
 import { HelperErrorTextType } from "../components/HelperErrorText/HelperErrorText";
-import { SidebarPlacement } from "../components/Template/Template";
+import { TemplateVariant } from "../components/Template/Template";
 import { AriaAttributes } from "./interfaces";
 /**
  * range
@@ -45,11 +45,13 @@ export declare const contrastRatio: (hex1: string, hex2: string) => string;
 export declare const truncateText: (text: string, truncateTextLength?: number) => string;
 /** Prepare a string for use in an ID or class attribute */
 export declare const sanitizeStringForAttribute: (str: string) => string;
+/** Sanitize any string */
+export declare const sanitizeString: (str: string) => string;
 /** Provides a random image to use as a placeholder. */
 export type GetPlaceholderImageProps = "smaller" | "default";
 export declare const getPlaceholderImage: (size?: GetPlaceholderImageProps, index?: number) => string;
 /** Creates the correct sidebar label in Template stories or tests */
-export declare const sidebarLabel: (sidebar: SidebarPlacement) => string;
+export declare const sidebarLabel: (variant: TemplateVariant) => string;
 /** The default styles for images added as examples within doc pages. */
 export declare const exampleWrapperStyles: {
     bgColor: string;

package/dist/styles.css

@@ -1 +1 @@
-@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.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),.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),.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),.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){background-color:#216ba580}.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}:root{--nypl-breakpoint-small: 480px;--nypl-breakpoint-medium: 768px;--nypl-breakpoint-large: 1024px;--nypl-breakpoint-xl: 1280px;--nypl-breakpoint-smallMobile: 480px;--nypl-breakpoint-largeMobile: 768px;--nypl-breakpoint-mobile: 768px;--nypl-breakpoint-smallTablet: 1024px;--nypl-breakpoint-tablet: 1280px}.react-autosuggest__container{display:inline;position:relative;width:100%}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.react-autosuggest__suggestions-container{display:none;width:100%}.react-autosuggest__suggestions-container--open{background-color:var(--nypl-colors-ui-white);display:block;font-weight:300;margin-top:1px;outline:1px solid var(--nypl-colors-ui-gray-light-cool);position:relative;width:100%;z-index:2}.react-autosuggest__suggestions-list{list-style-type:none;margin:0;padding:0}.react-autosuggest__suggestion{cursor:pointer;padding:var(--nypl-space-xs)}.react-autosuggest__suggestion--highlighted{background-color:var(--nypl-colors-ui-gray-light-cool)}.auto-suggest-bottom{padding:var(--nypl-space-xs)}.react-datepicker__tab-loop{position:absolute;z-index:1000}.date-picker-calendar{font-family:var(--nypl-fonts-body);position:unset!important}.date-picker-calendar .react-datepicker{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.date-picker-calendar .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.date-picker-calendar .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-ui-gray-x-light-cool)!important}.date-picker-calendar .react-datepicker__navigation-icon{top:2px;width:0px}.date-picker-calendar .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-dark)}.date-picker-calendar .react-datepicker__header{border-color:var(--nypl-colors-ui-border-default);background-color:var(--nypl-colors-ui-gray-x-light-cool)}.date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker-calendar .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.date-picker-calendar .react-datepicker__month-text:hover,.date-picker-calendar .react-datepicker__day:hover{border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--keyboard-selected{opacity:1;border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__month--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-range.react-datepicker__day--in-range{opacity:1}.date-picker-calendar .react-datepicker__year-text--keyboard-selected,.date-picker-calendar .react-datepicker__year-text--in-selecting-range,.date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker-calendar .react-datepicker__year--in-range,.date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker-calendar .react-datepicker__month-text--in-selecting-range,.date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range,.date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker-calendar .react-datepicker__day-text--in-selecting-range,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-radius:0;color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year-text--today,.date-picker-calendar .react-datepicker__year--today,.date-picker-calendar .react-datepicker__month-text--today,.date-picker-calendar .react-datepicker__month--today,.date-picker-calendar .react-datepicker__day-text--today,.date-picker-calendar .react-datepicker__day--today,.date-picker-calendar .react-datepicker__year-text--today:hover,.date-picker-calendar .react-datepicker__year--today:hover,.date-picker-calendar .react-datepicker__month-text--today:hover,.date-picker-calendar .react-datepicker__month--today:hover,.date-picker-calendar .react-datepicker__day-text--today:hover,.date-picker-calendar .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-black);background-color:var(--nypl-colors-ui-gray-light-cool)}.date-picker-calendar .react-datepicker__year-text--selected,.date-picker-calendar .react-datepicker__year--selected,.date-picker-calendar .react-datepicker__month-text--selected,.date-picker-calendar .react-datepicker__month--selected,.date-picker-calendar .react-datepicker__day-text--selected,.date-picker-calendar .react-datepicker__day--selected{background-color:var(--nypl-colors-ui-link-primary);font-weight:700;border-radius:0;color:var(--nypl-colors-ui-white);opacity:1}.date-picker-calendar .react-datepicker__year-text--selected:hover,.date-picker-calendar .react-datepicker__year--selected:hover,.date-picker-calendar .react-datepicker__month-text--selected:hover,.date-picker-calendar .react-datepicker__month--selected:hover,.date-picker-calendar .react-datepicker__day-text--selected:hover,.date-picker-calendar .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-ui-link-primary);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker{background-color:var(--nypl-colors-dark-ui-bg-default);border-color:var(--nypl-colors-dark-ui-border-default)}.chakra-ui-dark .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.chakra-ui-dark .react-datepicker__triangle:after{border-top-color:var(--nypl-colors-dark-ui-bg-hover)!important;border-bottom-color:var(--nypl-colors-dark-ui-bg-hover)!important}.chakra-ui-dark .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-medium)}.chakra-ui-dark .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-light-cool)}.chakra-ui-dark .react-datepicker__header{border-color:var(--nypl-colors-dark-ui-border-default);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__header.react-datepicker-year-header,.chakra-ui-dark .react-datepicker__header .react-datepicker__current-month,.chakra-ui-dark .react-datepicker__header .react-datepicker__day-name{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.chakra-ui-dark .react-datepicker__month-text:hover,.chakra-ui-dark .react-datepicker__day:hover{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--keyboard-selected{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year,.chakra-ui-dark .react-datepicker__month,.chakra-ui-dark .react-datepicker__day{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected,.chakra-ui-dark .react-datepicker__year--keyboard-selected,.chakra-ui-dark .react-datepicker__year--in-range,.chakra-ui-dark .react-datepicker__year--in-selecting-range,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected,.chakra-ui-dark .react-datepicker__month--keyboard-selected,.chakra-ui-dark .react-datepicker__month--in-range,.chakra-ui-dark .react-datepicker__month--in-selecting-range,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected,.chakra-ui-dark .react-datepicker__day--keyboard-selected,.chakra-ui-dark .react-datepicker__day--in-range,.chakra-ui-dark .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-dark-ui-bg-hover);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--in-range:hover,.chakra-ui-dark .react-datepicker__year--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--in-range:hover,.chakra-ui-dark .react-datepicker__month--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--in-range:hover,.chakra-ui-dark .react-datepicker__day--in-selecting-range:hover{background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--today,.chakra-ui-dark .react-datepicker__year--today,.chakra-ui-dark .react-datepicker__month-text--today,.chakra-ui-dark .react-datepicker__month--today,.chakra-ui-dark .react-datepicker__day-text--today,.chakra-ui-dark .react-datepicker__day--today{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-active)}.chakra-ui-dark .react-datepicker__year-text--today:hover,.chakra-ui-dark .react-datepicker__year--today:hover,.chakra-ui-dark .react-datepicker__month-text--today:hover,.chakra-ui-dark .react-datepicker__month--today:hover,.chakra-ui-dark .react-datepicker__day-text--today:hover,.chakra-ui-dark .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--selected,.chakra-ui-dark .react-datepicker__year--selected,.chakra-ui-dark .react-datepicker__month-text--selected,.chakra-ui-dark .react-datepicker__month--selected,.chakra-ui-dark .react-datepicker__day-text--selected,.chakra-ui-dark .react-datepicker__day--selected,.chakra-ui-dark .react-datepicker__year-text--selected:hover,.chakra-ui-dark .react-datepicker__year--selected:hover,.chakra-ui-dark .react-datepicker__month-text--selected:hover,.chakra-ui-dark .react-datepicker__month--selected:hover,.chakra-ui-dark .react-datepicker__day-text--selected:hover,.chakra-ui-dark .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-dark-ui-link-primary);color:var(--nypl-colors-ui-black)}.chakra-ui-dark .react-datepicker__day--in-range:not(.chakra-ui-dark .react-datepicker__day--in-selecting-range){background-color:transparent;color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--disabled,.chakra-ui-dark .react-datepicker__month-text--disabled,.chakra-ui-dark .react-datepicker__quarter-text--disabled,.chakra-ui-dark .react-datepicker__year-text--disabled{cursor:default;color:var(--nypl-colors-dark-ui-disabled-primary)}.chakra-ui-dark .react-datepicker__day--disabled:hover,.chakra-ui-dark .react-datepicker__month-text--disabled:hover,.chakra-ui-dark .react-datepicker__quarter-text--disabled:hover,.chakra-ui-dark .react-datepicker__year-text--disabled:hover{color:var(--nypl-colors-dark-ui-disabled-primary)}.placeholder{--color-place-holder: var(--nypl-colors-ui-gray-dark);margin-bottom:0;padding:var(--nypl-space-s);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:var(--nypl-fontSizes-desktop-heading-heading3);justify-content:center;line-height:1.4;padding:4rem 1rem;width:100%}.placeholder--short{padding:1rem}
+@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.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),.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),.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),.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){background-color:#216ba580}.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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),.react-datepicker__month--selecting-range .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),.react-datepicker__year--selecting-range .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){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}:root{--nypl-breakpoint-small: 480px;--nypl-breakpoint-medium: 768px;--nypl-breakpoint-large: 1024px;--nypl-breakpoint-xl: 1280px;--nypl-breakpoint-smallMobile: 480px;--nypl-breakpoint-largeMobile: 768px;--nypl-breakpoint-mobile: 768px;--nypl-breakpoint-smallTablet: 1024px;--nypl-breakpoint-tablet: 1280px}.react-datepicker__tab-loop{position:absolute;z-index:1000}.date-picker-calendar{font-family:var(--nypl-fonts-body);position:unset!important}.date-picker-calendar .react-datepicker{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.date-picker-calendar .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.date-picker-calendar .react-datepicker__triangle:after{border-bottom-color:var(--nypl-colors-ui-gray-x-light-cool)!important}.date-picker-calendar .react-datepicker__navigation-icon{top:2px;width:0px}.date-picker-calendar .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-border-default)}.date-picker-calendar .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-dark)}.date-picker-calendar .react-datepicker__header{border-color:var(--nypl-colors-ui-border-default);background-color:var(--nypl-colors-ui-gray-x-light-cool)}.date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker-calendar .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.date-picker-calendar .react-datepicker__month-text:hover,.date-picker-calendar .react-datepicker__day:hover{border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__day--keyboard-selected{opacity:1;border-radius:0;background-color:var(--nypl-colors-ui-gray-x-light-cool);color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__month--in-range.react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-range.react-datepicker__day--in-range{opacity:1}.date-picker-calendar .react-datepicker__year-text--keyboard-selected,.date-picker-calendar .react-datepicker__year-text--in-selecting-range,.date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker-calendar .react-datepicker__year--in-range,.date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker-calendar .react-datepicker__month-text--in-selecting-range,.date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range,.date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker-calendar .react-datepicker__day-text--in-selecting-range,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-ui-gray-x-light-cool);border-radius:0;color:var(--nypl-colors-ui-black)}.date-picker-calendar .react-datepicker__year-text--today,.date-picker-calendar .react-datepicker__year--today,.date-picker-calendar .react-datepicker__month-text--today,.date-picker-calendar .react-datepicker__month--today,.date-picker-calendar .react-datepicker__day-text--today,.date-picker-calendar .react-datepicker__day--today,.date-picker-calendar .react-datepicker__year-text--today:hover,.date-picker-calendar .react-datepicker__year--today:hover,.date-picker-calendar .react-datepicker__month-text--today:hover,.date-picker-calendar .react-datepicker__month--today:hover,.date-picker-calendar .react-datepicker__day-text--today:hover,.date-picker-calendar .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-black);background-color:var(--nypl-colors-ui-gray-light-cool)}.date-picker-calendar .react-datepicker__year-text--selected,.date-picker-calendar .react-datepicker__year--selected,.date-picker-calendar .react-datepicker__month-text--selected,.date-picker-calendar .react-datepicker__month--selected,.date-picker-calendar .react-datepicker__day-text--selected,.date-picker-calendar .react-datepicker__day--selected{background-color:var(--nypl-colors-ui-link-primary);font-weight:700;border-radius:0;color:var(--nypl-colors-ui-white);opacity:1}.date-picker-calendar .react-datepicker__year-text--selected:hover,.date-picker-calendar .react-datepicker__year--selected:hover,.date-picker-calendar .react-datepicker__month-text--selected:hover,.date-picker-calendar .react-datepicker__month--selected:hover,.date-picker-calendar .react-datepicker__day-text--selected:hover,.date-picker-calendar .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-ui-link-primary);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker{background-color:var(--nypl-colors-dark-ui-bg-default);border-color:var(--nypl-colors-dark-ui-border-default)}.chakra-ui-dark .react-datepicker__triangle:before{border-bottom-color:var(--nypl-colors-ui-border-default)!important}.chakra-ui-dark .react-datepicker__triangle:after{border-top-color:var(--nypl-colors-dark-ui-bg-hover)!important;border-bottom-color:var(--nypl-colors-dark-ui-bg-hover)!important}.chakra-ui-dark .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-medium)}.chakra-ui-dark .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--nypl-colors-ui-gray-light-cool)}.chakra-ui-dark .react-datepicker__header{border-color:var(--nypl-colors-dark-ui-border-default);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__header.react-datepicker-year-header,.chakra-ui-dark .react-datepicker__header .react-datepicker__current-month,.chakra-ui-dark .react-datepicker__header .react-datepicker__day-name{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text:not(.react-datepicker__year-text--disabled):hover,.chakra-ui-dark .react-datepicker__month-text:hover,.chakra-ui-dark .react-datepicker__day:hover{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--keyboard-selected{background-color:var(--nypl-colors-dark-ui-bg-default);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year,.chakra-ui-dark .react-datepicker__month,.chakra-ui-dark .react-datepicker__day{color:var(--nypl-colors-dark-ui-typography-heading)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected,.chakra-ui-dark .react-datepicker__year--keyboard-selected,.chakra-ui-dark .react-datepicker__year--in-range,.chakra-ui-dark .react-datepicker__year--in-selecting-range,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected,.chakra-ui-dark .react-datepicker__month--keyboard-selected,.chakra-ui-dark .react-datepicker__month--in-range,.chakra-ui-dark .react-datepicker__month--in-selecting-range,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected,.chakra-ui-dark .react-datepicker__day--keyboard-selected,.chakra-ui-dark .react-datepicker__day--in-range,.chakra-ui-dark .react-datepicker__day--in-selecting-range{background-color:var(--nypl-colors-dark-ui-bg-hover);color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__year-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__year--in-range:hover,.chakra-ui-dark .react-datepicker__year--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__month-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__month--in-range:hover,.chakra-ui-dark .react-datepicker__month--in-selecting-range:hover,.chakra-ui-dark .react-datepicker__day-text--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--keyboard-selected:hover,.chakra-ui-dark .react-datepicker__day--in-range:hover,.chakra-ui-dark .react-datepicker__day--in-selecting-range:hover{background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--today,.chakra-ui-dark .react-datepicker__year--today,.chakra-ui-dark .react-datepicker__month-text--today,.chakra-ui-dark .react-datepicker__month--today,.chakra-ui-dark .react-datepicker__day-text--today,.chakra-ui-dark .react-datepicker__day--today{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-active)}.chakra-ui-dark .react-datepicker__year-text--today:hover,.chakra-ui-dark .react-datepicker__year--today:hover,.chakra-ui-dark .react-datepicker__month-text--today:hover,.chakra-ui-dark .react-datepicker__month--today:hover,.chakra-ui-dark .react-datepicker__day-text--today:hover,.chakra-ui-dark .react-datepicker__day--today:hover{color:var(--nypl-colors-ui-white);background-color:var(--nypl-colors-dark-ui-bg-hover)}.chakra-ui-dark .react-datepicker__year-text--selected,.chakra-ui-dark .react-datepicker__year--selected,.chakra-ui-dark .react-datepicker__month-text--selected,.chakra-ui-dark .react-datepicker__month--selected,.chakra-ui-dark .react-datepicker__day-text--selected,.chakra-ui-dark .react-datepicker__day--selected,.chakra-ui-dark .react-datepicker__year-text--selected:hover,.chakra-ui-dark .react-datepicker__year--selected:hover,.chakra-ui-dark .react-datepicker__month-text--selected:hover,.chakra-ui-dark .react-datepicker__month--selected:hover,.chakra-ui-dark .react-datepicker__day-text--selected:hover,.chakra-ui-dark .react-datepicker__day--selected:hover{background-color:var(--nypl-colors-dark-ui-link-primary);color:var(--nypl-colors-ui-black)}.chakra-ui-dark .react-datepicker__day--in-range:not(.chakra-ui-dark .react-datepicker__day--in-selecting-range){background-color:transparent;color:var(--nypl-colors-ui-white)}.chakra-ui-dark .react-datepicker__day--disabled,.chakra-ui-dark .react-datepicker__month-text--disabled,.chakra-ui-dark .react-datepicker__quarter-text--disabled,.chakra-ui-dark .react-datepicker__year-text--disabled{cursor:default;color:var(--nypl-colors-dark-ui-disabled-primary)}.chakra-ui-dark .react-datepicker__day--disabled:hover,.chakra-ui-dark .react-datepicker__month-text--disabled:hover,.chakra-ui-dark .react-datepicker__quarter-text--disabled:hover,.chakra-ui-dark .react-datepicker__year-text--disabled:hover{color:var(--nypl-colors-dark-ui-disabled-primary)}.placeholder{--color-place-holder: var(--nypl-colors-ui-gray-dark);margin-bottom:0;padding:var(--nypl-space-s);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:var(--nypl-fontSizes-desktop-heading-heading4);justify-content:center;line-height:1.4;padding:4rem 1rem;width:100%}.placeholder--short{padding:1rem}