@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700;800&display=swap);body{margin:0;padding:0;font-family:Karla,Raleway,Arial,sans-serif;letter-spacing:-1.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f5fb;color:#201f3d}body #app{max-width:600px;margin-left:auto;margin-right:auto;padding:20px}body #app h1{font-weight:700;font-size:35px;text-align:left;margin-top:60px}body #app form{display:flex;flex-direction:column;width:100%}body #app form label{font-size:14px;font-weight:700}body #app form button,body #app form input{height:48px;box-shadow:none;outline:none;padding-left:12px;padding-right:12px;border-radius:6px;font-family:Karla,Raleway,Arial,sans-serif;font-size:18px;margin-top:6px;margin-bottom:12px}body #app form input{background-color:transparent;border:2px solid rgba(32,31,61,.35);color:inherit}body #app button{cursor:pointer;background-color:#ee544b;border:1px solid #ee544b;color:#f3f5fb;font-weight:700;outline:none;border-radius:6px}body #app h2{font-size:22px;border-bottom:2px solid rgba(32,31,61,.35);padding-bottom:6px}body #app ul{padding:10px 0}body #app ul li{justify-content:space-between;align-items:center;border:2px solid rgba(32,31,61,.35);padding:12px 18px 18px 18px;border-radius:6px;margin-bottom:12px;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0;position:relative}body #app ul li div.content{grid-column:1/8;grid-row:1;padding-right:10px}body #app ul li div.content div.title{cursor:pointer}body #app ul li div.content div.title div{font-size:18px;margin-bottom:5px}body #app ul li div.content div.title small{font-size:12px}body #app ul li div.content .have{font-weight:700}body #app ul li div.content div.editing form{display:flex;flex-direction:column;width:100%;margin-top:10px}body #app ul li div.content div.editing form input{width:100%;box-sizing:border-box;box-shadow:none;outline:none;padding-left:12px;padding-right:12px;border-radius:6px;font-size:18px;margin-top:6px;margin-bottom:12px;background-color:transparent;border:2px solid rgba(32,31,61,.35);color:inherit}body #app ul li div.content div.editing form button{height:auto;font-family:Karla,Raleway,Arial,sans-serif;font-size:12px;padding:6px;font-weight:600;margin:0 2px}body #app ul li div.content div.editing form label{font-size:12px}body #app ul li div.actions{grid-column:8/13;grid-row:1;display:flex;flex-direction:row;align-content:center;justify-content:flex-end}body #app ul li div.actions button{font-family:Karla,Raleway,Arial,sans-serif;font-size:12px;padding:6px;font-weight:600;margin:0 2px}body #app ul li div.actions button:first-child{margin-left:0}body #app ul li div.actions button:last-child{margin-right:0}body #app ul li div.progress-bar,body #app ul li div.progress-bar-total{position:absolute;left:0;bottom:0;height:6px;background:#ee544b;border-radius:0 0 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center}body #app ul li div.progress-bar-total{border-radius:0 0 4px 4px}body #app h4{text-align:center;opacity:.5;margin:0}