@nypl/design-system-react-components 0.25.2 → 0.25.6

package/dist/styles.css

@@ -1,3 +1,3 @@
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}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;-webkit-text-decoration:underline dotted;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{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__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{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^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.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^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{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{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;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{left:50px;position:absolute}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.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;margin:2px;width:4rem}.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;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{background-color:#2a87d0;border-radius:.3rem;color:#fff}.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,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range{background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-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{color:#ccc;cursor:default}.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__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"\00d7";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}:root{--brand-primary:#c60917;--brand-secondary:#760000;--section-brand-primary:#c60917;--section-brand-secondary:#760000;--section-whats-on-primary:#242424;--section-whats-on-secondary:#000;--section-books-and-more-primary:#c60917;--section-books-and-more-secondary:#760000;--section-research-primary:#00838a;--section-research-secondary:#006166;--section-locations-primary:#c60917;--section-locations-secondary:#760000;--section-blogs-primary:#e0e0e0;--section-blogs-secondary:#bdbdbd;--section-research-library-lpa:#005d53;--section-research-library-schomburg:#a03e31;--section-research-library-schwartzman:#760000;--ui-black:#000;--ui-white:#fff;--ui-gray-xdark:#424242;--ui-gray-dark:#616161;--ui-gray-medium:#bdbdbd;--ui-gray-light-cool:#e0e0e0;--ui-gray-light-warm:#efedeb;--ui-gray-x-light-cool:#f5f5f5;--ui-gray-x-light-warm:#f8f8f7;--ui-gray-xx-light-cool:#fafafa;--ui-disabled-primary:#e0e0e0;--ui-disabled-secondary:#fafafa;--ui-error-primary:#97272c;--ui-error-secondary:#6f0106;--ui-focus:#4181f1;--ui-link-primary:#0576d3;--ui-link-secondary:#004b98;--ui-status-primary:#f9e08e;--ui-status-secondary:#fbe7e1;--ui-success-primary:#077719;--ui-success-secondary:#095212;--ui-test:tomato;--ui-warning-primary:#f0974e;--ui-warning-secondary:#ec7b1f;--font-size--3:0.625rem;--font-size--2:0.75rem;--font-size--1:0.875rem;--font-size-0:1rem;--font-size-1:1.125rem;--font-size-2:1.375rem;--font-size-3:1.75rem;--font-size-4:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--typeface-body:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--typeface-heading:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--space:1rem;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-s:calc(var(--space)*1);--space-m:calc(var(--space)*1.5);--space-l:calc(var(--space)*2);--space-xl:calc(var(--space)*3);--space-xxl:calc(var(--space)*4);--space-xxxl:calc(var(--space)*6);--breakpoint-small:320px;--breakpoint-medium:600px;--breakpoint-large:960px;--breakpoint-xl:1280px}.container{padding:var(--space-s)}.nypl-ds{box-sizing:border-box;color:var(--ui-black);font-family:var(--typeface-body);font-size:16px;font-weight:300;line-height:1.5;overflow-x:hidden}.nypl-ds *,.nypl-ds :after,.nypl-ds :before{box-sizing:inherit}.focus,.nypl-ds [contentEditable=true]:focus,.nypl-ds [href]:focus,.nypl-ds [tabindex]:focus,.nypl-ds button:not([disabled]):focus,.nypl-ds iframe:focus,.nypl-ds input:not([disabled]):focus,.nypl-ds select:not([disabled]):focus,.nypl-ds textarea:not([disabled]):focus{outline:2px solid var(--ui-focus);outline-offset:2px;z-index:9999}.card-grid{margin-bottom:var(--space-l)}@media (min-width:960px){.card-grid{margin-bottom:var(--space-xl)}}.card-grid--full{margin-bottom:var(--space-xxl)}@media (min-width:960px){.card-grid--full{margin-bottom:var(--space-xxxl)}}.card-grid__cards{display:flex;flex-flow:column nowrap}.card-grid__cards>:not(:last-child){margin-bottom:var(--space-s)}@media (min-width:960px){.card-grid__cards>:not(:last-child){margin-bottom:0}.card-grid__cards>:not(:last-child):not(:nth-child(3n)){margin-right:var(--space-l)}.card-grid__cards>:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){margin-bottom:var(--space-l)}.card-grid__cards--full>:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),.card-grid__cards--full>:nth-child(3n),.card-grid__cards--full>:nth-child(3n+2):not(:last-child):not(:nth-child(3n)):not(:nth-last-child(2)){margin-bottom:var(--space-xxl)}.card-grid__cards{flex-flow:row wrap}.card-grid__cards>*{flex:0 0 30%}.card-grid__cards>.featured-card{flex:1 0 31%}}.card-grid__cards--bg-color{margin:0 auto;max-width:1280px;padding:var(--space-s) var(--space-s);width:100%}@media (min-width:960px){.card-grid__cards--bg-color{margin:0 auto;max-width:1280px;padding:var(--space-xxl) var(--space-xxl);width:100%}}.card-grid__cards--bg-color>:last-child{margin-bottom:0}.placeholder{--color-place-holder:var(--ui-gray-light-cool);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:3rem;justify-content:center;line-height:1.4;margin-bottom:var(--space-l);padding:4rem 1rem;width:100%}@media (min-width:960px){.placeholder{margin-bottom:var(--space-xl)}}.placeholder--full{margin-bottom:var(--space-xxl)}@media (min-width:960px){.placeholder--full{margin-bottom:var(--space-xxxl)}}.placeholder--short{padding:1rem}.nypl-ds p{margin:0 0 var(--space)}.input,.react-autosuggest__input{border:1px solid var(--ui-gray-medium);margin-bottom:var(--space-xs);padding:var(--space-xs)}.input[type=number],.input[type=password],.input[type=text],.react-autosuggest__input[type=number],.react-autosuggest__input[type=password],.react-autosuggest__input[type=text]{width:100%}.input[type=radio],.react-autosuggest__input[type=radio]{width:unset}.input[type=radio]+.label,.react-autosuggest__input[type=radio]+.label{display:unset;margin-left:var(--space-s)}.input::-webkit-input-placeholder,.react-autosuggest__input::-webkit-input-placeholder{color:var(--ui-gray-dark)}.input:-moz-placeholder,.react-autosuggest__input:-moz-placeholder{color:var(--ui-gray-dark)}.input:-ms-input-placeholder,.react-autosuggest__input:-ms-input-placeholder{color:var(--ui-gray-dark)}.input:hover,.react-autosuggest__input:hover{border-color:var(--ui-gray-dark)}.input:disabled,.react-autosuggest__input:disabled{background-color:var(--ui-gray-xx-light-cool);color:var(--ui-gray-xdark)}.input:active,.input:active:hover,.input:focus,.input:focus:hover,.react-autosuggest__input:active,.react-autosuggest__input:active:hover,.react-autosuggest__input:focus,.react-autosuggest__input:focus:hover{border:1px solid var(--ui-focus);box-shadow:0;outline:1px solid var(--ui-focus);z-index:9999}.input--error{border:1px solid var(--ui-error-primary)}@media (min-width:400px){.input-group{display:flex;justify-content:space-between}.input-group>:not(:last-child){margin-right:var(--space-m)}}.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(--ui-white);display:block;font-weight:300;margin-top:-6px;outline:1px solid var(--ui-gray-light-cool);position:absolute;width:100%;z-index:2}.react-autosuggest__suggestions-list{list-style-type:none;margin:0;padding:0}.react-autosuggest__suggestion{cursor:pointer;padding:var(--space-xs)}.react-autosuggest__suggestion--highlighted{background-color:var(--ui-gray-light-cool)}.auto-suggest-bottom{padding:var(--space-xs)}fieldset .sr-only{clip:rect(1px,1px,1px,1px);word-wrap:normal;height:1px;overflow:hidden;position:absolute!important;width:1px}.fieldset{border:none;margin:0;padding:0}.legend{border:0;font-weight:500}.card{align-items:flex-start;display:flex;flex-flow:column wrap}.card .card__image{margin-bottom:var(--space-s);width:100%}.card .card__image--small{margin-left:auto;margin-right:auto;max-width:165px}.card .card__image--medium{margin-left:auto;margin-right:auto;max-width:225px}.card .card__image--large{margin-left:auto;margin-right:auto;max-width:360px}.card .card__image .image-wrap{box-sizing:border-box;height:0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.card .card__image .image-wrap--sixteen-by-nine{padding-bottom:56.25%}.card .card__image .image-wrap--three-by-two{padding-bottom:66.66%}.card .card__image .image-wrap--two-by-one{padding-bottom:50%}.card .card__image .image-wrap--four-by-three{padding-bottom:75%}.card .card__image .image-wrap--square{padding-bottom:100%}.card .card__image .image-wrap--three-by-four{padding-bottom:133.33%}.card .card__image .image-wrap--one-by-two{padding-bottom:200%}.card .card__image .image-crop{box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.card .card__image .image{box-sizing:border-box;display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.card .card__image--original{height:auto;overflow:hidden;padding-bottom:0}.card .card__image--original .image-crop{height:auto;position:relative}.card .card__image--original .image{-o-object-fit:none;object-fit:none}@media (min-width:600px){.card .card__body{display:block;flex-flow:row nowrap}}.card .card__body .card-content{margin-bottom:var(--space-s)}.card .card__body .card-content:last-child{margin-bottom:0}.card .card__body .card-actions{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs);display:flex;margin-bottom:var(--space-s)}.card .card__body .card-actions:last-child{margin-bottom:0}.card .card__body .card-actions--top-border{border-top:1px solid var(--ui-gray-medium);padding-top:var(--space-xs)}.card .card__body .card-actions--bottom-border{border-bottom:1px solid var(--ui-gray-medium);padding-bottom:var(--space-xs)}.card--center{text-align:center}.card--center .card-actions{justify-content:center}.card--center .card__body{margin:auto}.card--with-border{border:1px solid var(--ui-gray-medium)}.card--with-border .card__body{padding:var(--space-s)}.card--with-border.card--has-image .card__body{padding:0 var(--space-s) var(--space-s)}.card--at-end .card__image{margin-bottom:0;margin-top:var(--space-s);order:2}.card.card--row{display:flex;flex-flow:column nowrap;max-width:100%;text-align:left}.card.card--row .card-actions{justify-content:left}.card.card--row.card--center{align-items:center}.card.card--row.card--center .card__body{margin:0}@media (min-width:600px){.card.card--row{flex-flow:row}.card.card--row .card__image{flex:0 0 225px;margin:0 var(--space-m) 0 0;max-width:50%}.card.card--row .card__image--small{flex:0 0 165px}.card.card--row .card__image--medium{flex:0 0 225px}.card.card--row .card__image--large{flex:0 0 360px}}.card.card--row.card--at-end .card__image{margin:var(--space-m) 0 0}@media (min-width:600px){.card.card--row.card--at-end .card__image{margin:0 0 0 var(--space-m)}}.card.card--row.card--with-border .card__body{padding:var(--space-s)}.card.card--row.card--with-border.card--has-image .card__body{padding:0 var(--space-s) var(--space-s)}@media (min-width:600px){.card.card--row.card--with-border.card--has-image .card__body{padding:var(--space-s) var(--space-s) var(--space-s) 0}}.card.card--row.card--with-border.card--has-image.card--at-end .card__body{padding:var(--space-s) var(--space-s) 0}@media (min-width:600px){.card.card--row.card--with-border.card--has-image.card--at-end .card__body{padding:var(--space-s) 0 var(--space-s) var(--space-s)}}.sb-show-main .example-card .card__content>*{margin-bottom:var(--space-xxs)}.sb-show-main .example-card .book__callout{font-size:var(--font-size-1);font-style:italic;font-weight:400;font-weight:300;line-height:1.15;margin:0 0 .5em;width:auto}.sb-show-main .example-card .book__callout__link,.sb-show-main .example-card .book__callout__link:hover{color:inherit}.sb-show-main .example-card .card__ctas{align-items:flex-end;display:flex;flex-flow:row wrap}.sb-show-main .example-card .card__ctas .button{width:100%}.sb-show-main .example-card .card__ctas>*{margin-bottom:var(--space-xxs)}.sb-show-main .example-card .book__filetype{margin-bottom:var(--space-s)}.sb-show-main .example-card .book__description{font-style:italic}.card-edition{align-items:flex-start;border:1px solid var(--ui-gray-light-cool);border-radius:5px;display:flex;flex-flow:column wrap;margin-bottom:var(--space-s);padding:var(--space) var(--space-l)}.card-edition__footer,.card-edition__heading{flex:100%}.card-edition__columns{display:flex;flex-flow:column wrap;justify-content:space-between;width:100%}@media (min-width:600px){.card-edition__columns{flex-flow:row wrap}}.card-edition__columns+.card-edition__footer{margin-top:var(--space-xs)}.card-edition__image{align-items:center;background-color:var(--ui-gray-x-light-cool);display:flex;flex:0 0 150px;height:150px;justify-content:center;margin-bottom:var(--space-s)}.card-edition__image .image{max-height:100%;max-width:100%}@media (min-width:600px){.card-edition__image{align-self:center;margin-bottom:0;margin-right:var(--space-s);width:150px}}.card-edition__content{flex:1 1;margin-bottom:var(--space-s)}@media (min-width:600px){.card-edition__content{margin-bottom:0;margin-right:var(--space-s)}}.card-edition__ctas{flex:0 1 20%}@media (min-width:600px){.card-edition__ctas{margin-right:var(--space-s)}}.card-edition__content+.card-edition__ctas{margin-right:var(--space-s)}.sb-show-main .var-docs{padding:0 0 var(--space) 0}.sb-show-main .example-card-edition .card__content>*{margin-bottom:var(--space-xxs)}.sb-show-main .example-card-edition .book__callout{font-size:var(--font-size-1);font-style:italic;font-weight:400;font-weight:300;line-height:1.15;margin:0 0 .5em;width:auto}.sb-show-main .example-card-edition .book__callout__link,.sb-show-main .example-card-edition .book__callout__link:hover{color:inherit}.sb-show-main .example-card-edition .card__ctas{align-items:flex-end;display:flex;flex-flow:row wrap;justify-content:center;text-align:center}.sb-show-main .example-card-edition .card__ctas .button{width:100%}.sb-show-main .example-card-edition .card__ctas>*{margin-bottom:var(--space-xxs)}.sb-show-main .example-card-edition .book__filetype{margin-bottom:var(--space-s)}.sb-show-main .example-card-edition .book__description{font-style:italic}fieldset legend{font-size:14px;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}fieldset.date-picker{border:none;margin:0;padding:0}fieldset .label,fieldset .label__required-helper{font-size:var(--font-size--2);font-weight:var(--font-weight-regular);margin-bottom:0}.date-picker .sr-only{clip:rect(1px,1px,1px,1px);word-wrap:normal;height:1px;overflow:hidden;position:absolute!important;width:1px}.date-picker .form-field,.date-picker .form .form-row{margin-bottom:0}.date-picker .react-datepicker-wrapper{width:100%}.date-picker .date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker .date-picker-calendar .react-datepicker__day--in-range.react-datepicker__day--in-range,.date-picker .date-picker-calendar .react-datepicker__month--in-range.react-datepicker__day--in-range,.date-picker .date-picker-calendar .react-datepicker__year--in-range.react-datepicker__day--in-range{opacity:.5}.date-picker .date-picker-calendar .react-datepicker__day--in-range,.date-picker .date-picker-calendar .react-datepicker__day--in-selecting-range,.date-picker .date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker .date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker .date-picker-calendar .react-datepicker__month--in-range,.date-picker .date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker .date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker .date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker .date-picker-calendar .react-datepicker__year--in-range,.date-picker .date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker .date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker .date-picker-calendar .react-datepicker__year-text--keyboard-selected{background-color:#000;border-radius:0;color:#fff;opacity:.3}.date-picker .date-picker-calendar .react-datepicker__day--selected,.date-picker .date-picker-calendar .react-datepicker__day-text--selected,.date-picker .date-picker-calendar .react-datepicker__month--selected,.date-picker .date-picker-calendar .react-datepicker__month-text--selected,.date-picker .date-picker-calendar .react-datepicker__year--selected,.date-picker .date-picker-calendar .react-datepicker__year-text--selected{background-color:#000;border-radius:0;color:#fff;opacity:1}.date-picker .date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.image{display:block;height:auto;max-width:100%}.image--circle{border-radius:50%}.nypl-ds figure{margin:unset}.figure__image{margin-bottom:var(--space-xxs)}.figure__image--circle{border-radius:50%}.figure__figcaption{font-style:italic}.figcaption__caption,.figcaption__credit{font-size:var(--font-size--1);margin-bottom:var(--space-xxs)}.no-scroll{overflow:hidden;position:fixed;top:-100vh}.modal{background-color:var(--ui-gray-x-light-warm);height:100vh;left:0;overflow-y:auto;padding:var(--space-s);position:fixed;top:0;width:100vw;z-index:999}.pagination{align-items:stretch;display:flex;margin-bottom:var(--space-l);width:100%}.pagination>:not(:last-child){margin-right:var(--space-xs)}.pagination__list{display:flex;list-style:none;margin:0;padding:0}.pagination__item{list-style-type:none;margin-right:var(--space-xs)}.pagination__link{line-height:1.15;text-decoration:none}.pagination__link.selected{color:var(--ui-black);pointer-events:none}.pagination__link.disabled{color:var(--ui-gray-dark);pointer-events:none}.skeleton-loader{margin:auto;width:100%}.skeleton-loader .skeleton-section{margin-bottom:var(--space-s)}.skeleton-loader .skeleton-section:last-child{margin-bottom:0}.skeleton-loader .skeleton-element{border-radius:2px;box-sizing:border-box;margin-bottom:var(--space-xs)}.skeleton-loader .skeleton-element:last-child{margin-bottom:0}.skeleton-loader .skeleton-loader-image{-webkit-animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;background:var(--ui-gray-light-warm);box-sizing:border-box;height:0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.skeleton-loader .skeleton-loader-image--square{padding-bottom:100%}.skeleton-loader .skeleton-loader-image--portrait{padding-bottom:200%}.skeleton-loader .skeleton-loader-image--landscape{padding-bottom:50%}.skeleton-loader .skeleton-loader-heading{-webkit-animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;background:var(--ui-gray-light-warm);height:32px}.skeleton-loader .skeleton-loader-heading:last-child{width:80%}.skeleton-loader .skeleton-loader-content{-webkit-animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;background:var(--ui-gray-light-warm);height:20px}.skeleton-loader .skeleton-loader-content:last-child{width:30%}.skeleton-loader .skeleton-loader-button{-webkit-animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;animation:Pulsate 1s cubic-bezier(.25,-.5,1,0) infinite;background:var(--ui-gray-light-warm);border-radius:16px;height:32px;margin:auto;max-width:160px;width:100%}.skeleton-loader--border{border:1px solid var(--ui-gray-light-cool);padding:var(--space-s)}@media (min-width:600px){.skeleton-loader--row{display:flex}.skeleton-loader--row .skeleton-section{margin-right:var(--space-m)}.skeleton-loader--row .skeleton-section:last-child{margin-right:0}.skeleton-loader--row>.skeleton-section:first-child{margin-bottom:0}.skeleton-loader--row .skeleton-loader-image{height:0;overflow:visible;padding-bottom:0;position:relative;width:220px}.skeleton-loader--row .skeleton-loader-image--square{height:220px}.skeleton-loader--row .skeleton-loader-image--portrait{height:440px}.skeleton-loader--row .skeleton-loader-image--landscape{height:110px}.skeleton-loader--row .skeleton-loader-button{margin:0}}@-webkit-keyframes Pulsate{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}@keyframes Pulsate{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}
+/*! 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__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{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^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.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^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{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{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;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{left:50px;position:absolute}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.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;margin:2px;width:4rem}.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;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{background-color:#2a87d0;border-radius:.3rem;color:#fff}.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,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range{background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-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{color:#ccc;cursor:default}.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__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"\00d7";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}:root{--nypl-breakpoint-small:320px;--nypl-breakpoint-medium:600px;--nypl-breakpoint-large:960px;--nypl-breakpoint-xl:1280px}.container{padding:var(--nypl-space-s)}.nypl-ds{box-sizing:border-box;color:var(--nypl-colors-ui-black);font-family:var(--nypl-fonts-body);font-size:16px;font-weight:300;line-height:1.5;overflow-x:hidden}.nypl-ds p{margin:0 0 var(--nypl-space-s)}.nypl-ds *,.nypl-ds :after,.nypl-ds :before{box-sizing:inherit}.nypl-ds [contentEditable=true]:focus,.nypl-ds [href]:focus,.nypl-ds [tabindex]:focus,.nypl-ds button:not([disabled]):focus,.nypl-ds iframe:focus,.nypl-ds input:not([disabled]):focus,.nypl-ds select:not([disabled]):focus,.nypl-ds textarea:not([disabled]):focus{outline:2px solid var(--nypl-colors-ui-focus);outline-offset:2px;z-index:9999}.placeholder{--color-place-holder:var(--nypl-colors-ui-gray-dark);align-items:center;border:4px dashed var(--color-place-holder);color:var(--color-place-holder);display:flex;font-size:3rem;justify-content:center;line-height:1.4;margin-bottom:var(--nypl-space-l);padding:4rem 1rem;width:100%}@media (min-width:960px){.placeholder{margin-bottom:var(--nypl-space-xl)}}.placeholder--full{margin-bottom:var(--nypl-space-xxl)}@media (min-width:960px){.placeholder--full{margin-bottom:var(--nypl-space-xxxl)}}.placeholder--short{padding:1rem}.card-edition{align-items:flex-start;border:1px solid var(--nypl-colors-ui-gray-light-cool);border-radius:5px;display:flex;flex-flow:column wrap;margin-bottom:var(--nypl-space-s);padding:var(--nypl-space-s) var(--nypl-space-l)}.card-edition__footer,.card-edition__heading{flex:100%}.card-edition__columns{display:flex;flex-flow:column wrap;justify-content:space-between;width:100%}@media (min-width:600px){.card-edition__columns{flex-flow:row wrap}}.card-edition__columns+.card-edition__footer{margin-top:var(--nypl-space-xs)}.card-edition__image{align-items:center;background-color:var(--nypl-colors-ui-gray-x-light-cool);display:flex;flex:0 0 150px;height:150px;justify-content:center;margin-bottom:var(--nypl-space-s)}.card-edition__image .image{max-height:100%;max-width:100%}@media (min-width:600px){.card-edition__image{align-self:center;margin-bottom:0;margin-right:var(--nypl-space-s);width:150px}}.card-edition__content{flex:1 1;margin-bottom:var(--nypl-space-s)}@media (min-width:600px){.card-edition__content{margin-bottom:0;margin-right:var(--nypl-space-s)}}.card-edition__ctas{flex:0 1 20%}@media (min-width:600px){.card-edition__ctas{margin-right:var(--nypl-space-s)}}.card-edition__content+.card-edition__ctas{margin-right:var(--nypl-space-s)}.sb-show-main .var-docs{padding:0 0 var(--nypl-space-s) 0}.sb-show-main .example-card-edition .card__content>*{margin-bottom:var(--nypl-space-xxs)}.sb-show-main .example-card-edition .book__callout{font-size:var(--nypl-fontSizes-1);font-style:italic;font-weight:400;font-weight:300;line-height:1.15;margin:0 0 .5em;width:auto}.sb-show-main .example-card-edition .book__callout__link,.sb-show-main .example-card-edition .book__callout__link:hover{color:inherit}.sb-show-main .example-card-edition .card__ctas{align-items:flex-end;display:flex;flex-flow:row wrap;justify-content:center;text-align:center}.sb-show-main .example-card-edition .card__ctas .button{width:100%}.sb-show-main .example-card-edition .card__ctas>*{margin-bottom:var(--nypl-space-xxs)}.sb-show-main .example-card-edition .book__filetype{margin-bottom:var(--nypl-space-s)}.sb-show-main .example-card-edition .book__description{font-style:italic}.input,.react-autosuggest__input{border:1px solid var(--nypl-colors-ui-gray-medium);margin-bottom:var(--nypl-space-xs);padding:var(--nypl-space-xs)}.input[type=number],.input[type=password],.input[type=text],.react-autosuggest__input[type=number],.react-autosuggest__input[type=password],.react-autosuggest__input[type=text]{width:100%}.input[type=radio],.react-autosuggest__input[type=radio]{width:unset}.input[type=radio]+.label,.react-autosuggest__input[type=radio]+.label{display:unset;margin-left:var(--nypl-space-s)}.input::-webkit-input-placeholder,.react-autosuggest__input::-webkit-input-placeholder{color:var(--nypl-colors-ui-gray-dark)}.input:-moz-placeholder,.react-autosuggest__input:-moz-placeholder{color:var(--nypl-colors-ui-gray-dark)}.input:-ms-input-placeholder,.react-autosuggest__input:-ms-input-placeholder{color:var(--nypl-colors-ui-gray-dark)}.input:hover,.react-autosuggest__input:hover{border-color:var(--nypl-colors-ui-gray-dark)}.input:disabled,.react-autosuggest__input:disabled{background-color:var(--nypl-colors-ui-gray-xx-light-cool);color:var(--nypl-colors-ui-gray-xdark)}.input:active,.input:active:hover,.input:focus,.input:focus:hover,.react-autosuggest__input:active,.react-autosuggest__input:active:hover,.react-autosuggest__input:focus,.react-autosuggest__input:focus:hover{border:1px solid var(--nypl-colors-ui-focus);box-shadow:0;outline:1px solid var(--nypl-colors-ui-focus);z-index:9999}.input--error{border:1px solid var(--nypl-colors-ui-error-primary)}@media (min-width:400px){.input-group{display:flex;justify-content:space-between}.input-group>:not(:last-child){margin-right:var(--nypl-space-m)}}.fieldset{border:none;margin:0;padding:0}.legend{border:0;font-weight:500}.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:-6px;outline:1px solid var(--nypl-colors-ui-gray-light-cool);position:absolute;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)}.date-picker-calendar .react-datepicker__year-wrapper{max-width:220px}.date-picker-calendar .react-datepicker__day--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__year--in-range.react-datepicker__day--in-range{opacity:.5}.date-picker-calendar .react-datepicker__day--in-range,.date-picker-calendar .react-datepicker__day--in-selecting-range,.date-picker-calendar .react-datepicker__day--keyboard-selected,.date-picker-calendar .react-datepicker__day-text--keyboard-selected,.date-picker-calendar .react-datepicker__month--in-range,.date-picker-calendar .react-datepicker__month--in-selecting-range,.date-picker-calendar .react-datepicker__month--keyboard-selected,.date-picker-calendar .react-datepicker__month-text--keyboard-selected,.date-picker-calendar .react-datepicker__year--in-range,.date-picker-calendar .react-datepicker__year--in-selecting-range,.date-picker-calendar .react-datepicker__year--keyboard-selected,.date-picker-calendar .react-datepicker__year-text--keyboard-selected{background-color:var(--nypl-colors-ui-black);border-radius:0;color:var(--nypl-colors-ui-white);opacity:.3}.date-picker-calendar .react-datepicker__day--selected,.date-picker-calendar .react-datepicker__day-text--selected,.date-picker-calendar .react-datepicker__month--selected,.date-picker-calendar .react-datepicker__month-text--selected,.date-picker-calendar .react-datepicker__year--selected,.date-picker-calendar .react-datepicker__year-text--selected{background-color:var(--nypl-colors-ui-black);border-radius:0;color:var(--nypl-colors-ui-white);opacity:1}.date-picker-calendar .react-datepicker__triangle{transform:translate(32px)!important}.no-scroll{overflow:hidden;position:fixed;top:-100vh}.modal{background-color:var(--nypl-colors-ui-gray-x-light-warm);height:100vh;left:0;overflow-y:auto;padding:var(--nypl-space-s);position:fixed;top:0;width:100vw;z-index:999}

package/dist/theme/components/breadcrumb.d.ts

@@ -73,6 +73,15 @@ declare const Breadcrumb: {
         };
     };
     variants: {
+        blogs: {
+            bg: string;
+            color: string;
+            a: {
+                _hover: {
+                    color: string;
+                };
+            };
+        };
         booksAndMore: {
             bg: string;
         };

package/dist/theme/components/button.d.ts

@@ -10,6 +10,7 @@ declare const Button: {
         px: string;
         textDecoration: string;
         wordWrap: string;
+        fontWeight: string;
         svg: {
             fill: string;
             marginTop: string;
@@ -27,22 +28,19 @@ declare const Button: {
             opacity: string;
         };
     };
-    sizes: {
-        lg: {
-            width: string;
-        };
-    };
     variants: {
         primary: {
             bg: string;
             minWidth: string;
             height: string;
+            fontSize: string;
         };
         secondary: {
             bg: string;
             border: string;
             borderColor: string;
             color: string;
+            fontSize: string;
             _hover: {
                 bg: string;
             };
@@ -69,11 +67,12 @@ declare const Button: {
             py: string;
             paddingInlineStart: string;
             paddingInlineEnd: string;
+            fontSize: string;
             _hover: {
                 bg: string;
             };
         };
-        "icon-only": {
+        iconOnly: {
             bg: string;
             border: string;
             borderColor: string;
@@ -86,6 +85,7 @@ declare const Button: {
         };
         callout: {
             bg: string;
+            fontSize: string;
             _hover: {
                 bg: string;
             };
@@ -95,15 +95,29 @@ declare const Button: {
         };
         searchBar: {
             borderLeftRadius: string;
+            borderRightRadius: {
+                base: string;
+                md: string;
+            };
+            lineHeight: string;
+            bg: string;
+            minWidth: string;
+            height: string;
+            fontSize: string;
+        };
+        noBrand: {
             bg: string;
+            color: string;
+            _hover: {
+                bg: string;
+            };
             minWidth: string;
             height: string;
+            fontSize: string;
         };
     };
     defaultProps: {
-        size: string;
         variant: string;
-        colorScheme: string;
     };
 };
 export default Button;

package/dist/theme/components/card.d.ts

@@ -0,0 +1,168 @@
+declare const _default: {
+    Card: {
+        parts: string[];
+        baseStyle: (props: any) => {
+            display: string;
+            flexFlow: {
+                base: string;
+                md: string;
+            };
+            maxWidth: string;
+            textAlign: string;
+            alignItems: string;
+            border: string;
+            borderColor: string;
+            heading: {
+                marginBottom: string;
+            };
+            body: {
+                display: {
+                    md: string;
+                };
+                flexFlow: {
+                    md: string;
+                };
+                margin: any;
+                padding: any;
+            };
+        } | {
+            display: string;
+            flexFlow: string;
+            maxWidth?: undefined;
+            textAlign: string;
+            alignItems: string;
+            border: string;
+            borderColor: string;
+            heading: {
+                marginBottom: string;
+            };
+            body: {
+                display: {
+                    md: string;
+                };
+                flexFlow: {
+                    md: string;
+                };
+                margin: any;
+                padding: any;
+            };
+        } | {
+            display: string;
+            flexFlow: {
+                base: string;
+                md: string;
+            };
+            maxWidth: string;
+            textAlign: string;
+            alignItems: string;
+            border?: undefined;
+            borderColor?: undefined;
+            heading: {
+                marginBottom: string;
+            };
+            body: {
+                display: {
+                    md: string;
+                };
+                flexFlow: {
+                    md: string;
+                };
+                margin: any;
+                padding: any;
+            };
+        } | {
+            display: string;
+            flexFlow: string;
+            maxWidth?: undefined;
+            textAlign: string;
+            alignItems: string;
+            border?: undefined;
+            borderColor?: undefined;
+            heading: {
+                marginBottom: string;
+            };
+            body: {
+                display: {
+                    md: string;
+                };
+                flexFlow: {
+                    md: string;
+                };
+                margin: any;
+                padding: any;
+            };
+        };
+    };
+    CardActions: {
+        baseStyle: (props: any) => {
+            justifyContent: any;
+            borderColor: string;
+            borderBottom: string;
+            paddingBottom: string;
+            borderTop: string;
+            paddingTop: string;
+            marginBottom: string;
+            columnGap: string;
+            display: string;
+            _last: {
+                marginBottom: string;
+            };
+        } | {
+            justifyContent: any;
+            borderColor: string;
+            borderBottom?: undefined;
+            paddingBottom?: undefined;
+            borderTop: string;
+            paddingTop: string;
+            marginBottom: string;
+            columnGap: string;
+            display: string;
+            _last: {
+                marginBottom: string;
+            };
+        } | {
+            justifyContent: any;
+            borderColor: string;
+            borderBottom: string;
+            paddingBottom: string;
+            borderTop?: undefined;
+            paddingTop?: undefined;
+            marginBottom: string;
+            columnGap: string;
+            display: string;
+            _last: {
+                marginBottom: string;
+            };
+        } | {
+            justifyContent: any;
+            borderColor: string;
+            borderBottom?: undefined;
+            paddingBottom?: undefined;
+            borderTop?: undefined;
+            paddingTop?: undefined;
+            marginBottom: string;
+            columnGap: string;
+            display: string;
+            _last: {
+                marginBottom: string;
+            };
+        };
+    };
+    CardContent: {
+        baseStyle: {
+            marginBottom: string;
+            _last: {
+                marginBottom: string;
+            };
+        };
+    };
+    CardImage: {
+        baseStyle: ({ center, imageSize, imageAtEnd, layout }: {
+            center: any;
+            imageSize: any;
+            imageAtEnd: any;
+            layout: any;
+        }) => any;
+    };
+};
+export default _default;

package/dist/theme/components/checkbox.d.ts

@@ -27,9 +27,13 @@ declare const Checkbox: {
                     borderColor: string;
                     color: string;
                 };
+                _indeterminate: {
+                    color: string;
+                    borderColor: string;
+                };
             };
             _indeterminate: {
-                bg: string;
+                color: string;
                 borderColor: string;
             };
             _disabled: {

package/dist/theme/components/checkboxGroup.d.ts

@@ -0,0 +1,12 @@
+declare const CheckboxGroup: {
+    parts: string[];
+    baseStyle: {
+        helper: {
+            marginTop: string;
+        };
+        stack: {
+            width: string;
+        };
+    };
+};
+export default CheckboxGroup;

package/dist/theme/components/datePicker.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Note: these styles are only used when the
+ * DatePicker is in "date range" mode.
+ */
+declare const DatePicker: {
+    parts: string[];
+    baseStyle: {
+        subLabels: {
+            label: {
+                fontSize: string;
+                marginBottom: string;
+            };
+        };
+    };
+};
+export default DatePicker;

package/dist/theme/components/fieldset.d.ts

@@ -0,0 +1,27 @@
+declare const Fieldset: {
+    parts: string[];
+    baseStyle: ({ isLegendHidden }: {
+        isLegendHidden: any;
+    }) => {
+        legend: {
+            alignItems: string;
+            width: string;
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+            display: string;
+            justifyContent: string;
+            helper: {
+                marginLeft: string;
+                fontWeight: string;
+                fontSize: string;
+            };
+        };
+        helper: {
+            marginLeft: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+    };
+};
+export default Fieldset;

package/dist/theme/components/global.d.ts

@@ -32,18 +32,6 @@ declare const checkboxRadioControlSize: {
     h: string;
     w: string;
 };
-declare const checkboxRadioGroupLayout: {
-    legend: {
-        fontSize: string;
-        marginBottom: string;
-    };
-    required: {
-        marginLeft: string;
-    };
-    helper: {
-        marginTop: string;
-    };
-};
 declare const checkboxRadioHelperStyle: {
     marginLeft: string;
     _disabled: {
@@ -52,4 +40,26 @@ declare const checkboxRadioHelperStyle: {
     marginTop: string;
     marginBottom: string;
 };
-export { activeFocus, checkboxRadioLabelStyles, checkboxRadioControlSize, checkboxRadioGroupLayout, checkboxRadioHelperStyle, helperTextMargin, };
+declare const labelLegendText: {
+    alignItems: string;
+    width: string;
+    marginBottom: string;
+    fontSize: string;
+    fontWeight: string;
+    display: string;
+    justifyContent: string;
+    helper: {
+        marginLeft: string;
+        fontWeight: string;
+        fontSize: string;
+    };
+};
+declare const checkboxRadioGroupStyles: {
+    helper: {
+        marginTop: string;
+    };
+    stack: {
+        width: string;
+    };
+};
+export { activeFocus, checkboxRadioControlSize, checkboxRadioGroupStyles, checkboxRadioHelperStyle, checkboxRadioLabelStyles, helperTextMargin, labelLegendText, };

package/dist/theme/components/globalMixins.d.ts

@@ -12,4 +12,12 @@ declare const wrapperStyles: {
     paddingLeft: string;
     width: string;
 };
-export { wrapperStyles };
+declare const screenreaderOnly: {
+    clip: string;
+    height: string;
+    overflow: string;
+    position: string;
+    width: string;
+    wordWrap: string;
+};
+export { screenreaderOnly, wrapperStyles };

package/dist/theme/components/heading.d.ts

@@ -1,4 +1,9 @@
 declare const Heading: {
+    baseStyle: {
+        a: {
+            color: string;
+        };
+    };
     variants: {
         h1: {
             width: string;

package/dist/theme/components/image.d.ts

@@ -0,0 +1,31 @@
+declare const CustomImage: {
+    parts: string[];
+    variants: {
+        circle: {
+            img: {
+                borderRadius: string;
+            };
+        };
+    };
+    baseStyle: ({ size }: {
+        size?: string;
+    }) => {
+        figure: any;
+        figcaption: {
+            fontStyle: string;
+        };
+        img: any;
+        captionWrappers: {
+            marginBottom: string;
+            fontSize: string;
+        };
+    };
+};
+declare const CustomImageWrapper: {
+    parts: string[];
+    baseStyle: ({ ratio, size }: {
+        ratio?: string;
+        size?: string;
+    }) => any;
+};
+export { CustomImage, CustomImageWrapper };

package/dist/theme/components/label.d.ts

@@ -1,13 +1,15 @@
 declare const Label: {
     parts: string[];
     baseStyle: {
-        marginBottom: string;
         alignItems: string;
-        display: string;
+        width: string;
+        marginBottom: string;
+        fontSize: string;
         fontWeight: string;
+        display: string;
         justifyContent: string;
-        fontSize: string;
         helper: {
+            marginLeft: string;
             fontWeight: string;
             fontSize: string;
         };

package/dist/theme/components/link.d.ts

@@ -8,6 +8,10 @@ declare const Link: {
     };
     variants: {
         link: {};
+        disabled: {
+            color: string;
+            pointerEvents: string;
+        };
         moreLink: {
             alignItems: string;
             display: string;