:root{--fb-margin: 1rem 0rem}h1{font-size:larger;text-align:center;font-weight:500}#edit-tasks,#view-tasks{--fb-margin: 0;appearance:none;top:6rem;left:50%;z-index:5;transform:translate(-50%);background:none;border:none;outline:none}:is(#edit-tasks,#view-tasks)::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000040}#view-tasks{grid-template-columns:repeat(2,1fr);gap:var(--g-gap);place-items:center;width:var(--form-width);background-color:var(--white);max-inline-size:var(--form-width);inline-size:100%;margin-block:var(--fb-margin);padding:var(--form-pg);border-radius:calc(2 * var(--b-rad))}#view-tasks[open]{display:grid}#view-tasks p{width:100%;margin-block:.25rem;padding:.5rem;background-color:#d3c7c7;border-radius:var(--b-rad);text-align:justify;max-height:14rem;overflow-y:auto}#view-tasks span{width:100%;padding:.5rem;background-color:var(--navbarBg);color:var(--navbarFg);border-radius:var(--b-rad);text-align:center}#view-tasks span#done{background-color:#30a130}#view-tasks span#overdue{background-color:#c73e3e}#main-actions{width:70%;margin-top:2rem;gap:1rem;animation:fade-up .3s linear 1}#main-actions button{border-radius:50%;height:2rem;width:2rem;font-size:larger;font-weight:700;padding:.35rem;background-color:var(--white);cursor:pointer}#main-actions button:hover{background-color:var(--navlinkHv);color:var(--navbarFg)}#main-actions button:hover svg{fill:var(--navbarFg)}#main-actions button svg{fill:#000}#selected-actions button,#tasks button{padding:.25rem;border-radius:.25rem;height:1.75rem;width:1.75rem}#selected-actions{width:70%;margin-top:1rem;padding-inline:1rem;justify-content:end;column-gap:.5rem;animation:fade-up .3s linear 1}.remove{background-color:#e63e3e}.remove:hover{background-color:#ff5a3e}#tasks{height:auto;width:70%;max-height:calc(100vh - 10rem);overflow-y:auto;margin-top:.5rem;padding:.5rem 1rem;animation:fade-up .3s linear 1}#tasks .task{background-color:#faebd7;height:4rem;margin-block:1rem;border-radius:.25rem;padding-inline:1rem;justify-content:start;gap:1.25rem}#tasks .task.done{background-color:#a7ffa7}#tasks .task.overdue{background-color:#f58888}#tasks .task.selected{background-color:#e073e0}#tasks .task .selection-manager{height:1.5rem}#tasks .task .selection-manager img{cursor:pointer}#tasks .task .selection-manager img.selected{display:none}#tasks .task .selection-manager img.not-selected{display:inline}#tasks .task .selection-manager input:checked~label img.selected{display:inline}#tasks .task .selection-manager input:checked~label img.not-selected{display:none}#tasks .task .actions{column-gap:.5rem;margin-left:auto}#tasks .task .actions button{height:1.5rem;width:1.5rem}#tasks .task .actions button.view{background-color:#3e3e3e}#tasks .task .actions button.view:hover{background-color:#5e5858}#tasks .task .actions button.edit{background-color:#3e3ee6}#tasks .task .actions button.edit:hover{background-color:#684eee}#task-form,#search-form,#settings-form{animation:fade-up .3s linear 1}@keyframes fade-up{0%{opacity:0;transform:translateY(2rem)}}