.tgl{display:none}.tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.tgl+.tgl-btn:after{left:0}.tgl+.tgl-btn:before{display:none}.tgl:checked+.tgl-btn:after{left:50%}.tgl-light+.tgl-btn{background:#3b4042;border-radius:2em;padding:2px;-webkit-transition:all .4s ease;transition:all .4s ease}.tgl-light+.tgl-btn:after{border-radius:50%;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.tgl-light:checked+.tgl-btn{background:#668964}.tgl-flat+.tgl-btn{padding:2px;background:#fff;border:4px solid #f2f2f2;border-radius:2em}.tgl-flat+.tgl-btn,.tgl-flat+.tgl-btn:after{-webkit-transition:all .2s ease;transition:all .2s ease}.tgl-flat+.tgl-btn:after{content:"";background:#f2f2f2;border-radius:1em}.tgl-flat:checked+.tgl-btn{border:4px solid #7fc6a6}.tgl-flat:checked+.tgl-btn:after{left:50%;background:#7fc6a6}#app.light-mode{background-image:none}#app.light-mode .add{background-color:rgba(102,137,100,.75);color:#fff;border:none;-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}#app.light-mode .add::-webkit-input-placeholder{color:#fff}#app.light-mode .add:-ms-input-placeholder{color:#fff}#app.light-mode .add::-ms-input-placeholder{color:#fff}#app.light-mode .add::placeholder{color:#fff}#app.light-mode .toolbar{background-color:#668964;color:#fff}#app.light-mode .toolbar a{color:#fff}#app.light-mode .toolbar .hamburger span{background-color:#fff}#app.light-mode .tgl-light+.tgl-btn{background-color:#d7d7d7}#app.light-mode .checkbox .check-mark{background-color:#dcdcdc}#app.light-mode .checkbox .check-mark:after{border-color:#668964}#app.light-mode .sidebar{background-color:#fff;-webkit-box-shadow:1px 0 2px #ccc;box-shadow:1px 0 2px #ccc}#app.light-mode .checklist li{background-color:#fff;color:#333;-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}#app.light-mode .checklist li.done{opacity:.5}#app.light-mode .checklist li.pseudo{border:2px dashed #668964;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}#app.light-mode .home input,#app.light-mode .login input,#app.light-mode .register input{background-color:#fff;color:#333;-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}*{-webkit-box-sizing:border-box;box-sizing:border-box}button[disabled]{opacity:.5;cursor:default}body{font-family:sans-serif;margin:0;font-size:14px}#app{position:fixed;background:url(../img/static.8b05ce45.png);background-color:#232426;color:#a5a5a5;width:100vw;height:100vh}#app.light-mode{background-color:#f1f1f1;color:#333}#app.transitions .sidebar{-webkit-transition:left .2s;transition:left .2s}#app.transitions .checklist{-webkit-transition:width .2s;transition:width .2s}h1{text-align:center;width:100%}ol,ul{padding-left:0;list-style:none}a{color:#a5a5a5;text-decoration:none}a:hover{text-decoration:underline}.snackbar{position:fixed;left:20px;bottom:20px;z-index:20}.snackbar li{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);position:relative;background-color:#333;padding:10px 20px;border-radius:3px;cursor:pointer;display:block;margin-bottom:10px;color:#d6d6d6}.no-lists{position:fixed;left:50%;top:100px;z-index:5;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.no-items{margin-top:50px;text-align:center}#app.sidebar-open .sidebar{left:0}#app.sidebar-open .checklist{width:calc(100% - 256px)}.toolbar{position:relative;padding:10px 25px;background-color:#1f1f1f}.toolbar:after{content:"";display:table;clear:both}.toolbar a{color:#a5a5a5;text-decoration:none}.toolbar a:hover{text-decoration:underline}.toolbar .hamburger{position:absolute;left:20px;top:0;width:20px;height:100%;cursor:pointer}.toolbar .hamburger:hover span{background-color:#fff}.toolbar .hamburger span{margin-top:11px;display:block;width:100%;height:1px;background-color:#a5a5a5;border-radius:3px}.toolbar .hamburger span:nth-child(2),.toolbar .hamburger span:nth-child(3){margin-top:5px}.toolbar .logout{float:right}.sidebar{position:absolute;background-color:#232426;width:256px;height:calc(100vh - 36px);float:left;padding:15px 20px;left:-265px;z-index:15;-webkit-box-shadow:0 1px 4px 0 #131313;box-shadow:0 1px 4px 0 #131313}.sidebar .lists{max-height:calc(100vh - 170px);overflow:auto}.sidebar .list{border-radius:3px;cursor:pointer;padding:7px 3px 7px 10px;margin-top:10px}.sidebar .list.active,.sidebar .list:hover{background-color:#668964;color:#fff}.sidebar .list.active .close:after,.sidebar .list.active .close:before,.sidebar .list:hover .close:after,.sidebar .list:hover .close:before{background-color:#fff}.sidebar .list .remove{float:right;cursor:pointer;margin-right:5px}.sidebar .list .close{width:24px;margin-right:0}.sidebar .list .close:after,.sidebar .list .close:before{left:50%;width:2px;background-color:#a5a5a5}.sidebar .list .close:before{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.sidebar .list .close:after{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.sidebar .settings{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)}.sidebar .settings .tgl-btn{float:right}.checkbox{position:relative;float:left;top:-2px;margin-right:5px}.checkbox input{position:absolute;visibility:hidden}.checkbox .check-mark{display:block;height:25px;width:25px;background-color:#232426;border-radius:3px;cursor:pointer}.checkbox .check-mark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox input:checked~.check-mark:after{display:block}.checklist{width:100%;float:right;padding:25px}.checklist .title{font-weight:700;font-size:28px}.checklist button{background-color:#668964;border:none;color:#f1f1f1;padding:7px 14px;border-radius:3px}.checklist .lists{height:calc(100vh - 148px);overflow:auto}.checklist li,.checklist ul{position:relative}.checklist li{background-color:#3b4042;color:#a5a5a5;border:none;-webkit-box-shadow:0 1px 4px 0 #131313;box-shadow:0 1px 4px 0 #131313;width:100%;padding:10px;border-radius:3px;margin-bottom:8px}.checklist li.dragging{position:absolute;z-index:10}.checklist li.pseudo{border:2px dashed #3b4042;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.checklist li.done{opacity:.7}.checklist li.done .item-title{text-decoration:line-through}.checklist li .item-title{display:inline-block;padding:3px 0 3px 7px;max-width:calc(100% - 85px)}.checklist li .item-title:active,.checklist li .item-title:focus{outline:none}.checklist li .move{position:absolute;right:28px;top:0;width:30px;height:100%;cursor:pointer}.checklist li .move span{display:block;position:relative;width:100%}.checklist li .move span:after,.checklist li .move span:before{content:"";position:absolute;width:3px;height:3px;background-color:#a5a5a5;border-radius:3px;left:10px;top:12px}.checklist li .move span:after{left:auto;right:10px}.checklist li .move span:nth-child(2):after,.checklist li .move span:nth-child(2):before{top:19px}.checklist li .move span:nth-child(3):after,.checklist li .move span:nth-child(3):before{top:26px}.checklist li .remove{float:right;cursor:pointer;margin-right:10px;margin-top:3px}.add{background-color:#3b4042;color:#a5a5a5;border:none;-webkit-box-shadow:0 1px 4px 0 #131313;box-shadow:0 1px 4px 0 #131313;border-radius:3px;padding:10px;width:100%;margin:10px 0}.add::-webkit-input-placeholder{color:hsla(0,0%,100%,.75)}.add:-ms-input-placeholder{color:hsla(0,0%,100%,.75)}.add::-ms-input-placeholder{color:hsla(0,0%,100%,.75)}.add::placeholder{color:hsla(0,0%,100%,.75)}.home,.login,.register{width:256px;max-width:calc(100% - 50px);position:absolute;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home p,.login p,.register p{text-align:center;width:100%;margin:0}.home input,.login input,.register input{width:100%;padding:10px;border-radius:3px;margin-bottom:15px;background-color:#3b4042;color:#a5a5a5;border:none;-webkit-box-shadow:0 1px 4px 0 #131313;box-shadow:0 1px 4px 0 #131313}.home button,.login button,.register button{width:100%;padding:10px;border:1px solid #668964;border-radius:3px;margin-bottom:15px;background-color:#668964;color:#fff;font-weight:700;cursor:pointer;margin-top:15px}.home button.google,.login button.google,.register button.google{background-color:#de4b37;border-color:#de4b37;margin-top:0}.home button.google:hover,.login button.google:hover,.register button.google:hover{background-color:#de6655}.home button:hover,.login button:hover,.register button:hover{background-color:#8ba07f}.close{position:relative;display:inline-block;width:15px;height:15px}.close:after,.close:before{content:" ";position:absolute;left:15px;height:100%;width:3px;background-color:#a5a5a5;border-radius:2px}.close:hover:after,.close:hover:before{background-color:#ccc}.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:768px){#app.sidebar-open .checklist{width:100%}}