.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}.drawer-content[data-v-29ba1bb2]{height:100%;width:100%;overflow:hidden;display:flex}.info-data[data-v-29ba1bb2]{padding:12px 0 16px 0 16px}.info-data>.sec-title~.sec-title[data-v-29ba1bb2]{margin-top:16px}.info-data .sec-title[data-v-29ba1bb2]{margin-bottom:8px}.recipe-data[data-v-29ba1bb2]{padding:16px 16px 0 16px;height:100%;width:400px;float:left;overflow-y:auto;margin-left:50px}.sec-title[data-v-29ba1bb2]{width:100%;font-weight:800}.table-panel[data-v-29ba1bb2]{width:368px;height:100%;margin:20px}.material-select-panel[data-v-29ba1bb2]{width:350px;height:100%;float:left}.message[data-v-29ba1bb2]{flex:1;margin-top:12px}.info-data[data-v-29ba1bb2]{padding:0 16px 0 0;width:250px;height:100%;float:left;overflow-y:auto}.material-data[data-v-29ba1bb2]{max-height:100%;width:400px;float:left;overflow-y:auto}.material-list-block[data-v-29ba1bb2]{padding:0 16px 0 16px;height:100%;width:318px;float:left;overflow-y:auto}.material-list[data-v-29ba1bb2]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;margin-top:8px}.m-cell[data-v-29ba1bb2]{padding:8px;margin:4px;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer}.m-cell[data-v-29ba1bb2]:hover{color:#0168fa;border:1px solid #0168fa;box-shadow:0 2px 4px #d1e6fa;transition:.2s}.selected[data-v-29ba1bb2]{color:#d3d3d3;cursor:default;pointer-events:none}.input-ratio[data-v-29ba1bb2]{width:75px;float:left;text-align:right;margin-right:4px}.percentage-append[data-v-29ba1bb2]{float:right;line-height:32px;height:32px}.sumratio[data-v-29ba1bb2]{line-height:32px;font-weight:500;font-size:20px;margin-right:4px}.sumratio-alert[data-v-29ba1bb2]{color:red}.sumratio-nice[data-v-29ba1bb2]{color:green}.deleteBtn[data-v-29ba1bb2]{cursor:pointer}.deleteBtn[data-v-29ba1bb2]:hover{color:red}.info-data[data-v-b7c15cde]{width:300px;padding-right:20px;height:100%;float:left;overflow-y:auto}.info-data>.sec-title~.sec-title[data-v-b7c15cde]{margin-top:16px}.info-data .sec-title[data-v-b7c15cde]{margin-bottom:8px}.table-wrapper[data-v-b7c15cde]{width:100%}.recipeList[data-v-b7c15cde]{display:flex;justify-content:space-between;align-items:center}.recipe-data[data-v-b7c15cde]{margin-left:16px;height:100%;width:445px;float:left;overflow-y:auto}.recipe-top[data-v-b7c15cde]{display:flex;justify-content:space-between;align-items:flex-end}.recipe-top .copy[data-v-b7c15cde]{padding-bottom:16px}.set-recipe[data-v-b7c15cde]{margin-top:20px}.sec-title[data-v-b7c15cde]{width:100%;font-weight:800}.current-material-name[data-v-b7c15cde]{display:flex}.handle-wrapper[data-v-025eefe1]{width:100%;height:48px;display:flex;align-items:center;justify-content:flex-end}.table-wrapper[data-v-025eefe1]{width:100%;height:calc(100% - 48px)}