@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100&family=Be+Vietnam+Pro:wght@200;700;800;900&family=Bellefair&family=Merriweather:wght@300;400&family=Neonderthaw&family=Noto+Sans&family=Noto+Sans+TC:wght@100;300;400;500;700;900";:root{--banner-bg-color: #DB4C3F;--nav-bg-color: #FAFAFA;--nav-hover-color: #EEEEEE;--input-bg-color: #e4e0e0;--create-todo-font: #9e9999;--create-todo-focus: #DB4C3F;--main-bg-color: #ffffff;--main-font-color: #2a2a2a;--sub-font-color: #ffffff;--form-border: #999999}[data-theme=darkMode]{--main-bg-color: #000000;--main-font-color: #ffffff;--sub-font-color: #000000;--form-border: #E5E5E5}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,button,a,textarea{all:unset;text-decoration:none}a:focus,a:hover{all:unset}#app{width:100%;max-height:1280px;margin:0;padding:0;font-weight:400;background:#ffffff;color:#000;font-family:Noto Sans TC;cursor:default}.todo-home__navbar[data-v-15378f4c]{width:100%;min-width:376px;height:70px;background-color:var(--banner-bg-color);padding:0 10px;display:grid;grid-template-columns:25% 50% 25%;grid-template-rows:100%;position:relative;line-height:70px}.todo-home__navbar .icons[data-v-15378f4c]{font-size:20px;color:var(--sub-font-color);cursor:pointer}.todo-home__navbar__title[data-v-15378f4c]{grid-column:2/3;font-size:30px;font-family:Barlow;font-weight:400;color:var(--sub-font-color);text-align:center}@media (min-width: 1024px){.todo-home__navbar__title[data-v-15378f4c]{font-size:35px}}.todo-home__navbar__left[data-v-15378f4c]{grid-column:1/2;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.todo-home__navbar__left__input[data-v-15378f4c]{display:none}.todo-home__navbar__left__input:checked~nav[data-v-15378f4c]{transform:scale(1);transform-origin:left;transition:transform .18s}.todo-home__navbar__left__nav[data-v-15378f4c]{position:absolute;top:100%;left:0;z-index:9;width:10%;min-width:250px;height:100vh;background-color:var(--nav-bg-color);transform:scaleX(0);display:flex;flex-direction:column;justify-content:space-between;align-items:unset}.todo-home__navbar__left__nav__items[data-v-15378f4c]{height:100%;padding:20px 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.todo-home__navbar__left__nav__items__item[data-v-15378f4c]{width:100%;height:30px;line-height:35px;font-size:20px;cursor:pointer}@media (min-width: 768px){.todo-home__navbar__left__nav__items__item[data-v-15378f4c]{font-size:25px;height:45px;line-height:45px}}@media (min-width: 1024px){.todo-home__navbar__left__nav__items__item[data-v-15378f4c]{font-size:20px;height:60px;line-height:60px}}.todo-home__navbar__left__nav__items__item[data-v-15378f4c]:hover{background-color:var(--nav-hover-color);border-bottom:1px solid var(--main-font-color)}.todo-home__navbar__left__nav__items__item a[data-v-15378f4c]{padding-left:25%}.todo-home__navbar__left__nav__sign-out[data-v-15378f4c]{font-size:30px;padding-left:25%}.todo-home__navbar__left__home[data-v-15378f4c]{display:none}@media (min-width: 1024px){.todo-home__navbar__left__home[data-v-15378f4c]{display:block}}.todo-home__navbar__left__search-input[data-v-15378f4c]{display:none}.todo-home__navbar__left__search-input:checked~.todo-home__navbar__left__search-bar[data-v-15378f4c]{transform:scale(1);transform-origin:left;transition:transform .1s}.todo-home__navbar__left__search-bar[data-v-15378f4c]{position:absolute;top:100%;left:10%;width:90%;max-width:250px;height:35px;background-color:#e4e0e0;border-radius:5px;transform:scaleX(0);padding-left:10px}@media (min-width: 1024px){.todo-home__navbar__left__search-bar[data-v-15378f4c]{top:25%;left:23%}}.todo-home__navbar__left__search-bar[data-v-15378f4c]:focus{border:1px solid #bbb8b8}.todo-home__navbar__right[data-v-15378f4c]{grid-column:3/4;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.todo-home__navbar__right__input[data-v-15378f4c]{display:none}.todo-home__navbar__right__profile[data-v-15378f4c]{width:50px;height:50px;border-radius:4px;background-color:#fff;cursor:pointer}.todo-home__navbar .createTodoModal .modal-dialog .modal-content[data-v-15378f4c]{font-size:18px}.todo-home__navbar .createTodoModal .modal-dialog .modal-content .modal-header .modal-title[data-v-15378f4c]{font-size:30px}.todo-home__navbar .createTodoModal .modal-dialog .modal-content .modal-body__form[data-v-15378f4c]{width:100%}.todo-home__navbar .createTodoModal .modal-dialog .modal-content .modal-body__form__task[data-v-15378f4c]{width:95%;height:50px;background-color:var(--input-bg-color);padding-left:10px}.todo-home__navbar .createTodoModal .modal-dialog .modal-content .modal-body__form__description[data-v-15378f4c]{width:97.5%;padding-left:10px;background-color:var(--input-bg-color)}.todo-home__navbar .profileModal .modal-dialog .modal-content[data-v-15378f4c]{font-size:18px}.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-header .modal-title[data-v-15378f4c]{font-size:30px}.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content__name[data-v-15378f4c],.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content__account[data-v-15378f4c],.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content__email[data-v-15378f4c],.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content__password[data-v-15378f4c],.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content__checked-password[data-v-15378f4c]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content input[data-v-15378f4c]{width:95%;height:35px;background-color:var(--input-bg-color);padding-left:10px}.todo-home__navbar .profileModal .modal-dialog .modal-content .modal-body__form__content span[data-v-15378f4c]{height:35px;line-height:35px}.todo-home__navbar .modal-footer[data-v-15378f4c]{color:var(--sub-font-color)}.todo-home__navbar .modal-footer .cancel[data-v-15378f4c],.todo-home__navbar .modal-footer .save[data-v-15378f4c]{all:unset;width:90px;height:35px;margin-left:10px;line-height:35px;cursor:pointer;text-align:center}.todo-home__navbar .modal-footer .cancel[data-v-15378f4c]{background-color:var(--form-border);opacity:.5}.todo-home__navbar .modal-footer .cancel[data-v-15378f4c]:focus{opacity:1}.todo-home__navbar .modal-footer .save[data-v-15378f4c]{background-color:var(--banner-bg-color);opacity:.5}.todo-home__navbar .modal-footer .save[data-v-15378f4c]:focus{opacity:1}.todo-home[data-v-2465ec18],.signIn[data-v-298bcf96]{width:100%}.signIn__top[data-v-298bcf96]{width:100%;height:70px;background-color:var(--banner-bg-color);color:var(--sub-font-color);text-align:center;line-height:70px}.signIn__top__title[data-v-298bcf96]{font-size:25px;font-family:Barlow;font-weight:400}@media (min-width: 768px){.signIn__top__title[data-v-298bcf96]{font-size:30px}}@media (min-width: 1024px){.signIn__top__title[data-v-298bcf96]{font-size:35px}}.signIn__form[data-v-298bcf96]{width:100%;margin-top:70px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.signIn__form__title[data-v-298bcf96]{position:relative;font-size:30px;font-weight:500}@media (min-width: 768px){.signIn__form__title[data-v-298bcf96]{font-size:45px}}.signIn__form__title[data-v-298bcf96]:after{position:absolute;content:"";width:120%;height:2px;top:125%;right:50%;transform:translate(50%);background-color:var(--main-font-color)}.signIn__form__content[data-v-298bcf96]{width:70%;max-width:768px;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:45px}@media (min-width: 768px){.signIn__form__content[data-v-298bcf96]{margin-top:100px}}.signIn__form__content__account[data-v-298bcf96],.signIn__form__content__password[data-v-298bcf96]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}@media (min-width: 768px){.signIn__form__content__account[data-v-298bcf96],.signIn__form__content__password[data-v-298bcf96]{width:70%}}@media (min-width: 768px){.signIn__form__content__account span[data-v-298bcf96],.signIn__form__content__password span[data-v-298bcf96]{font-size:20px}}.signIn__form__content__account input[data-v-298bcf96],.signIn__form__content__password input[data-v-298bcf96]{width:100%;max-width:768px;height:40px;padding:0 10px;background-color:var(--input-bg-color);border-radius:4px}@media (min-width: 768px){.signIn__form__content__account input[data-v-298bcf96],.signIn__form__content__password input[data-v-298bcf96]{height:50px}}.signIn__form__content__account input[data-v-298bcf96]:focus,.signIn__form__content__account input[data-v-298bcf96]:hover,.signIn__form__content__password input[data-v-298bcf96]:focus,.signIn__form__content__password input[data-v-298bcf96]:hover{border-bottom:1px solid #2a2a2a}.signIn__form__content__buttons[data-v-298bcf96]{width:100%;max-width:768px;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media (min-width: 768px){.signIn__form__content__buttons[data-v-298bcf96]{width:70%}}.signIn__form__content__buttons__siginIn[data-v-298bcf96],.signIn__form__content__buttons__siginUp[data-v-298bcf96]{width:100%;height:35px;line-height:35px;cursor:pointer;color:var(--main-font-color);text-align:center;border:1px solid #e2dcdc;border-radius:10px}.signIn__form__content__buttons__siginIn[data-v-298bcf96]:hover,.signIn__form__content__buttons__siginIn[data-v-298bcf96]:focus,.signIn__form__content__buttons__siginUp[data-v-298bcf96]:hover,.signIn__form__content__buttons__siginUp[data-v-298bcf96]:focus{background-color:var(--banner-bg-color);color:#fff}@media (min-width: 768px){.signIn__form__content__buttons__siginIn[data-v-298bcf96],.signIn__form__content__buttons__siginUp[data-v-298bcf96]{font-size:25px;font-weight:400;height:50px;line-height:50px}}.signUp[data-v-d96d3a62]{width:100%}.signUp__top[data-v-d96d3a62]{width:100%;height:70px;background-color:var(--banner-bg-color);color:var(--sub-font-color);text-align:center;line-height:70px}.signUp__top__title[data-v-d96d3a62]{font-size:35px;font-family:Barlow;font-weight:400}@media (min-width: 768px){.signUp__top__title[data-v-d96d3a62]{font-size:45px}}@media (min-width: 1024px){.signUp__top__title[data-v-d96d3a62]{font-size:50px}}.signUp__form[data-v-d96d3a62]{width:100%;margin-top:70px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.signUp__form__title[data-v-d96d3a62]{position:relative;font-size:30px;font-weight:500}@media (min-width: 768px){.signUp__form__title[data-v-d96d3a62]{font-size:45px}}.signUp__form__title[data-v-d96d3a62]:after{position:absolute;content:"";width:120%;height:2px;top:125%;right:50%;transform:translate(50%);background-color:var(--main-font-color)}.signUp__form__content[data-v-d96d3a62]{width:70%;max-width:768px;margin-top:60px;gap:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){.signUp__form__content[data-v-d96d3a62]{gap:45px}}.signUp__form__content__account[data-v-d96d3a62],.signUp__form__content__password[data-v-d96d3a62],.signUp__form__content__name[data-v-d96d3a62],.signUp__form__content__checked-password[data-v-d96d3a62],.signUp__form__content__email[data-v-d96d3a62]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}@media (min-width: 768px){.signUp__form__content__account[data-v-d96d3a62],.signUp__form__content__password[data-v-d96d3a62],.signUp__form__content__name[data-v-d96d3a62],.signUp__form__content__checked-password[data-v-d96d3a62],.signUp__form__content__email[data-v-d96d3a62]{width:70%}}@media (min-width: 768px){.signUp__form__content__account span[data-v-d96d3a62],.signUp__form__content__password span[data-v-d96d3a62],.signUp__form__content__name span[data-v-d96d3a62],.signUp__form__content__checked-password span[data-v-d96d3a62],.signUp__form__content__email span[data-v-d96d3a62]{font-size:20px}}.signUp__form__content__account input[data-v-d96d3a62],.signUp__form__content__password input[data-v-d96d3a62],.signUp__form__content__name input[data-v-d96d3a62],.signUp__form__content__checked-password input[data-v-d96d3a62],.signUp__form__content__email input[data-v-d96d3a62]{width:100%;max-width:768px;height:40px;padding:0 10px;background-color:#e4e0e0;border-radius:4px}@media (min-width: 768px){.signUp__form__content__account input[data-v-d96d3a62],.signUp__form__content__password input[data-v-d96d3a62],.signUp__form__content__name input[data-v-d96d3a62],.signUp__form__content__checked-password input[data-v-d96d3a62],.signUp__form__content__email input[data-v-d96d3a62]{height:50px}}.signUp__form__content__account input[data-v-d96d3a62]:focus,.signUp__form__content__account input[data-v-d96d3a62]:hover,.signUp__form__content__password input[data-v-d96d3a62]:focus,.signUp__form__content__password input[data-v-d96d3a62]:hover,.signUp__form__content__name input[data-v-d96d3a62]:focus,.signUp__form__content__name input[data-v-d96d3a62]:hover,.signUp__form__content__checked-password input[data-v-d96d3a62]:focus,.signUp__form__content__checked-password input[data-v-d96d3a62]:hover,.signUp__form__content__email input[data-v-d96d3a62]:focus,.signUp__form__content__email input[data-v-d96d3a62]:hover{border-bottom:1px solid #2a2a2a}.signUp__form__content__buttons[data-v-d96d3a62]{width:100%;max-width:768px;margin:25px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media (min-width: 768px){.signUp__form__content__buttons[data-v-d96d3a62]{width:70%;margin-top:50px}}.signUp__form__content__buttons__siginIn[data-v-d96d3a62],.signUp__form__content__buttons__siginUp[data-v-d96d3a62]{width:100%;height:35px;line-height:35px;cursor:pointer;color:#2a2a2a;text-align:center;border:1px solid #e2dcdc;border-radius:10px}.signUp__form__content__buttons__siginIn[data-v-d96d3a62]:hover,.signUp__form__content__buttons__siginIn[data-v-d96d3a62]:focus,.signUp__form__content__buttons__siginUp[data-v-d96d3a62]:hover,.signUp__form__content__buttons__siginUp[data-v-d96d3a62]:focus{background-color:var(--banner-bg-color);color:#fff}@media (min-width: 768px){.signUp__form__content__buttons__siginIn[data-v-d96d3a62],.signUp__form__content__buttons__siginUp[data-v-d96d3a62]{font-size:25px;font-weight:400;height:50px;line-height:50px}}