.mb{display:flex;flex-direction:column;position:relative;height:100%;box-sizing:border-box}.mb-header{font-size:medium;padding:5px;margin-bottom:10px;color:#ccc}.mb-body{flex:1 1 0;display:flex;flex-direction:column;min-height:0}.mb-footer{display:flex;flex-direction:row;height:30px;min-height:30px}.mb-body .mb-line1{display:flex;flex-direction:row;gap:30px;width:100%;flex:1;min-height:0}.mb-line2{display:flex;flex-direction:row;gap:20px;width:100%}.mb-line1 .mb-left,.mb-line1 .mb-right{overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;width:200px;height:100%;min-height:0}.mb-left .item-left{margin:3px;padding:3px;display:flex;flex-direction:row;gap:10px;max-height:250px;box-sizing:border-box}.mb-right .item-right{margin:3px;padding:3px;display:flex;flex-direction:row;gap:10px;max-height:250px}.mb-left .item-left .img img{border:1px solid #222;border-radius:3px;max-width:100%;max-height:100%;object-fit:contain;opacity:.5}.mb-left .item-right .img img{border:1px solid #222;border-radius:3px;max-width:100%;max-height:100%;object-fit:contain}.mb-left .item-left.selected,.mb-right .item-right.selected{outline:3px solid white}.mb-right .item-right .count{font-size:large;font-weight:400;padding:2px;color:#000;background-color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}