.body{font-family:"Inter","Noto Sans JP","Open Sans",sans-serif}.body{box-sizing:border-box;margin:0}.main__header{padding:16px 32px;border-bottom:1px solid #f0f0f0}.main__header-title{font-size:16px;margin:0}.main__body{max-width:986px;margin:64px auto}.list{padding:32px}.list__container{list-style:none;padding:0}.list__setting{padding:16px;margin-bottom:32px;display:flex;justify-content:flex-end}.list__header{display:flex;align-items:center;border-bottom:1px solid #f0f0f0;font-size:12px}.list__header-item{flex:1;padding:8px 16px;border-right:1px solid #f0f0f0;font-size:12px}.list__header-item:last-child{border-right:0}.list__header-item--name{flex:4}.list__item{display:flex;align-items:center;width:100%;border-bottom:1px solid #f0f0f0;transition:opacity .8s}.list__item--completed-dismissing{opacity:0}.list__item-col{box-sizing:border-box;flex:1;padding:16px;border-right:1px solid #f0f0f0}.list__item-col--name{cursor:pointer;flex:4}.list__item-col--deadline{cursor:pointer}.list__item-col--checkbox{display:flex;justify-content:center}.list__item-col--actions{font-size:12px;display:flex;justify-content:center}.button{border:0;cursor:pointer;border-radius:8px;background:#fff;padding:8px 32px;font-size:14px;letter-spacing:.1rem}.button--primary{background:#7a72ff;color:#fefefe}.button--danger{background:#d64045;color:#fefefe}.checkbox{display:block;border-radius:50%;border:1px solid #c6c6c6;padding:4px;height:16px;width:16px;cursor:pointer;color:#fefefe;display:flex;justify-content:center;align-items:center}.checkbox--checked{background:#7a72ff}.checkbox__input{border:0;appearance:none;position:absolute}.form{padding:8px 16px;margin-bottom:32px;border:1px solid #f0f0f0;border-radius:8px}.form__input{flex:1;padding:8px 16px}.form__input--name{flex:4}.form__input-group{display:flex}.form__input-field{box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #f0f0f0;width:100%}.form__input-horizontal-group{display:flex;width:100%}.form__input-group-item{flex:1;padding:16px}.form__input-footer{padding:16px;display:flex;justify-content:flex-end}.form__input-label{display:block;font-size:12px;margin-bottom:4px}.icon{cursor:pointer;color:#666}.icon--check{color:#fefefe}/*# sourceMappingURL=style.css.map */