@import"https://fonts.googleapis.com/css2?family=Mulish:wght@400;900&family=Roboto:wght@400;500;700&display=swap";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{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}*{box-sizing:border-box}*{font-family:roboto}body{background-color:#ececec}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.login__wrapper{display:flex;width:300px;height:400px;background-color:#fff;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;border-radius:10px}.login__signup-button{border:none;text-decoration:underline;color:#007bff;background-color:transparent;cursor:pointer}.addbutton__button{width:150px;height:28px;border-radius:4px;border:none;color:#fff;font-family:roboto;font-weight:400;gap:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .3s;transition:font-size .1s;outline:none}.addbutton__button:hover{background-color:#005ec2}.addbutton__button:active{background-color:#003a77;font-size:15px}.loading-overlay__wrapper{position:absolute;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:99}@keyframes shaking{0%{transform:rotate(15deg)}50%{transform:rotate(0)}to{transform:rotate(-15deg)}}.loading-overlay_inner_wrapper{padding:18px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;animation:shaking 1s linear infinite alternate-reverse}.maincontainer__wrapper{max-width:600px;height:100vh;display:flex;flex-direction:column;margin:auto;gap:20px;padding:24px;justify-content:center;align-items:center}.textinput__wrapper{display:flex;position:relative;flex:1;min-height:30px}.textinput__input{border-radius:4px;outline:none;border:1px solid #c9c9c9}.textinput__input::placeholder{text-align:center}.textinput__iconwrapper{display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:.2;transition:opacity .1s}.textinput__input:focus::placeholder{color:transparent;transition:color .1s}.textinput__input:not(:placeholder-shown)+.textinput__iconwrapper{opacity:0;transition:opacity .1s}.textinput__input:focus+.textinput__iconwrapper{opacity:0;transition:opacity .1s}.flex-container__wrapper{display:flex;max-width:100%}.header__wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.header__logout-button{border:none;text-decoration:underline;color:#bc4a4a;background-color:transparent;cursor:pointer}.select__wrapper{height:30px;border-radius:4px;padding:4px}.searchbar__header{height:120px;width:100%;flex-direction:column}.searchbar__wrapper{display:flex;justify-content:center;width:100%;flex-direction:column}.searchbar__add-item_wrapper,.searchbar__search-item_wrapper,.searchbar__options_wrapper{display:flex;justify-content:space-between;width:100%}.todolist__wrapper{display:flex;flex-direction:column;background-color:#fff;height:600px;overflow-y:auto;gap:20px;width:100%}.todolist__header__wrapper{background-color:#fff;height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #c9c9c9}.todolist__header__wrapper>h2{font-family:roboto;font-weight:500;font-size:14px;height:48px;display:flex;align-items:center}.todolist__list__wrapper{list-style:none;background-color:#fff;padding:0 16px}.todolist__list__wrapper>li{width:100%;height:36px;border-bottom:1px solid #c9c9c9;padding:8px 0;display:flex;align-items:center}.todolist__list__wrapper>li:last-child{border-bottom:none}.signup__wrapper{display:flex;width:300px;height:400px;background-color:#fff;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;border-radius:10px}.signup__back-button{border:none;text-decoration:underline;color:#007bff;background-color:transparent;cursor:pointer}