:root{--light-gray: #f6f6f6;--light-border: #ccaf8f;--light-gray-border: #c4c4c4;--dark-border: #cc9961;--medium-gray: #aaaaaa;--dark-hover: #6c3d0b;--zebra-color: #ececec;--late-color: #cd1d00;--text-link: black;--underline-color: black;--toolbar-color: #9c6328;--toolbar-color-border: #5f472d;--text-toolbar-color: white;--button-hover-color: #eed3b1;--button-click-color: #dab384;--footer-color: #ffefde;--card-color: #fff;--lg-btn-bg: #cecece;--btn-active-color: #494949;--icon-btn-color: #e3b78f;--borderless-icon-btn-color: #e3b78f;--modal-bg: rgba(160, 160, 160, .7);--bg-color: #f6f6f6;--error-color: #cc432e;--success-color: #1b7f3b;color:#000;background-color:var(--bg-color);font-family:Nunito,sans-serif;color-scheme:light dark}button{color:#000}.noscroll{overflow:hidden}.form-error{color:var(--error-color)}.list-card{padding-top:15px;padding-bottom:15px;column-gap:15px;min-height:48px}button{border-radius:10px;padding-inline-start:7px;padding-inline-end:7px;padding-top:2px;padding-bottom:2px;border-width:1px}.lg-btn{border:none;font-size:16px;border-radius:8px;padding:8px;background-color:var(--lg-btn-bg)}button:active,.lg-btn:active{background-color:var(--btn-active-color)}button:hover:active,.lg-btn:hover:active{background-color:var(--button-click-color)}.add-task-btn{width:24px;height:24px;border-radius:100%}.icon-btn{background-color:var(--icon-btn-color)}.icon-btn,.clear-icon-btn{display:flex;align-items:center;justify-content:center;padding:0}.clear-icon-btn{background-color:unset;border:1px solid var(--light-gray-border)}.complete-check{color:var(--success-color);margin-left:4px}.menu-btn{padding:8px;border-radius:8px;border:none;background-color:unset;text-align:center;font-size:14px}.menu-btn:hover,.borderless-icon-btn:hover,.clear-icon-btn:hover,.icon-btn:hover{background-color:var(--button-hover-color)}.menu-btn:hover:active,.borderless-icon-btn:active,.clear-icon-btn:active,.icon-btn:active{background-color:var(--button-click-color)}.borderless-icon-btn{border:none;background-color:unset;display:flex;justify-content:center;padding:8px;border-radius:100%;background-color:var(--borderless-icon-btn-color);width:32px;height:32px;border:unset}.dark-mode-only{display:none}@media(prefers-color-scheme:dark){:root{--light-gray: #252525;--light-border: #2c2c2c;--medium-gray: #acacac;--zebra-color: #1e1e1e;--late-color: #ff5c41;--underline-color: white;--toolbar-color: #292929;--modal-bg: rgba(94, 94, 94, .7);--bg-color: #111111;--card-color: #2b2b2b;--footer-color: #222222;--light-gray-border: #646464;--toolbar-color-border: #4d4d4d;--dark-hover: #555555;--dark-border: #3f3f3f;--success-color: #4cd964;color:#fff;--text-link: white;background-color:var(--bg-color)}.light-mode-only{display:none}.dark-mode-only{display:unset}a,.menu-btn{color:#fff}.lg-btn{background-color:#4b4b4b}.lg-btn:active{background-color:#494949}.lg-btn:hover:active{background-color:#5a5a5a}.menu-btn:hover:active{background-color:#494949}button{background-color:#202020!important;border-color:#fff!important;color:#fff!important}button:hover{background-color:#494949!important}button:hover:active{background-color:#8d8d8d!important}}.no-mgn{margin:0}h1{overflow:hidden;text-overflow:ellipsis}h1,h2,h3,h4,h5,h6,.head-font,.h1-text,.h2-text,.h3-text,.h4-text,.h5-text,.h6-text{font-family:Lora,serif}h1,.h1-text{font-size:32px}h2,.h2-text{font-size:24px}h3,.h3-text{font-size:18.72px}h4,.h4-text{font-size:16px}h5,.h5-text{font-size:13.28px}h6,.h6-text{font-size:10.72px}.body-font{font-family:Nunito,sans-serif}button{font-family:Nunito,sans-serif;background-color:#e9e9ed;border:1px solid rgb(143,143,157);font-size:13.3px;cursor:pointer}body{margin:0;height:100%}html{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:600px){h1,.h1-text{font-size:20px}h2,.h2-text{font-size:18px}h3,.h3-text{font-size:16px}h4,.h4-text{font-size:15px}h5,.h5-text{font-size:12px}h6,.h6-text{font-size:10px}p,span,div{font-size:14px}}@font-face{font-family:Lora;src:url(../../../fonts/Lora/static/Lora-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../../../fonts/Nunito/static/Nunito-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}