@font-face{font-family:GoogleSans;font-style:normal;font-weight:400;src:url(/react-todo-example/static/media/GoogleSans-Regular.bec0591b6a291c3ca895.ttf) format("truetype")}body{box-sizing:border-box;margin:0}html{-webkit-tap-highlight-color:transparent;overflow-y:overlay}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:GoogleSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Todo{background-color:var(--color-background);height:100vh;height:calc(var(--vh, 1vh)*100)}.Todo,.card{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--margin)}.card{background-color:var(--color-secondary-background);border-radius:20px;height:100%;margin:auto;max-width:700px;width:100%}.card h1{font-size:1.3rem;font-weight:600}.add_task_container{border-radius:90px;display:flex;gap:4px;margin-bottom:var(--margin);min-height:50px;width:100%}.add_task_container input{background-color:var(--color-secondary-accent);border:2px solid #0000;border-radius:25px;box-sizing:border-box;flex-grow:1;height:100%;padding-left:var(--margin);transition:border-color .3s ease}.add_task_container input::placeholder{color:var(--color-placeholder)}.add_task_container input:focus{border-color:var(--color-accent);outline:none}.add_task_container button{background-color:var(--color-accent);border:none;border-radius:25px;color:#fff;font-weight:600;padding:0 var(--margin)}#scrollable_container{margin-left:calc(var(--margin)*-1);margin-right:calc(var(--margin)*-1);margin-top:var(--margin);min-width:100%;overflow-y:scroll}#task_container{border-radius:25px;display:flex;flex-direction:column;gap:4px;margin-left:var(--margin);margin-right:var(--margin);overflow:hidden;transition:all .3s ease}.task{align-items:center;background-color:var(--color-secondary-accent);border-radius:5px;display:flex;min-height:40px;padding:var(--margin);transition:transform .3s ease,height .3s ease}.task_name{display:inline-block;margin:0;position:relative;transition:color .3s ease}.task_name:after{background-color:var(--color-placeholder);bottom:50%;content:"";height:2px;left:-5%;position:absolute;transition:width .3s ease;width:0}.task_name.crossed{color:var(--color-placeholder)}.task_name.crossed:after{width:110%}.space_filler{flex:1 1;height:100%}.task .material-symbols-rounded{background-color:var(--color-accent);border-radius:90px;color:#fff;cursor:pointer;font-size:24px;margin-left:calc(var(--margin)/2);padding:calc(var(--margin)/2);-webkit-user-select:none;user-select:none}.checkbox_container{align-items:center;cursor:pointer;display:flex;font-size:16px}.checkbox_container input{display:none}.checkbox_container .checkmark{border:2px solid var(--color-accent);border-radius:90px;box-sizing:border-box;height:20px;margin-right:var(--margin);position:relative;transition:background-color .3s ease,border-color .3s ease;width:20px}.checkbox_container .checkmark:before{background-color:var(--color-accent);border-radius:90px;content:"";height:12px;left:2px;position:absolute;top:2px;transform:scale(0);transition:transform .3s ease;width:12px}.checkbox_container input:checked+.checkmark:before{animation:grow_shrink .3s ease-in-out forwards}.checkbox_container input:not(:checked)+.checkmark:before{animation:shrink_grow .3s ease-in-out forwards}.checkbox_container input:checked+.checkmark{border-color:var(--color-accent)}.material-symbols-rounded,button{transition:background-color .3s ease,color .3s ease,transform .2s ease}.material-symbols-rounded:active,button:active{transform:scale(1.05)}@keyframes grow_shrink{0%{opacity:30%;transform:scale(0)}50%{opacity:80%;transform:scale(2)}to{opacity:100%;transform:scale(1)}}@keyframes shrink_grow{0%{opacity:100%;transform:scale(1)}50%{opacity:80%;transform:scale(2)}to{opacity:30%;transform:scale(0)}}@media screen and (max-width:769px){.Todo{background-color:var(--color-secondary-background);padding:0}.card{max-width:none}}.tabs_container{align-items:center;display:flex;gap:4px;justify-content:center}.tab_button{background-color:initial;border:2px solid var(--color-accent);border-radius:90px;color:var(--color-accent);cursor:pointer;flex:1 1;font-weight:600;max-width:160px;min-height:50px;padding:0 var(--margin);text-align:center;transition:background-color .3s ease,color .3s ease,transform .2s ease}.tab_button.active,.tab_button:hover{background-color:var(--color-accent);color:#fff}.tab_button:active{transform:scale(1.05)}.tab_button:focus{outline:none}.dialog_bg{align-items:center;background-color:#0000;display:flex;height:0;justify-content:center;left:0;position:absolute;top:0;transition:background-color .3s linear,width 0s .3s,height 0s .3s;width:0;z-index:10}.dialog_bg.active{background-color:rgba(0,0,0,.611);height:100vh;transition:background-color .3s linear,width 0s,height 0s;width:100%}.dialog_window{background-color:var(--color-secondary-background);border-radius:25px;display:flex;flex-direction:column;min-height:200px;opacity:0;transform:translateY(100px);transition:transform .3s ease-in-out,opacity .2s ease-in,visibility 0s .3s;visibility:hidden;width:400px}.dialog_window.active{opacity:1;transform:translateY(0);transition:transform .3s ease-in-out,opacity .2s ease-out;visibility:visible}.dialog_header{align-items:start;display:flex;flex-direction:column;height:20%;width:100%}.dialog_header h1{font-size:1.3rem;font-weight:500;margin-left:calc(var(--margin)*2);margin-right:calc(var(--margin)*2);margin-top:calc(var(--margin)*2);padding:0}.dialog_text p{font-size:1rem;font-weight:400;margin:var(--margin);margin-left:calc(var(--margin)*2);margin-right:calc(var(--margin)*2);text-align:left}.dialog_text{flex:1 1;justify-content:center}.dialog_buttons,.dialog_text{align-items:center;display:flex}.dialog_buttons{flex-direction:row;height:20%;justify-content:right;margin:var(--margin);margin-bottom:calc(var(--margin)*2);margin-right:calc(var(--margin)*2)}.dialog_buttons button{align-items:center;background-color:var(--color-dialog-accept-button);border:none;color:var(--color-accent);display:flex;font-weight:500;justify-content:center;padding:0;text-align:right;-webkit-user-select:none;user-select:none}.dialog_button{margin-right:calc(var(--margin))}.dialog_button.inactive{color:var(--color-placeholder)}@media screen and (max-width:769px){.dialog_window{width:calc(100% - var(--margin)*2)}}.dialog_parent_input_container{align-items:center;display:flex;flex-grow:1}.dialog_input_container{display:flex;height:fit-content;margin-left:calc(var(--margin)*2);margin-right:calc(var(--margin)*2);position:relative;width:100%}.dialog_input{border-color:var(--color-placeholder);border-radius:6px;border-style:solid;box-shadow:none;box-sizing:border-box;height:40px;outline:none;padding:var(--margin);width:100%}.dialog_input,.placeholder{background-color:var(--color-secondary-background);font-weight:400}.placeholder{border-radius:6px;color:var(--color-placeholder);font-size:inherit;font-size:14px;left:var(--margin);line-height:1;margin:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.dialog_input:focus+.placeholder,.dialog_input:not(:placeholder-shown)+.placeholder{color:var(--color-accent);font-size:14px;left:calc(var(--margin)/2);padding-left:calc(var(--margin)/4);padding-right:calc(var(--margin)/4);top:0}.dialog_input:focus,.dialog_input:not(:placeholder-shown){border-color:var(--color-accent);transition:.3s ease-in-out}:root{--color-background:#e4edf7;--color-secondary-background:#f0f8ff;--color-accent:#808edd;--color-secondary-accent:#e0e6ff;--margin:15px;--color-placeholder:#878a8b}::-webkit-scrollbar{background-color:initial;width:4px}::-webkit-scrollbar-thumb{background-color:#878a8b;background-color:var(--color-placeholder);border-radius:4px;width:5px}
/*# sourceMappingURL=main.d0b1c742.css.map*/