@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Roboto+Slab:100,200,300,regular,500,600,700,800,900";@import"https://fonts.googleapis.com/css?family=Arvo:regular,italic,700,700italic";@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";.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{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__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.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-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{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{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;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day: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{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted: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{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.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{border-radius:.3rem;background-color:#216ba5;color:#fff}.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{border-radius:.3rem;background-color:#bad9f1;color:#000}.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{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}#root{max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:2rem}*{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{display:none}h1{width:fit-content;margin:auto}.header{display:flex;flex-direction:column;align-items:center;padding:1rem}.header-top{width:100%;display:flex;justify-content:flex-end;margin-bottom:1rem}.mode-icons{display:flex;margin-bottom:1rem;gap:.5rem}.mode-icons i{font-size:clamp(1rem,2.5vw,1.5rem);padding-left:.6rem;opacity:.6;cursor:pointer;position:relative}.mode-icons i+i:after{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background-color:#888}.text-gradient{text-align:center}.tab-container{min-height:2.5rem;min-width:100%;margin-bottom:1.5rem;display:flex;justify-content:center;flex-wrap:nowrap}.tab-container>*{flex-shrink:1}.tab-button{border:none;box-shadow:none;padding:.5rem;margin-right:.5rem;display:flex;justify-content:center;cursor:pointer}.tab-button h4{font-size:clamp(.7rem,3.5vw,1.125rem);text-wrap:nowrap}.tab-button span{opacity:.4;font-weight:400}.tab-button:hover{transform:translate(0)}.tab-selected{position:relative}.tab-selected:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);background:var(--color-link);border-radius:2px;animation:widen .3s ease-in-out forwards}.sort-button i{width:2rem;font-size:clamp(.75rem,3.5vw,1.125rem);padding-top:.4rem}.tab-button .sort-button-text{display:none}.todo-container{min-width:100%}.todo-item{display:flex;flex-direction:column;margin-bottom:.5rem;gap:.5rem;border:none}.todo-item:last-of-type{margin-bottom:1rem}.todo-item p{cursor:pointer;margin-bottom:.5rem}.todo-content{display:flex;margin-bottom:.5rem}.todo-content button{height:2.5rem;margin-left:1rem}.todo-complete{position:relative}.todo-complete:after{position:absolute;content:"";z-index:4;inset:-1.5px;border-radius:inherit;background:var(--background-primary);opacity:.6}.todo-grid{display:flex;justify-content:space-between}.todo-grid span{font-size:clamp(.7rem,2.5vw,.875rem);color:#888;margin-right:-.4rem;align-self:end;cursor:pointer}.todo-grid span.today{color:#00a32a}.todo-grid span.overdue{color:red}.todo-buttons{display:flex;gap:clamp(.5rem,2.5vw,.875rem);position:relative;z-index:5}.todo-buttons button{width:80px;border:none!important;box-shadow:none!important;display:flex;justify-content:center}.todo-buttons button.completed{opacity:.4}.todo-buttons button:hover{transform:none;opacity:.6}.todo-buttons button:first-of-type{color:var(--background-primary);background:var(--color-link)}.todo-buttons button:last-of-type{color:var(--color-link);background:var(--color-link-transparent)}.todo-buttons button h6{font-family:Inter,sans-serif;font-weight:400}.todo-buttons .save-btn{width:11rem;margin-top:.5rem;margin-left:auto}.input-container{display:flex;align-items:start;gap:.5rem}.input-container input{flex:1;max-width:unset!important;height:60px;padding:0 1rem;font-size:16px;position:relative}.input-container button{height:60px;width:3.5rem;font-weight:600;cursor:pointer}.react-datepicker-popper{z-index:1000}button.react-datepicker__navigation{height:max-content;width:2rem;margin-top:.5rem;box-shadow:none}.react-datepicker__header h2{font-size:1rem;margin:auto}@keyframes widen{0%{width:20%;height:1px;opacity:.6}to{width:100%;height:2.5px;opacity:1}}@media (min-width: 768px){h1{margin-bottom:1rem}.container{display:flex;justify-content:space-between;padding:0 2rem}.tab-container{height:100%;min-width:25%;flex-direction:column;justify-content:flex-start}.tab-button{width:100%;padding:.5rem;margin-bottom:.5rem;justify-content:flex-end}.sort-button i{width:2rem;font-size:clamp(.75rem,3.5vw,1.125rem)}.sort-button{position:relative}.tab-button .sort-button-text{display:block;width:max-content;color:#888;text-align:center;padding:.3rem .5rem;position:absolute;left:50%;transform:translate(-50%);top:12%;right:3rem;opacity:1;transition:opacity .3s;pointer-events:none}.todo-input-container{width:calc(75% - 1rem)}.todo-container{width:100%;height:auto}.todo-item{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ref{width:100%}.todo-item p{margin-bottom:0}.todo-content{display:flex;justify-content:space-between}.todo-content input{flex:1;min-width:0}.todo-grid{display:grid;grid-template-areas:"date buttons";grid-template-columns:1fr 2fr;column-gap:.5rem}.todo-buttons{grid-area:buttons}.todo-grid span{grid-area:date}.input-container{grid-area:input;width:100%}}:root{--background-primary: #f2f1f1;--background-secondary: "";--background-tertiary: #cddaec;--background-accent: "";--background-compliment: "";--background-gradient: "";--background-muted: #e4e6e7;--color-primary: #030615;--color-secondary: "";--color-tertiary: "";--color-accent: "";--color-compliment: "";--color-gradient: "";--color-muted: ;--color-link: #2563eb;--color-link-transparent: rgba(37, 99, 235, .1);--color-success: "";--color-warning: "";--color-error: "";--color-info: "";--color-highlight: #fef9c3;--gradient-start: #6b4efc;--gradient-end: #43fcde;--border-primary: #f1f5f9;--border-secondary: #bed1e7;--border-highlight: #64748b;--border-tertiary: "";--shadow-dark: "";--shadow-light: "";--shadow-text: "";--padding-small: 1rem;--padding-large: 2rem;--border-radius-small: .5rem;--border-radius-large: .75rem;--highlight-border-radius: .5rem;--text-selection: ""}.dark{--background-primary: #05070f;--background-secondary: #0e101e;--background-tertiary: #121424;--background-accent: "";--background-compliment: "";--background-gradient: "";--background-muted: #1a1e32;--color-primary: white;--color-secondary: "";--color-tertiary: "";--color-accent: "";--color-compliment: "";--color-gradient: "";--color-muted: ;--color-link: #60a5fa;--color-link-transparent: rgba(37, 99, 235, .1);--color-success: "";--color-warning: "";--color-error: "";--color-info: "";--color-highlight: #fef9c3;--gradient-start: #9580ff;--gradient-end: #80ffea;--border-primary: #29325b;--border-secondary: #323c71;--border-highlight: #4649af;--border-tertiary: "";--shadow-dark: "";--shadow-light: "";--shadow-text: "";--padding-small: 1rem;--padding-large: 2rem;--border-radius-small: .5rem;--border-radius-large: .75rem;--highlight-border-radius: .5rem;--text-selection: ""}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6rem}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);background-size:100%;-webkit-box-decoration-break:clone}h1,h2,h3,h4,h5,h6,button{font-family:Arvo,serif;width:fit-content}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.75rem}h5{font-size:1rem;line-height:1.5rem}h6{font-size:.875rem;line-height:1.25rem}p{display:block;width:fit-content}address{font-style:normal}aside{float:right;width:40%;padding:.75rem;margin:.5rem;font-style:italic;color:var(--color-primary);background-color:var(--background-muted);border-radius:var(--border-radius-large)}blockquote{position:relative;padding-left:1.5rem;margin:0}blockquote:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;border-left:7px solid var(--border-primary);border-radius:6px}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ul,ol{list-style-position:inside;padding-left:1rem}li{line-height:1.6em}a{color:var(--color-link)}a:active,a:focus,a:hover{text-decoration:none}mark,samp,kbd,code,time{border-radius:var(--highlight-border-radius, 4px);box-decoration-break:clone;-webkit-box-decoration-break:clone}mark{background-color:var(--color-highlight);padding:0 4px}samp{font-weight:700;padding:.5rem 1rem;background-color:var(--background-muted);color:var(--color-primary)}kbd,time{padding:0rem .5rem;background-color:var(--background-muted);color:var(--color-primary)}code,pre{font-size:.9em;padding:.2rem .5rem;background:var(--background-muted);border:1px solid var(--border-primary);max-width:fit-content;overflow-x:auto}pre>code{padding:10px;border:0;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sup,sub{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{width:fit-content;border:1px solid var(--border-primary);background:var(--background-muted);border-radius:var(--border-radius-small)}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}th{background-color:var(--background-muted)}td{background:var(--background-primary)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid black}table tr:hover td,tbody tr:nth-child(2n):hover td{background-color:var(--background-muted)}button,select,input[type=submit],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}button{color:var(--color-primary);background-color:var(--background-muted);width:fit-content;font-size:inherit;font-weight:500;padding:.25rem 1.25rem;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary)}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:initial;opacity:.55}label{display:block;max-width:fit-content;font-weight:500}input,textarea,select{font-size:1em;background-color:var(--background-muted);border:1px solid var(--border-secondary);color:var(--color-primary);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:100%;outline:none;appearance:none}input:disabled{cursor:not-allowed;opacity:.6}input[type=checkbox],input[type=radio]{padding:.5rem;width:fit-content;vertical-align:middle;position:relative;margin:.5rem .25rem .5rem .5rem}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{appearance:none;border:none;outline-style:none;padding:initial;max-width:initial;height:2rem;width:3rem}select:is([multiple]){background:none;height:fit-content}fieldset:focus-within,input:focus-within,textarea:focus-within,select:focus-within{border-color:var(--border-highlight)}fieldset:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-highlight)}progress{appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--background-main);border:1px solid var(--border-primary);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--color-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--color-link);border-radius:var(--border-radius-small)}fieldset{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);margin:0 0 6px;padding:1rem;max-width:fit-content}details{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.card,.button-card{background-color:var(--background-muted);color:var(--color-primary);padding:1rem;border-radius:.5rem}.card{border:1px solid var(--color-link-transparent)}.button-card{border:1px solid var(--border-secondary)}.button-card{box-shadow:none}.button-card:hover{transform:translate(0);box-shadow:none;border-color:var(--border-highlight)}.card-button-primary,.card-button-secondary{border:none!important;box-shadow:none!important}.card-button-primary{color:var(--background-primary);background:var(--color-link)}.card-button-secondary{color:var(--color-link);background:var(--color-link-transparent)}.card-button-primary:hover,.card-button-secondary:hover{transform:none;opacity:.6}@media (min-width: 640px){body{font-size:1rem;line-height:1.5rem}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}h5{font-size:1.125rem;line-height:1.75rem}h6{font-size:1rem;line-height:1.5rem}button{width:fit-content}input{max-width:600px}}