#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}li button{margin:0 .1rem;border:1px solid transparent;padding:.2em;font-size:.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.todoInputComplete{text-decoration:line-through;color:gray;border:none;border-radius:0;outline:none;padding:0;background:none}.todoInputINComplete{border:none;border-radius:0;outline:none;padding:0;background:none}.todoTextComplete{text-decoration:line-through;color:gray}.todoItem{list-style-type:none;overflow:hidden;display:grid;grid-template-columns:20px auto 20px 20px;cursor:vertical-text}.todoItemText{font-size:.9rem;margin-left:.3rem;align-self:center}.date{color:#f9ed90}.datePast{color:red}.dialog-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dialog-overlay{background-color:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%;cursor:default}.Dialog{display:flex;flex-direction:column;position:absolute;z-index:1;border-color:transparent;border-radius:.2rem;width:30rem;background-color:#c7c7c7}.dialog-button:hover{border-color:#646cff}.inline-button{opacity:60%;border-radius:.3em;padding:.2em}.dialogTodo{border:0;padding:.5em;margin:1em .3em;border-radius:.2em;background:rgb(67,65,63);display:flex;min-height:4rem;justify-content:space-evenly;flex-wrap:nowrap;align-content:center;flex-direction:row;align-items:center}.todoInputEditing{padding:0 .5rem;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:.9rem;width:100%;border:none;overflow:auto;outline:none;box-shadow:none;resize:none}.dialog-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;margin:.2em 0}.dialog-todo-line{display:flex;align-items:baseline;flex-wrap:nowrap}.todoListContents{display:flex;flex-direction:column;padding:.5em .6em;background-color:#222121}.cardBottomBar{display:flex;justify-content:space-between;flex-direction:row-reverse}.barButtons{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}#appName{padding:0;margin:0;font-style:italic;color:#fff}.collapsible{display:flex;justify-content:space-between;color:#fff;cursor:pointer;padding:12px 0;width:100%;border:none;text-align:left;outline:none;font-size:15px}.active,.collapsible:hover{background-color:#555}.collapsible:after{content:"+";color:#fff;font-weight:700;float:right;margin-right:1em;overflow:hidden;transition:max-height .5s ease-out}.active:after{content:"−"}.todoList{border-radius:3px;border:1px solid;padding:.5em;text-align:left}.deleteButton{color:red}.deleteButton:hover{border-color:#fff700}.titleInput{z-index:1}.noStylesBtn{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.title{margin-left:1.2rem}.emptyTodoList{display:none}.settings-dialog{position:absolute;z-index:1;border-color:transparent;border-radius:.2rem;width:30rem;background-color:#e9e3e3;color:#1a1a1a}.dialog-contents{padding:1em 2em;border:#fbfbfb solid 1px}.dialog-button{margin:0 .2rem;border:1px solid grey;padding:.6em 1.2em;font-size:.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .4s}.theme{height:2em;width:2em;border:white solid .1rem}.theme-group{display:flex;justify-content:space-evenly;flex-wrap:nowrap;margin:1em 0}.todoListComponent{border-radius:2px;border:1px solid rgb(188,195,204);margin:10px;max-width:42em}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.h-24{height:6rem}.w-5\/6{width:83.333333%}.items-center{align-items:center}.justify-between{justify-content:space-between}.self-end{align-self:flex-end}.justify-self-center{justify-self:center}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.bg-\[\#222121\]{--tw-bg-opacity: 1;background-color:rgb(34 33 33 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.p-3{padding:.75rem}.font-semibold{font-weight:600}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(120,732,341)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%2323D3FF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{margin:0 .2rem;border:1px solid transparent;padding:.6em 1.2em;font-size:.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{margin:.2rem;border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:.8em;font-weight:500;font-family:inherit}input.newActionInput{margin:1em 0;border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:.8em;font-weight:500;font-family:inherit;width:90%}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted rgba(45,42,42,.737);z-index:1}.tooltip .tooltiptext{visibility:hidden;width:8rem;background-color:#2d2a2abc;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;display:inline-block;z-index:1;top:10px}.tooltip:hover .tooltiptext{visibility:visible}@media (prefers-color-scheme: light){:root{color:#fbfbfc;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}