.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.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-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.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{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;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{margin-left:auto;margin-right:auto;display:block;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{width:0;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{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.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{margin-left:10px;display:inline-block}.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{-webkit-appearance:none;margin:0}.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{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.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{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.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{color:#fff;background-color:#216ba5;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:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):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{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):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--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.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{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):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{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;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){color:#000;background-color:#f0f0f0}.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 .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.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 #0000;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{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.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{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.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;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-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;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.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 (width<=400px),(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;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}:root{--tdp-font:inherit;--tdp-brand:#298bec;--tdp-brand-soft:#eef6fe;--tdp-brand-ring:#d9eafc;--tdp-brand-strong:#165ea9;--tdp-surface:#fff;--tdp-surface-muted:#f8fafc;--tdp-border:#e4e9f0;--tdp-border-strong:#cfd7e2;--tdp-text:#0f1b2d;--tdp-text-muted:#64748b;--tdp-text-subtle:#94a3b8;--tdp-radius:12px;--tdp-shadow:0 12px 40px #0f1b2d1f;--tdp-focus-ring:0 0 0 3px #298bec33;--tdp-header-bg:var(--tdp-surface);--tdp-header-text:var(--tdp-text);--tdp-header-muted:var(--tdp-text-muted);--tdp-header-hover:var(--tdp-brand-soft);--tdp-header-hover-text:var(--tdp-brand)}.react-datepicker{font-family:var(--tdp-font);color:var(--tdp-text);background:var(--tdp-surface);border:1px solid var(--tdp-border);border-radius:var(--tdp-radius);box-shadow:var(--tdp-shadow);font-size:13px;overflow:hidden}.react-datepicker__triangle{display:none}.react-datepicker__header{background:var(--tdp-surface);border-bottom:1px solid var(--tdp-border);padding:10px 10px 6px}.tdp-header{background:var(--tdp-header-bg);color:var(--tdp-header-text);align-items:center;gap:4px;margin:-10px -10px 6px;padding:10px;display:flex}.tdp-nav-spacer{flex:none;width:30px}.tdp-nav{width:30px;height:30px;color:var(--tdp-header-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;padding:0;font-size:12px;display:grid}.tdp-nav:hover:not(:disabled){background:var(--tdp-header-hover);color:var(--tdp-header-hover-text)}.tdp-nav:disabled{opacity:.35;cursor:default}.tdp-select{border:1px solid var(--tdp-border);background:var(--tdp-surface-muted);min-width:0;height:30px;color:var(--tdp-text);cursor:pointer;border-radius:8px;flex:1;padding:0 6px;font-family:inherit;font-size:13px;font-weight:600}.tdp-title{text-align:center;white-space:nowrap;flex:1;font-size:14px;font-weight:600}.tdp-range-input{border:1px solid var(--tdp-border-strong);background:var(--tdp-surface);min-width:280px;max-width:100%;height:40px;color:var(--tdp-text);font-family:var(--tdp-font);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:inline-flex}.tdp-range-input:hover{border-color:var(--tdp-brand)}.tdp-range-input:focus-visible,.tdp-range-input:focus{border-color:var(--tdp-brand);box-shadow:var(--tdp-focus-ring);outline:none}.tdp-range-input:disabled{opacity:.6;cursor:default}.tdp-range-value,.tdp-range-placeholder{white-space:nowrap;flex:1}.tdp-range-placeholder{color:var(--tdp-text-subtle)}.tdp-range-arrow,.tdp-range-icon{color:var(--tdp-text-subtle);flex:none;place-items:center;display:grid}.tdp-select:focus{border-color:var(--tdp-brand);box-shadow:var(--tdp-focus-ring);outline:none}.react-datepicker__day-name{width:2.2rem;color:var(--tdp-text-subtle);margin:2px;font-weight:600}.react-datepicker__day{width:2.2rem;color:var(--tdp-text);border-radius:8px;margin:2px;line-height:2.2rem}.react-datepicker__day:hover{background:var(--tdp-brand-soft);border-radius:8px}.react-datepicker__day--outside-month{color:var(--tdp-text-subtle)}.react-datepicker__day--today{color:var(--tdp-brand);box-shadow:inset 0 0 0 1px var(--tdp-brand-ring);font-weight:700}.react-datepicker__day--keyboard-selected{background:var(--tdp-brand-soft);color:var(--tdp-brand-strong)}.react-datepicker__day--selected{font-weight:600;background:var(--tdp-brand)!important;color:#fff!important}.react-datepicker__day--disabled{color:var(--tdp-border-strong)}.react-datepicker__month{margin:8px}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range{background:var(--tdp-brand-soft);color:var(--tdp-brand-strong)}.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__month-text--range-start,.react-datepicker__month-text--range-end,.react-datepicker__month-text--selecting-range-start,.react-datepicker__year-text--range-start,.react-datepicker__year-text--range-end,.react-datepicker__year-text--selecting-range-start{font-weight:600;background:var(--tdp-brand)!important;color:#fff!important}.react-datepicker__month-wrapper,.react-datepicker__year-wrapper{grid-template-columns:repeat(3,1fr);gap:4px;width:234px;max-width:none;display:grid}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__year .react-datepicker__year-text{width:auto;color:var(--tdp-text);border-radius:8px;margin:0;padding:8px 4px}.react-datepicker__month-text:hover,.react-datepicker__year-text:hover{background:var(--tdp-brand-soft)!important}.react-datepicker__month-text--today,.react-datepicker__year-text--today{color:var(--tdp-brand);font-weight:700}.react-datepicker__month-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background:var(--tdp-brand-soft);color:var(--tdp-brand-strong)}.react-datepicker__month-text--selected,.react-datepicker__year-text--selected{font-weight:600;background:var(--tdp-brand)!important;color:#fff!important}.react-datepicker__month-text--disabled,.react-datepicker__year-text--disabled{color:var(--tdp-border-strong)}.tdp-dt-input{min-width:230px}.tdp-dt-body{display:flex}.tdp-dt-calendar{min-width:0}.tdp-dt-time{border-left:1px solid var(--tdp-border);flex-direction:column;width:138px;display:flex}.tdp-dt-clock{border-bottom:1px solid var(--tdp-border);background:var(--tdp-header-bg);color:var(--tdp-header-text);font-variant-numeric:tabular-nums;text-align:center;padding:12px 8px 10px;font-size:22px;font-weight:600;line-height:1.25}.tdp-dt-clock span{color:var(--tdp-header-muted);margin-left:4px;font-size:12px;font-weight:500}.tdp-dt-cols{flex:1;gap:2px;padding:6px 6px 4px;display:flex}.tdp-dt-col{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.tdp-dt-col-label{color:var(--tdp-text-subtle);padding-bottom:4px;font-size:11px;font-weight:600}.tdp-dt-list{overscroll-behavior:contain;scrollbar-width:none;outline:none;width:100%;height:204px;margin:0;padding:85px 0;list-style:none;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.tdp-dt-list::-webkit-scrollbar{display:none}.tdp-dt-option{height:34px;color:var(--tdp-text);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;border-radius:8px;margin:0 3px;font-size:14px;line-height:34px}.tdp-dt-option:hover:not([aria-selected=true]){background:var(--tdp-brand-soft);color:var(--tdp-brand-strong)}.tdp-dt-option[aria-selected=true]{background:var(--tdp-brand);color:#fff;font-weight:600}.tdp-dt-list:focus-visible .tdp-dt-option[aria-selected=true]{box-shadow:0 0 0 2px var(--tdp-surface), 0 0 0 4px var(--tdp-brand-ring)}.tdp-dt-foot{border-top:1px solid var(--tdp-border);padding:8px}.tdp-dt-done{background:var(--tdp-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:30px;font-family:inherit;font-size:13px;font-weight:600}.tdp-dt-done:hover{background:var(--tdp-brand-strong)}.tdp-dt-done:focus-visible{box-shadow:var(--tdp-focus-ring);outline:none}@media (width<=480px){.tdp-dt-body{flex-direction:column}.tdp-dt-time{border-left:none;border-top:1px solid var(--tdp-border);width:auto}.tdp-dt-list{height:136px;padding:51px 0}}:root{--bg:#f6f8fb;--surface:#fff;--border:#e4e9f0;--text:#0f1b2d;--muted:#5b6b80;--accent:#298bec;--code-bg:#0f1b2d;--code-text:#e2e8f0;--tdp-font:"IBM Plex Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-size:15px;line-height:1.65}a{color:var(--accent)}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.hero{background:var(--surface);border-bottom:1px solid var(--border);padding:56px 0 40px}.eyebrow{color:var(--muted);letter-spacing:.02em;margin:0 0 8px;font-size:13px}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,6vw,44px);line-height:1.2}.be{color:var(--accent)}.lead{max-width:620px;color:var(--muted);margin:14px 0 24px;font-size:17px}.lead code{background:var(--bg);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.9em}.install{background:var(--code-bg);width:fit-content;max-width:100%;color:var(--code-text);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.install code{white-space:nowrap;font-size:13.5px;overflow-x:auto}.links{gap:18px;margin-top:18px;font-weight:600;display:flex}.links a{text-decoration:none}.links a:hover{text-decoration:underline}main.wrap{padding-top:32px;padding-bottom:32px}.example{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:20px;padding:24px;scroll-margin-top:64px}.example-head h2{margin:0;font-size:19px}.example-head p{color:var(--muted);margin:4px 0 0}.example-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.example-body:has(>.code:only-child){grid-template-columns:minmax(0,1fr)}@media (width<=760px){.example{padding:18px}.example-body{grid-template-columns:minmax(0,1fr)}}.preview{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.preview input:not([type=checkbox]){border:1px solid var(--border);background:var(--surface);width:260px;max-width:100%;height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px}.preview input:not([type=checkbox]):focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #298bec33}.react-datepicker__close-icon:after{background-color:var(--accent)}.row{flex-wrap:wrap;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.field input{width:170px}.note{color:var(--muted);margin:0}.readout{background:var(--bg);border-radius:10px;flex-wrap:wrap;gap:8px 24px;margin:0;padding:10px 14px;font-size:13px;display:flex}.readout dt{color:var(--muted)}.readout dd{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.segmented,.swatches{flex-wrap:wrap;gap:6px;display:flex}.segmented button,.swatches button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.segmented button[aria-pressed=true],.swatches button[aria-pressed=true]{border-color:var(--text);font-weight:600}.swatches span{border-radius:50%;width:12px;height:12px}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.code{background:var(--code-bg);border-radius:10px;min-width:0;position:relative}.code pre{color:var(--code-text);margin:0;padding:44px 16px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.code .copy{position:absolute;top:8px;right:8px}.copy{height:28px;color:var(--code-text);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:0 10px;font-size:12px}.copy:hover{background:#ffffff29}.footer{color:var(--muted);padding-top:8px;padding-bottom:40px;font-size:13px}.code-tabs{background:#ffffff0f;border-radius:7px;gap:2px;padding:2px;display:flex;position:absolute;top:8px;left:8px}.code-tabs button,.pm-tabs button{color:#94a3b8;height:24px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 10px;font-size:12px}.code-tabs button[aria-pressed=true]{color:var(--code-text);background:#ffffff24;font-weight:600}.code-tabs button:focus-visible,.pm-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.install-wrap{flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;display:flex}.pm-tabs{gap:2px;display:flex}.pm-tabs button{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace}.pm-tabs button:hover{color:var(--text)}.pm-tabs button[aria-pressed=true]{background:var(--code-bg);color:var(--code-text);font-weight:500}.topbar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;height:48px;display:flex}.topbar-home{border:1px solid var(--border);height:32px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.topbar-home:hover{border-color:var(--accent);color:var(--accent)}.topbar-pkg{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;overflow:hidden}