.left-wrap[data-v-57afc9e3]{width:20%;margin-right:10px;background-color:var(--white);border-radius:var(--border-radius-lg);padding:8px;border:1px solid var(--border-color)}.right-wrap[data-v-57afc9e3]{width:80%;height:100%;overflow:auto;max-height:400px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sort-scroll-container[data-v-57afc9e3]{height:300px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.05)}.sort-scroll-container[data-v-57afc9e3]::-webkit-scrollbar{width:6px}.sort-scroll-container[data-v-57afc9e3]::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.sort-scroll-container[data-v-57afc9e3]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.sort-scroll-container[data-v-57afc9e3]::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.sort-box[data-v-57afc9e3]{border:1px solid var(--border-color);margin-bottom:6px;border-radius:var(--border-radius);text-align:left;padding:8px 16px;transition:all .3s ease;background-color:var(--white);display:flex;justify-content:space-between;align-items:center;word-break:break-word;overflow-wrap:break-word;min-height:36px;white-space:normal;line-height:1.3;height:auto}.sort-box[data-v-57afc9e3]:hover{cursor:pointer;border-color:var(--primary-color);background-color:rgba(255,127,0,.05)}.sort-box-active[data-v-57afc9e3]{border-color:var(--primary-color);background-color:rgba(255,127,0,.1);color:var(--primary-color);font-weight:500;box-shadow:0 0 0 2px rgba(255,127,0,.2)}.sort-check-icon[data-v-57afc9e3]{font-size:14px}@media (max-width:767px){.left-wrap[data-v-57afc9e3]{width:30%;margin-right:8px;min-width:100px}.right-wrap[data-v-57afc9e3]{width:70%;max-height:300px}.sort-box[data-v-57afc9e3]{padding:8px 12px;font-size:12px;min-height:32px;line-height:1.3}.dish-wrap[data-v-57afc9e3]{width:90px;margin:0 6px 8px 0}.dish-icon[data-v-57afc9e3],.dish-img[data-v-57afc9e3]{height:70px;font-size:24px}.dish-name[data-v-57afc9e3]{font-size:11px;min-height:30px}.ant-modal-footer .ant-btn[data-v-57afc9e3]{min-height:44px;padding:0 20px;font-size:14px}.ant-modal-header[data-v-57afc9e3]{padding:12px 16px}.ant-modal-title[data-v-57afc9e3]{font-size:16px}.ant-modal-footer[data-v-57afc9e3]{padding:12px 16px}}@media (max-width:576px){.page-header-index-wide[data-v-57afc9e3]{flex-direction:column}.left-wrap[data-v-57afc9e3]{width:100%;margin-right:0;margin-bottom:12px;min-width:auto}.right-wrap[data-v-57afc9e3]{width:100%;max-height:250px}.sort-scroll-container[data-v-57afc9e3]{height:120px;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;padding:4px 0}.sort-box[data-v-57afc9e3]{flex-shrink:0;margin-right:8px;margin-bottom:0;white-space:nowrap;width:auto}.dish-wrap[data-v-57afc9e3]{width:80px;margin:0 6px 8px 0}.dish-icon[data-v-57afc9e3],.dish-img[data-v-57afc9e3]{height:60px;font-size:20px}.ant-modal[data-v-57afc9e3]{top:10px!important;margin:0 10px}.ant-modal-footer[data-v-57afc9e3]{display:flex;justify-content:space-between}.ant-modal-footer .ant-btn[data-v-57afc9e3]{flex:1;margin:0 4px}}@media (max-width:767px){.ant-btn[data-v-57afc9e3],.dish-wrap[data-v-57afc9e3],.sort-box[data-v-57afc9e3]{min-height:44px;display:flex;align-items:center;justify-content:center}.sort-scroll-container[data-v-57afc9e3]::-webkit-scrollbar{height:4px}.right-wrap[data-v-57afc9e3]::-webkit-scrollbar{width:4px}.dish-wrap-select[data-v-57afc9e3]{box-shadow:0 0 0 3px var(--shadow-primary-border)}}.dish-wrap[data-v-57afc9e3]{border-radius:10px;border:1px solid var(--border-color);width:120px;height:-moz-max-content;height:max-content;margin:0 10px 10px 0;overflow:hidden;background-color:var(--white);transition:all .3s ease;cursor:pointer;position:relative}.dish-wrap[data-v-57afc9e3]:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);border-color:var(--primary-color)}.dish-icon[data-v-57afc9e3],.dish-img[data-v-57afc9e3]{width:100%;height:90px;line-height:80px;font-size:30px;transition:all .3s ease}.dish-icon-add[data-v-57afc9e3]{line-height:123px;font-size:25px}.dish-name[data-v-57afc9e3]{margin-top:4px;padding:0 8px 8px;font-size:12px;color:var(--text-dark-gray);transition:all .3s ease;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;min-height:36px;line-height:1.3;height:auto;padding-top:0;text-align:center}.dish-wrap-select[data-v-57afc9e3]{background-color:rgba(255,127,0,.1);border:2px solid var(--primary-color);box-shadow:0 0 0 2px rgba(255,127,0,.2)}.dish-wrap-select .dish-name[data-v-57afc9e3]{color:var(--primary-color);font-weight:500}.dish-wrap-select .dish-icon[data-v-57afc9e3],.dish-wrap-select .dish-img[data-v-57afc9e3]{opacity:.8}