:root{--main:#3e86ff;--main-dark:#27509c;--error:#ff3282;--error-dark:#ad2557}*{box-sizing:border-box}body[status=red]{--main:var(--error);--main-dark:var(--error-dark)}body,html{padding:0;margin:0;background:#ddd;font-family:Roboto,sans-serif;height:100%}body{position:relative}#root{height:100%;overflow:auto}main{min-height:calc(100% - 96px);display:flex;flex-direction:column}p{margin:0}p+p{margin-top:1em}.footer-pusher{height:3rem}footer{background:#fff;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -5px 12px rgba(0,0,0,.08)}footer form{display:flex}footer button,footer input{border:0;background:0 0;padding:0}footer input{flex:1;height:3rem;font-size:1rem;padding:1rem}footer button{width:3rem;height:3rem;background:var(--main);color:#fff;font-size:2rem}footer button:disabled{background:#999}footer .edit-button{text-align:center;width:100%;font-size:1.5rem}main .list{margin:0;padding:0}main .list li{list-style-type:none;margin:0 1rem;border-bottom:1px solid #eee;padding:0;display:flex}main .list input{width:0;height:0;border:none;padding:0;margin:0}main .list label{display:flex;align-items:center}main .list label+span{flex:1;padding:1rem .5rem}main .list .edit{flex:1;padding:1rem .5rem;height:19px;display:inline-block;box-sizing:content-box}main .list span.cb::before{content:"";display:inline-block;width:16px;height:16px;border:1px solid var(--main-dark);margin-right:1rem;vertical-align:middle;margin-top:-3px}main .list input:checked+span.cb::before{background:var(--main)}main .list .done>span{text-decoration:line-through;color:#999}main .list button{border:none;background:0 0}main .list svg{width:1rem;height:1rem;opacity:.8;fill:var(--main-dark)}.btn{border:2px solid var(--main);background:#fff;padding:.75em 1.5em;font-size:1rem}.btn--alert{border-color:var(--error-dark)}.input{font-size:1rem;padding:.75em .75em}.modal{background:#ccc;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.modal__header{text-align:right;width:100%}.modal__close{height:3rem;width:3rem;background:0 0;border:none;color:#000;padding:0;font-weight:700}.header{display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 5px 12px rgba(0,0,0,.08);background:#fff;height:3rem;z-index:1}.header__pusher{height:3rem}.header__button{border:0;background:0 0;padding:0 2rem;height:3rem;background:#eee;white-space:pre}.header__button--trash{background:linear-gradient(to bottom,#eee,#eee 95%,#ffafaf 96%)}.header__button--active{background:var(--main);color:#fff}.header__container{flex:1;height:3rem;overflow-y:hidden}.header__list{list-style-type:none;display:flex;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;height:5rem}.header__item{height:3rem}.header__item:not(:first-child){border-left:1px solid #999}.header__item:last-child{border-right:1px solid #999}.header__add{border:0;padding:0;height:3rem;width:3rem;background:var(--main);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center}.header__add svg{fill:currentColor;height:1.5rem;width:1.5rem}.drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1;transition:transform .3s}.drawer__content{height:100%}.emptyinfo{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#999}.mm__list{margin:0;padding:0;list-style-type:none}.mm__item{margin:0;padding:0}.mm__item+.mm__item{margin-top:1rem}.mm__button{border:0;background:0 0;padding:0 2rem;height:3rem;white-space:pre;background:var(--main);color:#fff}.alm__input{margin:1em}.alm__label{font-weight:700}.alm__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.alm__remove{margin-right:1em}.po__overlay{position:fixed;background:rgba(0,0,0,.1);top:0;left:0;right:0;bottom:0}.po{z-index:9;position:absolute;box-shadow:0 0 15px rgba(0,0,0,.4);background:#fff}.po li,.po ul{margin:0;padding:0;list-style-type:none}.po li+li{border-top:1px solid #ccc}.po button{border:none;background:#fff;height:3rem;padding:0 2rem;width:100%;text-align:left}.po button:hover{background:#eee}
/*#  sourceMappingURL=styles.7123dda3.css.map */