form[data-v-7fb74dda]{display:flex;flex-direction:column;align-items:center;width:60vw;margin:0 auto}input[data-v-7fb74dda]{width:60vw;height:30px;margin:40px 0 20px 0;outline:none;border:none;border-bottom:1px solid #585858}.button-wrapper[data-v-7fb74dda]{width:max(100%,310px);max-width:400px;display:flex;justify-content:space-around}button[data-v-7fb74dda]{width:100px;height:50px;cursor:pointer;background:#198754;color:#fff;border:none;font-weight:bolder;border-radius:4px}button[data-v-7fb74dda]:hover{background:#20ad6b}.list ul[data-v-7fb74dda]{list-style:none;padding:0}li[data-v-7fb74dda]{width:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative}.radio[data-v-7fb74dda]{width:20px;position:absolute;left:40px;display:none;cursor:pointer}li:hover .radio[data-v-7fb74dda],li:hover .remove[data-v-7fb74dda]{display:block}.done[data-v-7fb74dda]{text-decoration:line-through;color:rgba(0,0,0,.4)}.remove[data-v-7fb74dda]{width:30px;height:30px;position:absolute;right:30px;display:none;cursor:pointer;background:transparent;border:none;color:red;font-size:16px;font-weight:700}.remove[data-v-7fb74dda]:hover{background:#fff}p[data-v-7fb74dda]{width:70%}@media screen and (max-width:435px){.button-wrapper[data-v-7fb74dda]{flex-direction:column;justify-content:center;align-items:center;width:100%}button[data-v-7fb74dda]{margin:5px 0;width:80%;height:50px}input[data-v-7fb74dda]{height:40px}.remove[data-v-7fb74dda]{display:block;right:10px}.radio[data-v-7fb74dda]{left:10px}p[data-v-7fb74dda]{width:60%}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;margin:0;padding:0;box-sizing:border-box}