.recipe-card[data-v-2ba7c148]{width:100%;height:70px;padding:8px;margin:8px 0;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between}.recipe-card .time[data-v-2ba7c148]{display:flex;flex-flow:column;justify-content:space-around;align-items:flex-end}.recipe-card .name[data-v-2ba7c148]{display:flex;flex-flow:column;justify-content:space-between}.recipe-card[data-v-2ba7c148]:hover{color:#0168fa;border:1px solid #0168fa;box-shadow:0 2px 4px #d1e6fa;transition:.2s}.recipe-card span[data-v-2ba7c148]{color:#a9a9a9}.active[data-v-2ba7c148]{color:#0168fa;border:1px solid #0168fa;box-shadow:0 2px 4px #d1e6fa;transition:.2s}.recipe-table[data-v-a26e531c]{width:100%}.input-ratio[data-v-a26e531c]{width:75px;float:left;text-align:right;margin-right:4px}.percentage-append[data-v-a26e531c]{float:right;line-height:32px;height:32px}.sumratio[data-v-a26e531c]{line-height:32px;font-size:16px;margin-right:4px}.sumratio-alert[data-v-a26e531c]{color:red}.sumratio-nice[data-v-a26e531c]{color:green}.deleteBtn[data-v-a26e531c]{cursor:pointer}.deleteBtn[data-v-a26e531c]:hover{color:red}.span-ratio[data-v-a26e531c]{font-size:14px;margin-right:4px}.span-name[data-v-a26e531c]{font-size:14px}.info-data[data-v-4fc3c759]{padding:0 16px 0 0;width:250px;height:100%;float:left;overflow-y:auto}.material-data[data-v-4fc3c759]{max-height:100%;width:400px;float:left;overflow-y:auto}.material-list-block[data-v-4fc3c759]{padding:0 16px 0 16px;height:100%;width:318px;float:left;overflow-y:auto}.material-list[data-v-4fc3c759]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;margin-top:8px}.m-cell[data-v-4fc3c759]{padding:8px;margin:4px;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer}.m-cell[data-v-4fc3c759]:hover{color:#0168fa;border:1px solid #0168fa;box-shadow:0 2px 4px #d1e6fa;transition:.2s}.selected[data-v-4fc3c759]{color:#d3d3d3;cursor:default;pointer-events:none}.input-ratio[data-v-4fc3c759]{width:75px;float:left;text-align:right;margin-right:4px}.percentage-append[data-v-4fc3c759]{float:right;line-height:32px;height:32px}.sumratio[data-v-4fc3c759]{line-height:32px;font-weight:500;font-size:20px;margin-right:4px}.sumratio-alert[data-v-4fc3c759]{color:red}.sumratio-nice[data-v-4fc3c759]{color:green}.deleteBtn[data-v-4fc3c759]{cursor:pointer}.deleteBtn[data-v-4fc3c759]:hover{color:red}.info-data[data-v-6fa42804]{width:300px;padding-right:20px;height:100%;float:left;overflow-y:auto}.info-data>.sec-title~.sec-title[data-v-6fa42804]{margin-top:16px}.info-data .sec-title[data-v-6fa42804]{margin-bottom:8px}.action-button button[data-v-6fa42804]{margin-left:8px}.recipe-data[data-v-6fa42804]{margin-left:16px;height:100%;width:445px;float:left;overflow-y:auto}.recipe-top[data-v-6fa42804]{display:flex;justify-content:space-between}.recipe-info[data-v-6fa42804]{width:250px}.recipe-info>div[data-v-6fa42804]{display:flex;justify-content:space-between;font-size:14px}.sec-title[data-v-6fa42804]{width:100%;font-weight:800}