@font-face{font-display:swap;font-family:Montserrat-700;font-style:normal;font-weight:700;src:url(../assets/fonts/56c09b9a46af6a54eeb3.woff2) format("woff2"),url(../assets/fonts/fb5068a547276441355d.woff) format("woff")}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--gap-small:1em;--gap-medium:1.5em;--gap-big:2em;--radius-standard:1em;--radius-circle:50%;--radius-checkbox:0.4em;--radius-checkbox-checked:0.25em;--shadow-grey:5px 5px 5px rgba(148,163,184,.4);--shadow-checkbox:inset 1em 1em var(--amber-500)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.container{display:grid;font-family:Montserrat-700,sans-serif;grid:[row1-start] "navbar desk" 1fr [row1-end]/1fr 3fr;height:100vh;width:100vw}.desk{background-color:var(--slate-200);grid-area:desk}.desk,.navbar{height:100vh;overflow:auto}.navbar{align-items:flex-start;background-color:var(--slate-700);color:var(--slate-200);display:grid;gap:var(--gap-medium);grid:[row1-start] "header" 1fr [row1-end] [row2-start] "menu" 3fr [row2-end] [row3-start] "lists" 5fr [row3-end]/1fr;grid-area:navbar}.headers{align-items:center;display:grid;gap:var(--gap-small);grid-template-columns:1fr .5fr 2fr;justify-items:start;width:100%}#nav-header{grid-area:header}.nav-logo{fill:var(--amber-500);align-items:center;display:flex;grid-area:1/1/1/2;height:7em;justify-content:center;padding:1em;width:7em}.titles{color:var(--slate-200);font-size:3rem;font-weight:700;grid-area:1/3/1/4}.menu,.section-lists{align-items:center;display:flex;flex-direction:column;gap:var(--gap-small);justify-content:center;list-style:none}.nav-menu{grid-area:menu}.section-lists{grid-area:lists}.items{align-items:center;color:var(--slate-200);display:grid;gap:var(--gap-small)}.lists-items{grid:[row1-start] "title btns" 1fr [row1-end]/2fr 1fr;justify-items:center}.task-item{background-color:var(--slate-700);border-radius:var(--radius-standard);box-shadow:var(--shadow-grey);grid-template-columns:2.6fr .6fr .4fr .4fr;margin:1em}.expand-wrapper{background-color:var(--slate-600);border:2px solid var(--slate-500);border-radius:0 0 15px 15px;grid-area:2/1/4/5;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);max-height:15em;padding:.5rem}input[type=checkbox],input[type=radio]{appearance:none;background-color:#fff;background-color:var(--slate-200);border:.15em solid var(--slate-200);border-radius:var(--radius-checkbox);display:grid;font:inherit;height:1.15em;margin:0;outline:none;place-content:center;transform:translateY(-.075em);width:1.15em}input[type=checkbox]{transform:translateX(.9em)}input[type=radio]{border-radius:var(--radius-circle);color:var(--slate-200);outline-color:var(--amber-500)}input[type=checkbox]:before,input[type=radio]:before{box-shadow:var(--shadow-checkbox);content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}input[type=checkbox]:before{border-radius:var(--radius-checkbox-checked)}input[type=radio]:before{border-radius:var(--radius-circle)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:checked:before{transform:translateX(-.02em)}input[type=checkbox]:checked+label,span.checkbox-wrapper:has(input[type=checkbox]:checked)+span.due-date-wrapper{color:var(--amber-500);text-decoration:line-through}.task-due-date:hover,.task-tags:focus,input[type=checkbox]:hover,input[type=checkbox]:hover+label,label:focus,label:hover{color:var(--amber-500);cursor:pointer}input[type=checkbox]:focus,input[type=radio]:focus{background-color:var(--amber-200)}.checkbox-wrapper{align-items:center;display:flex;flex-direction:row;gap:var(--gap-small);grid-area:1/1/2/2;justify-content:space-between}.tasks-checkbox{grid-area:check}.task-checkbox-labels{grid-area:label}.checklist-wrapper{display:flex;flex-direction:row;grid-area:1/2/4/5;max-height:100%;min-height:2.5em;min-width:100%;overflow-y:auto;place-self:start}.checklist-fieldset{border:none;display:flex;flex-direction:column;padding:.5em 1em}.checklist-item-wrapper{align-items:center;display:grid;gap:var(--gap-small);grid-template-columns:1fr 5fr 3fr;justify-content:start}.checklist-btns-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:end}.priority-wrapper{grid-area:2/1/3/2}.priority-wrapper fieldset{border:none;max-width:62%;padding:.5em 0}.radios-wrapper{display:grid;grid-template-columns:repeat(3,1fr)}.radio-wrapper{display:grid;gap:1em;grid-template-columns:1em auto}select{appearance:none;background-color:transparent;border:none;cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0 0 1em;width:100%}select::-ms-expand{display:none}.task-tags{background-color:var(--slate-200);border:1px solid var(--slate-700);border-radius:15px;color:var(--slate-700);cursor:pointer;font-size:1rem;line-height:1.1;max-width:40ch;min-width:30ch;padding:.25em .5em;width:100%}.tags-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:10px;grid-area:3/1/4/2}.due-date-wrapper{align-items:center;display:grid;gap:var(--gap-medium);grid:[row1-start] "btn date" 1fr [row1-end]/4em 10em;grid-area:1/2/1/3;justify-items:end}.task-due-date{grid-area:date;place-self:center}.late-color{color:var(--amber-500)}.task-msg-wrapper{display:flex;flex-direction:row;gap:var(--gap-medium);grid-area:1/3/1/4}.high-priority,.late-msg{fill:var(--amber-500)}.low-priority{fill:var(--slate-400)}.input-text{background-color:var(--slate-200);border-radius:var(--radius-standard);caret-color:var(--amber-500);color:var(--slate-700);font-family:Montserrat-700,sans-serif;line-height:1;outline-color:var(--amber-500);padding:.3rem .5rem}#list-new{font-size:1.5rem;max-height:80%;width:80%}.input-text-lists-error{background-color:var(--slate-300);color:var(--amber-500)}#list-edit{font-size:1.5rem;grid-area:1/1/2/3}#task-edit,#task-new{font-size:1rem}#task-new{min-width:80%}#task-edit{flex:1 1 0;max-width:80%}.task-description-wrapper{display:flex;flex-direction:column;gap:var(--gap-small);grid-area:1/1/2/2}.new-due-date{color:var(--amber-500);font-size:1rem}.btns{border:none;font-family:Montserrat-700,sans-serif;font-weight:700;outline:none}.round-btns{background-color:var(--slate-200);border-radius:var(--radius-circle);box-shadow:var(--shadow-grey);color:var(--slate-700)}.round-btns-big{font-size:2rem;height:4rem;width:4rem}.round-btns-small{font-size:1rem;height:2rem;width:2rem}.text-btns{color:var(--slate-200);font-size:2rem}.svg-btns,.text-btns{background-color:var(--slate-700)}.svg-btns{fill:var(--slate-200);padding:.5em}.round-btns:active{background-color:var(--slate-300);color:var(--amber-500);transform:translateY(5px)}.btns:focus,.btns:hover{fill:var(--amber-500);color:var(--amber-500);cursor:pointer}.round-btns:focus,.round-btns:hover{box-shadow:5px 5px 5px rgba(245,158,11,.4)}.lists-btns{grid-area:title}.btns-lists{grid-area:btns}#new-list-btn,#new-task-btn{grid-area:1/2/1/3}.expand-btn{grid-area:expand}.due-date-delete-btn,.due-date-edit-btn{grid-area:btn}.svg-active{fill:var(--amber-500)}.expand-btn-up svg.svg-expand{transform:rotate(180deg);transition:transform .2s linear}.expand-btn-down svg.svg-expand{transform:rotate(0deg);transition:transform .2s linear}.task-btn-wrapper{grid-area:1/4/1/5;place-self:center}.checklist-delete-btn,.checklist-edit-btn{background-color:var(--slate-600);height:3em}