.nav.svelte-15ce14t{display:grid;grid-template-columns:repeat(3,max-content) 1fr repeat(2,max-content);align-items:center;width:100%;height:60px;background-color:var(--clr-bg-task-block);color:var(--clr-fnt-text--disabled);position:sticky;top:0;z-index:100000;box-shadow:0 4px 20px #00000040;padding:0 30px}.nav.svelte-15ce14t>a:where(.svelte-15ce14t){text-decoration:none;-webkit-user-select:none;user-select:none}.nav.svelte-15ce14t>div:where(.svelte-15ce14t),.nav.svelte-15ce14t>a:where(.svelte-15ce14t){display:flex;align-items:center;height:100%;padding:7px 5px 5px;-webkit-text-stroke:.5px}.nav.svelte-15ce14t>a:where(.svelte-15ce14t):hover{color:var(--clr-fnt-text);cursor:pointer}.nav.svelte-15ce14t>a:where(.svelte-15ce14t):hover>span:where(.svelte-15ce14t)>svg:where(.svelte-15ce14t){fill:var(--clr-fnt-text);cursor:pointer}.nav.svelte-15ce14t>a.active:where(.svelte-15ce14t){color:var(--clr-fnt-text)}.nav.svelte-15ce14t>a.active:where(.svelte-15ce14t)>span:where(.svelte-15ce14t)>svg:where(.svelte-15ce14t){fill:var(--clr-fnt-text);cursor:pointer}#btn_home.svelte-15ce14t{font-size:calc(var(--sz-fnt) + 5px);color:var(--clr-fnt-text);letter-spacing:20px;-webkit-text-stroke:1px;cursor:pointer}#btn_login.svelte-15ce14t,#btn_theme.svelte-15ce14t{justify-self:end;padding:5px 10px}.nav_router_btn.svelte-15ce14t{margin-left:20px}#user_info.svelte-15ce14t{display:none}#btn_theme.svelte-15ce14t{-webkit-user-select:none;user-select:none}#btn_theme.svelte-15ce14t>svg:where(.svelte-15ce14t){fill:var(--clr-fnt-text)}#btn_theme.svelte-15ce14t>svg#dark:where(.svelte-15ce14t){fill:var(--clr-fnt-text)}#btn_theme.svelte-15ce14t:hover{cursor:pointer;opacity:.8}.nav_icon_btn.svelte-15ce14t{display:none}.nav_icon_btn.svelte-15ce14t>svg:where(.svelte-15ce14t){fill:var(--clr-fnt-text--disabled)}@media only screen and (max-width: 540px){.nav.svelte-15ce14t{padding:0 15px}#btn_home.svelte-15ce14t{letter-spacing:5px}.nav_text_btn.svelte-15ce14t{display:none}.nav_icon_btn.svelte-15ce14t{display:flex}}@media only screen and (max-width: 340px){.nav_router_btn.svelte-15ce14t{margin-left:10px}}*{margin:0;padding:0;box-sizing:border-box}:root{--clr-white: hsl(0, 0%, 100%);--clr-blue-S98-L61: hsl(220, 98%, 61%);--clr-blue-grd-r: linear-gradient(to right, hsl(192, 100%, 67%) 0%, hsl(280, 87%, 65%) 100%);--clr-gray-L98: hsl(0, 0%, 98%);--clr-blue-S33-L92: hsl(236, 33%, 92%);--clr-blue-S11-L84: hsl(233, 11%, 84%);--clr-blue-S10-L66: hsl(235, 10%, 66%);--clr-blue-S09-L61: hsl(236, 9%, 61%);--clr-blue-S19-L35: hsl(235, 19%, 35%);--clr-blue-S21-L11: hsl(235, 21%, 11%);--clr-blue-S24-L21: hsl(235, 24%, 21%);--clr-blue-S24-L19: hsl(235, 24%, 19%);--clr-blue-S39-L85: hsl(234, 39%, 85%);--clr-blue-S11-L52: hsl(234, 11%, 52%);--clr-blue-S14-L42: hsl(238, 14%, 42%);--clr-purple-S63-L29-O56: hsla(296, 64%, 29%, .76);--clr-purple-S50-L20-O78: rgb(66, 25, 77);--clr-purple-S21-L66: hsl(295, 21%, 66%);--shdw-light: 0 0 30px 0px hsla(0, 0%, 40%, .2);--shdw-dark: 0 0 30px 0px hsla(0, 0%, 0%, .3);--clr-bg-light-grd-r: linear-gradient(0deg, var(--clr-gray-L98) 0%, var(--clr-purple-S21-L66) 150%);--clr-bg-dark-grd-r: linear-gradient(-90deg, var(--clr-purple-S63-L29-O56) -50%, var(--clr-purple-S50-L20-O78) -50%, var(--clr-blue-S21-L11) 100%);--w-gnrl: clamp(290px, calc(100% - 60px) , 550px);--fmly-fnt: "Josefin Sans", Helvetica, sans-serif, serif;--sz-fnt: 18px;--sz-fnt-btns: 14px;--sz-fnt-dragdrop: 13px;--spc-header: 75px;--spc-mid: 40px;--spc-basic: 25px;--m-h-task-chckbx: 25px;--m-v-task-chckbx: 20px;--w-task-chckbx: 25px;--w-task-chckbx-container: calc(var(--w-task-chckbx) + var(--m-h-task-chckbx)*2);--clr-fnt-header-title: var(--clr-gray-L98);--clr-fnt-dragdrop: var(--clr-blue-S09-L61);--clr-bg-body-home: var(--clr-bg-light-grd-r);--clr-bg-body: var(--clr-gray-L98);--clr-bg-task-block: var(--clr-white);--clr-bg-task-delete: var(--clr-gray-L98);--clr-fnt-text: var(--clr-blue-S19-L35);--clr-fnt-text--disabled: var(--clr-blue-S09-L61);--clr-fnt-inpt: var(--clr-blue-S19-L35);--clr-fnt-inpt-holder: var(--clr-blue-S10-L66);--clr-fnt-btn: var(--clr-blue-S09-L61);--clr-fnt-btn--hover: var(--clr-blue-S19-L35);--clr-fnt-btn--active: var(--clr-blue-S98-L61);--clr-fnt-chckbx: var(--clr-white);--clr-brd-chckbx: var(--clr-blue-S11-L84);--clr-brd-chckbx--hover: var(--clr-blue-S98-L61);--clr-bg-chckbx--checked: var(--clr-blue-grd-r);--shdw-task-block: var(--shdw-light);--url-body-img: url(./images/bg-desktop-light.jpg)}body{width:100%;height:100vh}a{color:inherit}#b_main{font-family:var(--fmly-fnt);font-size:var(--sz-fnt);width:100%;min-height:100vh;background-color:var(--clr-bg-body);overflow-x:hidden;position:relative}#b_main.dark-theme{--clr-bg-body-home: var(--clr-bg-dark-grd-r);--clr-bg-body: var(--clr-blue-S21-L11);--clr-bg-task-block: var(--clr-blue-S24-L19);--clr-bg-task-delete: var(--clr-blue-S24-L21);--clr-fnt-text: var(--clr-blue-S39-L85);--clr-fnt-text--disabled: var(--clr-blue-S11-L52);--clr-fnt-inpt: var(--clr-blue-S39-L85);--clr-fnt-inpt-holder: var(--clr-blue-S14-L42);--clr-fnt-btn: var(--clr-blue-S14-L42);--clr-fnt-btn--hover: var(--clr-blue-S33-L92);--clr-brd-chckbx: var(--clr-blue-S14-L42);--shdw-task-block: var(--shdw-dark);--url-body-img: url(./images/bg-desktop-dark.jpg)}.task_manager{margin-top:var(--spc-mid);width:var(--w-gnrl);padding-bottom:20px}.task_manager>div:nth-child(n+2){position:relative}.task_manager>div:before{content:"";width:100%;height:100%;position:absolute;background-color:transparent;border-radius:6px;box-shadow:var(--shdw-task-block);pointer-events:none}.task{display:grid;align-items:center;grid-template-columns:var(--w-task-chckbx-container) 1fr var(--w-task-chckbx-container);background-color:var(--clr-bg-task-block);color:var(--clr-fnt-text)}.task[data-completed=true]{color:var(--clr-fnt-text--disabled);text-decoration:line-through}#new_task{border-radius:6px;position:sticky;top:65px;z-index:50}#new_task>input{outline:none;border:none;height:100%;background-color:transparent;font-family:var(--fmly-fnt);font-size:var(--sz-fnt);margin-bottom:-4px;color:var(--clr-fnt-inpt);min-width:120px}#new_task.task[data-completed=true]{text-decoration:none}#new_task>input::placeholder{color:var(--clr-fnt-inpt-holder)}.task_list,#task_footer_alt.task_footer{margin-top:var(--spc-basic)}.task_list>div:first-child{border-radius:6px 6px 0 0}.task_list>div:nth-child(n+2),#task_footer{box-shadow:inset 0 1px #59595933}.task_check{border-radius:50%;border:.5px solid var(--clr-brd-chckbx);width:var(--w-task-chckbx);height:25px;margin:var(--m-v-task-chckbx) var(--m-h-task-chckbx);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.task_check:hover{border:.5px solid var(--clr-brd-chckbx--hover)}.task[data-completed=true]>.task_check{background:var(--clr-bg-chckbx--checked)}.task_check>svg{pointer-events:none}.task_check>svg>path{stroke:transparent}.task[data-completed=true]>.task_check>svg>path{stroke:var(--clr-fnt-chckbx)}.task_text{margin-bottom:-4px;padding:15px 0}.task_btn{display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%;position:relative}.task_btn:hover{box-shadow:inset 0 1px #59595933;background-color:var(--clr-bg-task-delete)}.task_btn>svg{pointer-events:none}.task_add>svg{transform:rotate(45deg)}.task_footer{display:grid;background-color:var(--clr-bg-task-block);grid-auto-flow:column;height:55px;align-items:center;padding:0px var(--m-h-task-chckbx);font-size:var(--sz-fnt-btns);color:var(--clr-fnt-btn)}#task_footer{grid-template-columns:120px 1fr 120px}.principal_btns{display:grid;grid-auto-flow:column;justify-content:center;grid-gap:20px}.btn{font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer}.btn:hover{color:var(--clr-fnt-btn--hover)}.btn.active{color:var(--clr-fnt-btn--active)}.btn-scnd{font-weight:400}#task_footer{border-radius:0 0 6px 6px}#task_footer_alt{display:none;border-radius:6px;justify-content:center}.dragdrop_info{color:var(--clr-fnt-dragdrop);margin-top:50px;font-size:var(--sz-fnt-dragdrop);padding-bottom:20px}@media screen and (max-width: 580px){#task_footer{grid-template-columns:auto;justify-content:space-between}#task_footer>.principal_btns{display:none}#task_footer_alt{display:grid}}@media (min-width: 720px){h1{font-size:2.4rem}}#b_main.on_home.svelte-1jf8f80{background-image:var(--clr-bg-body-home);background-repeat:no-repeat}.content.svelte-1jf8f80{display:grid;justify-items:center;width:100%;grid-template-rows:1fr;min-height:calc(100vh - 60px);max-height:calc(100vh - 60px)}