body{color:#7b68ee;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;font-size:18px;line-height:24px}*{box-sizing:border-box}img{display:block}h1{align-items:center;margin:5px 0 20px;padding:0;font-size:32px;font-weight:600;line-height:32px;display:flex}p{color:plum;margin:10px 0}a{color:plum}.admin{filter:invert()hue-rotate(120deg);background:#fff;min-height:100vh}.app{max-width:768px;margin:0 auto;padding:15px}.title-icon{width:32px;height:32px;margin-left:15px;position:relative;top:-3px}.items{border-top:1px solid plum}.item{cursor:pointer;border-bottom:1px solid plum;justify-content:space-between;width:100%;padding:10px 0;display:flex}.item:last-child{border-bottom:none;padding-bottom:0}.item--grab{cursor:grab}.item__content{margin-right:15px;display:flex}.item__icons{flex-shrink:0;width:40px;font-size:24px;position:relative;top:-1px}.item__square{margin-right:15px}.item__checkbox{opacity:0;transition:opacity .3s;position:absolute;top:0;left:0}.item__checkbox--active{opacity:1}.text{position:relative}.text__viewport{background:#fff;width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0;overflow:hidden}.text__viewport--active{width:100%}.striked{text-decoration:line-through}.text__striked{height:100%;text-decoration:line-through;position:absolute;top:0;left:0}.text__category{color:plum}.link{align-items:center;display:flex}.icon{width:18px;height:18px;margin:3px 0}.tabs{width:100%;display:flex}.tabs__tab{color:plum;cursor:pointer;border-bottom:1px solid #7b68ee;border-top-left-radius:5px;border-top-right-radius:5px;justify-content:center;align-items:center;width:50%;height:40px;text-decoration:none;display:flex}.tabs__tab--active{color:#7b68ee;border:1px solid #7b68ee;border-bottom:none}.actions{align-items:center;gap:20px;margin:10px 0 5px;display:flex}.actions--margin{margin:20px 0}.button{color:#7b68ee;cursor:pointer;background:#f0f0f0;border:1px groove #7b68ee;border-radius:4px;padding:5px 20px;font-size:18px;line-height:24px}.input{border:1px solid plum;width:100%;height:40px;margin-bottom:10px;padding:0 10px;font-size:18px;line-height:24px;display:block}.label{cursor:pointer}.checkbox{margin-bottom:20px;margin-right:10px;position:relative;top:-1px}.select{background:0 0;border:1px solid plum;width:100%;height:40px;margin-bottom:10px;padding:0 10px;font-size:18px;line-height:24px;display:block}