*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(fbebe70817c0f48eb4ee.woff) format(woff),url(d75d5ecea13c228ed785.woff2) format(woff2)}@font-face{font-display:swap;font-family:Pacifico;font-style:normal;font-weight:400;src:url(e339c6943424b7bcceb6.woff) format(woff),url(d75d5ecea13c228ed785.woff2) format(woff2)}:root{--black:#1c1c1c;--fade-black:#282626;--white:#fafafa;--primary-accent:#f0c208;--secondary-accent:#f3f0c1;--warning:#d72929;--high-priority:#902a0d;--normal-priority:#27900d;--low-priority:#0d9071;--transparent:rgba(59,55,55,.5);--transparent-white:hsla(0,0%,100%,.5);--transparent-white-x2:hsla(0,0%,100%,.1);--box-shadow:0.5px 0.5px 5px var(--transparent-white);--sz-xxsm:2px;--sz-xsm:5px;--sz-sm:10px;--sz-lg:20px;--sz-xlg:30px;--sz-xxlg:40px;--sz-xxxlg:80px;--container_width:min(550px,100%)}.container,body,html{background-color:var(--black);font-family:Roboto,Arial,Helvetica,sans-serif}.container{margin:0 auto;max-width:var(--container_width);padding:0 var(--sz-sm);position:relative}main{display:flex;flex-direction:column;height:100vh}@keyframes fadeText{50%{color:var(--primary-accent)}}.hero_page_text{align-items:center;animation:fadeText .8s infinite;background-color:var(--black);color:var(--white);display:flex;font-size:var(--fs-sz-xlg);font-size:var(--sz-xlg);height:100%;inset:0;justify-content:center;position:fixed}.change-view-holder{display:flex;flex:1;overflow-y:auto;padding-top:var(--sz-lg)}.change-view-holder>div{max-height:80vh}[data-nav-holder]{color:var(--white);column-gap:var(--sz-lg);display:flex;justify-content:center;padding-bottom:var(--sz-lg);padding-top:var(--sz-lg)}[data-nav]{column-gap:var(--sz-sm);display:flex}.today_page{color:var(--white);flex:1;position:relative}[data-tasks-section=overdue],[data-tasks-section=today]{max-height:215px;overflow-y:auto}p{color:var(--transparent-white)}.task,.title{color:var(--white)}.task{background-color:var(--transparent);border:2px solid var(--transparent-white);border-radius:var(--sz-sm);display:grid;gap:var(--sz-lg);grid-template-columns:var(--sz-lg) 120px 1fr;max-height:120px;min-height:100px;overflow-x:auto;padding:var(--sz-lg);position:relative;scale:1;transform-origin:0 0;transition:.3s}.task :is(.description,.categoryPath){color:var(--transparent-white)}.task.task_mark{overflow-y:hidden;padding:0;scale:0}.task .delete_task{color:var(--warning)}.task :where(.title,.description,.task_overdue_date){overflow-y:hidden;text-overflow:ellipsis;text-wrap:nowrap}.title-and-date-section{border-right:1px solid var(--transparent-white-x2);padding-right:var(--sz-sm);pointer-events:none}.description{padding-top:var(--sz-sm)}.subtaskSection,[data-tasks-section]{display:flex;flex-direction:column;row-gap:var(--sz-sm)}.categoryPath{max-width:60px;overflow-x:hidden;text-overflow:ellipsis;text-wrap:nowrap}[data-priority]{appearance:none;background-color:var(--white);border-radius:50%;height:var(--sz-lg);min-width:var(--sz-lg);outline:2px solid;outline-offset:2px;&:checked{background-color:var(--black)}}[data-priority="1"]{outline-color:var(--high-priority)}[data-priority="2"]{outline-color:var(--normal-priority)}[data-priority="3"]{outline-color:var(--low-priority)}.overdue-title{padding-top:20px}.overdue-title,.task_overdue_date{color:var(--warning)}.description{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.today_page .mark-status{align-self:start}.task-right-side{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.cursor_pointer{cursor:pointer}.more_options_action.below{transform:translateY(100%)}.mainNavController{align-items:center;background-color:var(--black);display:flex;gap:var(--sz-xxlg);justify-content:center;opacity:.9;padding:0 var(--sz-lg) var(--sz-lg) var(--sz-lg)}.nav-icon{pointer-events:none}[data-change-main-view]{align-items:center;color:var(--white);display:flex;flex-direction:column}.btn_add_task{background:var(--white);border-radius:10px;bottom:55px;color:var(--black);max-width:fit-content;padding:var(--sz-sm);position:absolute;right:5px}.TaskDialog_page{background:var(--fade-black);border:none;border:2px solid var(--transparent-white);border-radius:var(--sz-lg) var(--sz-lg) 0 0;color:var(--transparent-white);height:70%;left:50%;top:100%;transition:allow-discrete .3s;translate:-50% 100%;width:var(--container_width);&:focus{outline:none}}.TaskDialog_page:open{transition:.1s;translate:-50% -100%}dialog::backdrop{backdrop-filter:blur(1px)}@starting-style{.TaskDialog_page[open]{translate:-50% 100%}}.dialog_form{display:flex;flex-direction:column;gap:var(--sz-lg);padding:var(--sz-lg)}.dialog_form>div{align-items:center;display:flex;gap:var(--sz-lg)}.dialog_form :where(input:not([type=checkbox]),textarea,select){background-color:var(--fade-black);border:none;color:var(--white);flex:1;padding:var(--sz-sm) 0;&:focus{outline:none}&::placeholder{color:var(--transparent-white)}}.dialog_form .description{flex:1;height:50px;padding-top:var(--sz-sm)}.btn-save_task{background-color:var(--primary-accent);border:none;border-radius:var(--sz-sm);margin-top:5px;padding:var(--sz-xxsm) var(--sz-lg)}.btn_add_subtask{padding:var(--sz-lg) 0}.task_dialog_date_section{column-gap:var(--sz-lg);display:grid;grid-template-columns:max-content 1fr}.task_dialog_date_section input{padding:0}.dueDate{border-radius:0 var(--sz-sm) var(--sz-sm) 0;border-right:2px solid var(--transparent-white)}.search_page{flex:1}.heading_section{display:flex;flex-direction:column;height:100%;row-gap:var(--sz-sm)}.heading{color:var(--white)}.searchBar_section{align-items:center;display:flex;gap:var(--sz-sm);justify-content:center}.searchBar{background-color:var(--transparent-white);border:none;border-radius:var(--sz-lg);flex:1;max-width:300px;padding:var(--sz-sm);&::placeholder{color:var(--white)}}.heading_tasks{color:var(--transparent-white)}.searchContentHolder{display:flex;flex-direction:column;max-height:450px;overflow-y:auto;row-gap:var(--sz-sm)}.searchContentEmpty{display:grid;font-size:100px;height:100%;opacity:.5;place-content:center}.category_page{flex:1}.category_page *{color:var(--white)}.category_section_holder{display:flex;flex-direction:column;gap:var(--sz-lg);padding-top:var(--sz-lg)}.inbox_section{display:flex;flex-direction:column;row-gap:var(--sz-lg)}.list_of_completed_task_section,.myProjectCategorySection{display:flex;flex-direction:column;row-gap:var(--sz-sm)}.myProjectCategorySection{padding-top:var(--sz-sm)}.categoryTitleSection,.icon_and_title{display:grid;grid-template-columns:40px 1fr max-content}.numberOfTaskInCategory,.number_of_inbox{color:var(--transparent-white)}.project_title_and_ellipse{display:grid;grid-template-columns:1fr max-content;position:relative}.myProjectOption,.projectOptions,.sectionOptions{position:absolute;right:0;top:30px}.myProjectOption,.projectOptions,.sectionOptions{background:var(--black);border:2px solid var(--transparent);border-radius:10px;display:flex;flex-direction:column;padding:var(--sz-sm);row-gap:var(--sz-sm);z-index:100}.sectionOptions{position:fixed;right:calc(50% - var(--container_width)/2 + 15px)}:is(.projectOptions,.myProjectOption,.sectionOptions,).close{display:none}.enterCategory,.enterSection{background-color:var(--black);border:none;border-radius:5px;box-shadow:var(--box-shadow);color:var(--white);padding:var(--sz-xxsm) var(--sz-sm)}.categorySubsectionContent{display:flex;flex:1}.sectionHolder{row-gap:var(--sz-sm)}.sectionHolder,.taskSectionHolder{display:flex;flex-direction:column}.taskSectionHolder{flex:1}.taskNotInSectionHolder{display:flex;flex-direction:column;gap:var(--sz-sm);padding-top:var(--sz-lg)}.task_and_subsection_holder{color:var(--white);flex:1;padding-top:var(--sz-sm);position:relative}.taskHolder{display:flex;flex-direction:column;gap:var(--sz-sm)}.categoryTitle,.subsection_title{color:var(--white)}.myProjectHeader{color:var(--white);display:flex;display:grid;gap:var(--sz-lg);grid-template-columns:20px 1fr 20px;position:relative}.category_ellipse{justify-self:end}.sectionTitleAndEllipse{color:var(--white);display:flex;margin-bottom:var(--sz-sm)}.subsection_title{flex:1}.hide,::-webkit-scrollbar{display:none}
/*# sourceMappingURL=index.cd15f80dd2f2d3756632.css.map*/