@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:local("Raleway Light"),local("Raleway-Light"),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local("Raleway Medium"),local("Raleway-Medium"),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback}.content-font{font-weight:300;font-family:Raleway,sans-serif}@font-face{font-family:Quattrocento Sans;font-style:normal;font-weight:400;src:local("Quattrocento Sans"),local("QuattrocentoSans"),url(https://fonts.gstatic.com/s/quattrocentosans/v11/va9c4lja2NVIDdIAAoMR5MfuElaRB0zJt08.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:fallback}.title-font{font-family:Quattrocento Sans,serif}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:inherit;font-size:100%;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,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:15px;font-family:inherit}textarea{white-space:pre-wrap}input:focus,textarea:focus{outline:0}button{-webkit-tap-highlight-color:transparent}input[type=checkbox],input[type=radio]{min-width:13px;min-height:13px;width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type=reset],input[type=button],input[type=submit]{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button::-moz-focus-inner{border:0}:root{--primary: #9ed36a;--primary-90: #9ed36a90;--primary-light: #d1ff9a;--primary-dark: #6da13c;--primary-dark-90: #6da13c90;--secondary: #8341c6;--secondary-light: #b670fa;--secondary-lighter: #c7aae5;--secondary-lightest: #e1d1f1;--secondary-medium: #7230b5;--secondary-darkish: #611fa5;--secondary-dark: #500e94;--secondary-dark-90: #500e9490;--secondary-darker: #371955;--on-primary: #332b2f;--on-secondary: #ffffff;--background-light: #fafafa;--background: #eeeeee;--background-medium: #bbb;--background-dark: #888888;--background-darkish: #6b6b6b;--background-darker: #555555;--shadow: #0007;--shadow-dark: #000a;--shadow-faint: #0003;--shadow-medium: #0005;--outline: #aaa;--outline-less: #bbb;--outline-dark: #777;--outline-faint: #0003;--outline-focus-light: #fff8;--outline-focus-dark: #000;--warning: #f4c242;--upcoming: #76dce4;--upcoming-90: #76dce490;--upcoming-dark: #22a7b0;--upcoming-dark-90: #22a7b090;--completed: #eabc5a;--completed-90: #eabc5a90;--completed-dark: #b28a27;--completed-dark-90: #b28a2790;--due: #ff3b22;--today: #e5005b;--tomorrow: #b100d4;--overmorrow: #5c18ff;--week: #008094;--later: #2a7d0d;--login-animation-length: .3s;--modal-animation-length: .3s;--modal-exit-animation-length: .2s}body{background-color:var(--background)}body.noscroll{overflow:hidden}.login-header{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--primary-light);width:100%;height:35vh;min-height:12rem;box-shadow:0 1px 5px 0 var(--shadow-medium);position:relative;padding:0 1rem;will-change:min-height,max-height,background-color,border-bottom,box-shadow}.login-exit .login-header{animation:login-header-exit var(--login-animation-length);animation-fill-mode:forwards}@keyframes login-header-exit{0%{min-height:12rem;max-height:35vh;background-color:var(--primary-light);overflow:hidden;border-bottom:1px solid transparent;box-shadow:0 1px 5px 0 var(--shadow)}to{min-height:0;max-height:3.1rem;background-color:var(--primary);overflow:hidden;border-bottom:1px solid var(--primary-dark);box-shadow:0 1px 5px 0 transparent}}.login-title-container{display:flex;align-items:center;justify-content:center;padding:.3rem}.login-exit .login-header-inner{animation:login-header-inner-exit var(--login-animation-length);animation-fill-mode:forwards}@keyframes login-header-inner-exit{0%{opacity:1}to{opacity:0}}.login-logo{width:6rem;height:6rem;padding:.5rem}.login-title{font-size:2.5rem;padding:.5rem}.login-description{border-top:2px solid var(--secondary-light);font-size:1.2rem;padding:.8rem}.modal-shadow{position:fixed;inset:0;background-color:var(--shadow-dark);z-index:10000;animation:shadow-enter var(--modal-animation-length);contain:strict}@keyframes shadow-enter{0%{opacity:0}to{opacity:1}}.modal-exit .modal-shadow{animation:shadow-exit var(--modal-exit-animation-length)}@keyframes shadow-exit{0%{opacity:1}to{opacity:0}}.modal-container{position:fixed;bottom:0;right:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 .5rem;z-index:10001;overflow:hidden;pointer-events:none;contain:strict}.login-container{background-color:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;height:65vh;min-height:16rem;padding:0 .5rem}.login-exit .login-container{animation:login-container-exit var(--login-animation-length);animation-fill-mode:forwards}@keyframes login-container-exit{0%{opacity:1}to{opacity:0}}.modal-form{box-shadow:0 1px 5px 0 var(--shadow);padding:.8rem 1.5rem;background-color:var(--secondary);width:100%;pointer-events:auto;border:.5px solid var(--outline-faint);border-radius:.5rem;padding:.8rem 1rem}.edit .modal-form,.create .modal-form{animation:modal-form-enter var(--modal-animation-length)}@keyframes modal-form-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal-exit .modal-form{animation:modal-form-exit var(--modal-exit-animation-length)}@keyframes modal-form-exit{0%{opacity:1}to{opacity:0}}.create .modal-form-contents{animation:modal-form-contents-enter-create var(--modal-animation-length)}@keyframes modal-form-contents-enter-create{0%{opacity:0}to{opacity:1}}.login-form{max-width:25rem}.edit-form{max-width:35rem}.form-top-bar{display:flex;justify-content:space-between}.form-title{font-size:1.05rem;color:var(--on-secondary);padding-top:.1rem;padding-bottom:.1rem}.text-input{display:block;margin:1rem 0;font-size:1.5rem;width:100%;border:1px solid var(--outline);padding:.2em;border-radius:.2em;color:var(--on-primary);background-color:var(--secondary-lighter);box-shadow:0 1px 2px 0 var(--shadow-faint) inset}.text-input:focus{background-color:var(--secondary-lightest)}.login-signup{display:flex;flex-direction:row;justify-content:space-between}#title{max-height:2em;transition:max-height .3s,font-size .3s;resize:none}#title.expand{font-size:1.2rem;max-height:7em}.item-deadline.on-edit-form{background-color:var(--background);margin:0;width:100%;margin-top:1rem;margin-bottom:.7rem;padding:0 .7rem;border-radius:.3rem;height:2.15rem;line-height:2.15rem;font-size:1.3rem}.snooze-todo-title{color:var(--on-secondary);font-size:1.3rem;line-height:1.3;margin-bottom:.3rem;max-height:3.9rem;overflow:hidden;overflow-wrap:break-word}.item-deadline.on-edit-form.snooze-old-time{background-color:transparent;color:var(--secondary-lightest);padding:0;margin-top:0;margin-bottom:.3rem;font-size:1.1rem;height:auto;line-height:1.4;text-align:left}.show-in-deadlines{display:flex;align-items:center;margin:.6rem 0;padding:.5rem .3rem}.deadline-check-label{color:var(--on-secondary);font-size:1.3rem}.pill-button{border-radius:999rem;display:flex;justify-content:center;align-items:center;padding:.3em .8em;transition:background-color .1s;outline:none;cursor:pointer}.pill-button.large{padding:.8rem 2rem}.pill-button.large-fixed{padding:.8rem;min-width:12rem}.pill-button.on-secondary{color:var(--on-secondary)}.pill-button.on-primary{color:var(--on-primary)}.pill-button.on-secondary.fill{background-color:var(--secondary-medium)}.pill-button:focus.on-secondary,.pill-button:hover.on-secondary{background-color:var(--secondary-dark-90)}.pill-button:focus.on-primary,.pill-button:hover.on-primary{background-color:var(--primary-dark-90)}.pill-button:active.on-secondary{background-color:var(--secondary-dark)}.pill-button:active.on-primary{background-color:var(--primary-dark)}.pill-button.fill.processing,.pill-button:focus.fill.processing{opacity:.8;background-color:var(--shadow-faint)}.text-button{color:var(--on-secondary);text-decoration:underline;padding:.1rem;border:1px solid transparent;cursor:pointer;outline:none}.text-button.on-background{color:var(--on-primary)}.text-button:focus{border:1.3px dashed var(--outline-focus-light)}.text-button.on-background:focus{border:1.3px dashed var(--secondary)}.text-button:active{border:1.3px solid var(--outline-focus-light)}.text-button.on-background:active{border:1.3px solid var(--secondary)}.button-text{font-size:1.6rem}.show-more-button{display:block;margin:1rem auto 1.6rem;font-size:1rem}.completed .show-more-button{color:var(--completed-dark)}.header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.1rem .6rem .1rem .1rem;height:3.1rem;transition:background-color .5s;z-index:1000;contain:strict}.header.normal{background-color:var(--primary);border-bottom:1px solid var(--primary-dark)}.header.upcoming{background-color:var(--upcoming);border-bottom:1px solid var(--upcoming-dark)}.header.completed{background-color:var(--completed);border-bottom:1px solid var(--completed-dark)}.header-first{display:flex;align-items:center}.menu-icon{width:2.8rem;height:2.8rem;margin-right:.8rem;border-radius:50%;padding:.4rem;background-color:transparent;transition:background-color .1s;cursor:pointer;outline:none}.normal .menu-icon:hover,.normal .menu-icon:focus{background-color:var(--primary-dark-90)}.normal .menu-icon:active{background-color:var(--primary-dark)}.upcoming .menu-icon:hover,.upcoming .menu-icon:focus{background-color:var(--upcoming-dark-90)}.upcoming .menu-icon:active{background-color:var(--upcoming-dark)}.completed .menu-icon:hover,.completed .menu-icon:focus{background-color:var(--completed-dark-90)}.completed .menu-icon:active{background-color:var(--completed-dark)}.header-last{display:flex;align-items:center}.cloud{margin-right:.8rem;width:1.8rem;height:1.8rem;opacity:1;transition:opacity 2s ease-in;will-change:opacity}.cloud-hidden{opacity:0}.cloud-path{transition:fill .5s}.normal .cloud-path{fill:var(--primary-dark)}.upcoming .cloud-path{fill:var(--upcoming-dark)}.completed .cloud-path{fill:var(--completed-dark)}.logout-button{border:1.5px solid black;border-radius:999rem;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;margin-top:1rem}.logout-button:active{background-color:#eee}.noscript-header{background-color:var(--warning);font-size:1.4rem;font-family:sans-serif;padding:1.2rem 0;text-align:center}.message{position:fixed;bottom:0;text-align:center;font-size:1.2rem;background-color:var(--warning);width:100%;padding:1rem;opacity:1;transition:opacity .3s;min-height:3.2rem;z-index:40000}.message.hidden{opacity:0;pointer-events:none}.menu-container{height:100%;min-height:calc(100vh - 3.1rem)}.menu-shadow{position:absolute;left:0;width:100vw;height:100%;z-index:99999;background-color:#000;opacity:0;pointer-events:none;transition:.1s opacity ease-out}.menu-show .menu-shadow{pointer-events:auto;opacity:.2}.menu-spacer{display:none}.menu{color:var(--on-primary);background-color:var(--background-light);width:80vw;height:100%;z-index:100000;position:absolute;top:0;left:-80vw;opacity:0;pointer-events:none;transition:left .25s ease-in-out,opacity .01s linear .25s;will-change:left,opacity}.menu-show .menu{left:0;opacity:1;pointer-events:auto;transition:left .25s ease-out,opacity .01s linear}@keyframes slide-in{0%{left:-80vw}to{left:0}}.menu-list{padding:1rem 0;border-bottom:1px solid var(--outline-faint);font-size:1.3rem}.main-nav-item{display:block;padding:1rem 1rem 1rem 2rem;color:var(--on-primary);text-decoration:none;transition:background-color .1s;outline:none;-webkit-tap-highlight-color:transparent}.main-nav-item:focus,.main-nav-item:hover{background-color:var(--background)}.main-nav-item:focus.selected,.main-nav-item.selected{color:var(--secondary-dark);background-color:var(--secondary-lightest)}.main-nav-item.selected:focus,.main-nav-item.selected:hover{background-color:var(--secondary-lighter)}.main-nav-item:active{background-color:var(--secondary-light)}.username{font-weight:500}.menu-username{font-size:1rem;padding:1rem 1rem .7rem 2rem;text-decoration:none;transition:background-color .1s;outline:none}.menu-logout{padding-left:1.9rem}.page-container{background-color:var(--background);display:flex;flex-direction:row;align-items:flex-start;position:relative;overflow-x:hidden}.todo-container{display:flex;flex-direction:column;padding-bottom:6.5rem;min-width:100vw}.todo-section{flex-basis:100%;overflow:hidden;contain:content}.section-enter{animation:section-enter .5s}@keyframes section-enter{0%{max-height:0vh;opacity:0}to{max-height:100vh;opacity:1}}.section-exit{animation:section-exit .5s linear}@keyframes section-exit{0%{max-height:100vh;opacity:1}to{max-height:0vh;opacity:0}}.section-title{font-size:1.15rem;padding:1rem 0 .4rem .8rem;background-color:var(--background);text-transform:capitalize}.normal .section-title{color:var(--primary-dark)}.upcoming .section-title{color:var(--upcoming-dark)}.completed .section-title{color:var(--completed-dark)}.section-before{width:100%;border-top:.5px solid var(--secondary)}.section-after{width:100%;border-top:.5px solid var(--outline-faint);border-bottom:.5px solid var(--secondary);margin-top:1px}.todo-list{position:relative;z-index:1000;overflow:hidden}.normal .todo-list{background-color:var(--primary-90)}.upcoming .todo-list{background-color:var(--upcoming-90)}.completed .todo-list{background-color:var(--completed-90)}.item{display:flex;flex-direction:column;border-top:.5px solid var(--outline-faint);background-color:var(--background-light);color:var(--on-primary);font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;contain:content}.item-enter{animation:item-enter .3s ease-in}@keyframes item-enter{0%{opacity:0;max-height:0;overflow-y:hidden;z-index:-1}to{opacity:1;max-height:6rem}}.item-exit{animation:item-exit .3s}@keyframes item-exit{0%{opacity:1;max-height:6rem;z-index:-1;overflow-y:hidden}to{opacity:0;max-height:0}}.done-item-exit{animation:done-item-exit .5s;overflow:hidden;position:relative;border:0px solid transparent}@keyframes done-item-exit{0%{left:0;max-height:6rem}to{left:100%;max-height:0}}.item-main:before{content:"";width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background:linear-gradient(transparent 3.95em,#fff 5.05em);transition:opacity .3s;pointer-events:none}.selected .item-main:before{opacity:0}.item-main{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem;margin-bottom:.2rem;padding:.5rem .4rem .5rem .6rem;margin-left:.2rem;position:relative}.item-first{display:flex;justify-content:flex-start;align-items:flex-start}.item-title{line-height:1.2em;white-space:pre-wrap;margin-left:.2rem;font-weight:500;overflow:hidden;max-height:4.55em;transition:max-height .3s;word-wrap:anywhere;overflow-wrap:anywhere;word-break:break-word}.selected .item-title{max-height:20em;overflow-y:auto;animation:enlarge .3s ease-out}@keyframes enlarge{0%{max-height:4.55em;overflow-y:hidden}99%{max-height:20em}to{max-height:20em;overflow-y:auto}}.item-deadline{font-style:italic;font-size:.9rem;color:var(--secondary-dark);line-height:1.2em;margin-left:.5rem;text-align:right;min-width:5.1rem;max-height:4.55em;padding-right:.4rem;overflow-y:hidden;overflow-x:hidden}.due.item-deadline{color:var(--due);border-right:.15rem solid var(--due)}.today.item-deadline{color:var(--today);border-right:.1rem solid var(--today)}.tomorrow.item-deadline{color:var(--tomorrow)}.overmorrow.item-deadline{color:var(--overmorrow)}.week.item-deadline{color:var(--week)}.later.item-deadline{color:var(--later)}.highlight .item-main{color:var(--secondary);border-left:.35rem dotted var(--secondary);padding-left:.25rem}.selected .item-deadline{max-height:20rem;overflow-y:auto}input[type=checkbox]{min-width:.5em;width:.5em;margin:0;padding:0;opacity:0;align-self:center}.css-check{display:inline-block;width:1.2em;height:1.2em;margin-left:-.5em;margin-right:.6em;vertical-align:bottom;border:1.7px solid var(--outline);border-radius:.2rem;align-self:center}.css-check.on-secondary{background-color:var(--on-secondary)}input[type=checkbox]+.css-check:after{font-size:1.2rem;content:"✓";text-align:center;position:relative;bottom:.1em;opacity:0;color:var(--primary-dark);transition:opacity .07s ease-out}input[type=checkbox]:focus+.css-check{box-shadow:0 0 3px 0 var(--shadow)}input[type=checkbox]:focus+.css-check.on-secondary{box-shadow:none;background-color:var(--background-medium)}input[type=checkbox]:checked+.css-check{border:1.7px solid var(--primary-dark)}input[type=checkbox]:checked+.css-check:after{opacity:1}.item-highlight{position:absolute;width:100%;display:flex;justify-content:flex-end;opacity:0;height:2.5rem;padding:.3rem;transition:opacity .3s;z-index:2;pointer-events:none}.mouseover .item-highlight{opacity:1}.item-highlight .pill-button{color:var(--secondary);background-color:var(--background);margin:0 .2rem}.mouseover .pill-button{pointer-events:auto}.item-highlight .pill-button:hover,.item-highlight .pill-button:focus{background-color:var(--secondary-lightest)}.item-highlight .pill-button:active{background-color:var(--secondary-lighter)}.item-options{background-color:var(--secondary-light);display:flex;justify-content:flex-start;align-items:center;box-shadow:0 0 2px 0 var(--shadow) inset;height:0;overflow:hidden;transition:height .3s,padding .3s;padding:0 .3rem}.selected .item-options{height:2.5rem;padding:.3rem}.option-button{padding:.4em .8em;margin-top:.6em;margin-bottom:.6em}.fab{color:var(--on-secondary);background-color:var(--secondary);box-shadow:0 1px 5px 0 var(--shadow-dark);font-size:2.5rem;border-radius:50%;width:3.5rem;height:3.5rem;position:fixed;right:1.5rem;bottom:1.5rem;z-index:10000;transition:background-color .1s;cursor:pointer;contain:strict}.fab:focus{border:1.5px solid var(--outline-focus-light);outline:none}.fab:hover{background-color:var(--secondary-darkish)}.fab:active{border:1.5px solid var(--outline-faint);background-color:var(--secondary-dark)}.undo{background-color:var(--background-dark);box-shadow:0 1px 5px 0 var(--shadow-dark);border-radius:.5rem;position:fixed;padding:.1rem;left:1.5rem;bottom:1.5rem;z-index:10000;transition:background-color .1s,opacity .2s;contain:content}.dismiss-button,.undo-button{font-size:1.4rem;color:var(--on-secondary);margin:.1rem;padding:.5rem .3rem;border-radius:.3rem}.dismiss-button:focus,.undo-button:focus{outline:none;background-color:var(--background-darkish)}.dismiss-button:active,.undo-button:active{background-color:var(--background-darker)}.undo-hidden{opacity:0;pointer-events:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background-color:var(--background-light);border-top:1px solid var(--outline-faint);box-shadow:0 -1px 5px 0 var(--shadow-faint);padding-bottom:env(safe-area-inset-bottom,0px);z-index:9999;contain:content}.bottom-nav-item{flex:1;text-align:center;padding:.9rem 0 .8rem;font-size:1.05rem;color:var(--background-darkish);text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;border-top:3px solid transparent;transition:background-color .1s}.bottom-nav-item:active,.bottom-nav-item:focus{background-color:var(--background)}.bottom-nav-item.selected{font-weight:500}.normal.bottom-nav .bottom-nav-item.selected{color:var(--primary-dark);border-top-color:var(--primary-dark)}.upcoming.bottom-nav .bottom-nav-item.selected{color:var(--upcoming-dark);border-top-color:var(--upcoming-dark)}.completed.bottom-nav .bottom-nav-item.selected{color:var(--completed-dark);border-top-color:var(--completed-dark)}@media only screen and (max-width:899px){.fab,.undo{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.todo-container{padding-bottom:calc(9.5rem + env(safe-area-inset-bottom,0px))}.modal-container{justify-content:flex-start;padding-top:3rem}}@media only screen and (max-height:400px){.login-header,.bottom-nav{display:none}.modal-container{background-color:var(--secondary);pointer-events:auto;justify-content:flex-start;padding-top:0;animation:modal-container-background-enter var(--modal-animation-length);overflow:auto}@keyframes modal-container-background-enter{0%{overflow:hidden;background-color:var(--transparent)}to{overflow:hidden;background-color:var(--secondary)}}.modal-exit .modal-container,.modal-exit .modal-container.create,.modal-exit .modal-container.edit{animation:modal-container-background-exit var(--modal-exit-animation-length)}@keyframes modal-container-background-exit{0%{background-color:var(--secondary);overflow:hidden}to{overflow:hidden;background-color:var(--transparent)}}.login-container{background-color:var(--secondary);height:100vh}.modal-form{box-shadow:none;border:none;padding:.8rem .3rem}}@media only screen and (min-width:900px){.modal-container.create{animation:modal-container-enter-create var(--modal-animation-length)}@keyframes modal-container-enter-create{0%{width:3.5rem;height:3.5rem;border-radius:1.75rem;right:1.5rem;bottom:1.5rem;padding:0}to{width:100vw;height:100vh;border-radius:0;right:0;bottom:0;padding:0 .5rem}}.create .modal-form{animation:none}.modal-exit .modal-form{animation:modal-form-exit var(--modal-exit-animation-length)}.menu-container{contain:content;height:auto;align-self:stretch}.menu-shadow,.bottom-nav{display:none}.menu-spacer{display:block;width:0;height:100%;transition:width .2s ease-out;will-change:width}.menu-show .menu-spacer{width:14rem;margin-right:1rem}.menu{width:14rem;left:-14rem;transition:left .2s ease-out,opacity .01s linear .2s;will-change:left,opacity;z-index:auto}.menu-show .menu{transition:left .2s ease-out,opacity .01s linear}.todo-container{flex-direction:row;width:100vw;min-width:auto}.desktop-pad.todo-section{padding:0 1rem}.desktop-animate-horizontal.section-enter{animation:horiz-section-enter .5s}@keyframes horiz-section-enter{0%{max-width:0vw;opacity:0;padding:0}30%{padding:0 1rem}to{max-width:100vw;opacity:1;padding:0 1rem}}.desktop-animate-horizontal.section-exit{animation:horiz-section-exit .5s linear}@keyframes horiz-section-exit{0%{max-width:100vw;opacity:1;padding:0 1rem}70%{padding:0 1rem}to{max-width:0vw;opacity:0;padding:0}}.modal-form{width:35rem}.login-title{font-size:3.2rem}.login-logo{width:7rem;height:7rem}}