#classicMix{--iv:calc((100vh - var(--hud-height))/429);position:fixed;right:calc(var(--u)*190);top:0;width:calc(var(--u)*190);height:calc(var(--iv)*429);z-index:11;color:#ddd;font:clamp(9px,.75vw,13px) Arial;background:#101010}
#classicMix .invBack,#classicMix .invTop,#classicMix .invLeft,#classicMix .invRight,#classicMix .invBottom{position:absolute;pointer-events:none;background-size:100% 100%}#classicMix h2{position:absolute;inset:calc(var(--iv)*12) 0 auto;margin:0;text-align:center;font-size:inherit;color:#edc96b}
.mixChoose{position:absolute;left:8%;top:calc(var(--iv)*40);width:84%;color:#e5c47c}.mixChoose select{display:block;width:100%;margin-top:5px;background:#101010;color:#ddd;border:1px ridge #999;font:inherit;padding:6px}.mixGrid{position:absolute;left:calc(var(--u)*15);top:calc(var(--iv)*87);width:calc(var(--u)*160);height:calc(var(--iv)*80);border:2px ridge #9d9c8d;background:#111 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_item_box.tga') 0 0/calc(var(--u)*20) calc(var(--iv)*20);box-sizing:content-box}
#classicMix .invItem{position:absolute;left:calc(var(--u)*20*var(--x));top:calc(var(--iv)*20*var(--y));width:calc(var(--u)*20*var(--w));height:calc(var(--iv)*20*var(--h));border:0;padding:2px;background:#407a7a77;box-shadow:none}#classicMix .invItem img{width:100%;height:100%;object-fit:contain;pointer-events:none}#classicMix small{position:absolute;bottom:1px;right:3px;color:white;text-shadow:1px 1px black}
.mixInstructions{position:absolute;left:8%;width:84%;top:calc(var(--iv)*174);font-size:inherit;line-height:1.35;color:#a6b8b4}.mixQuantity{position:absolute;left:8%;top:calc(var(--iv)*198);width:84%;display:flex;align-items:center;justify-content:space-between}.mixQuantity input{width:48px;background:#080808;color:#fff;border:1px solid #777;font:inherit;padding:3px}.mixRequirements{position:absolute;left:8%;top:calc(var(--iv)*224);width:84%;height:calc(var(--iv)*98);overflow:auto;color:#e6c76e;line-height:1.35}.mixRequirements p{margin:0 0 4px}.mixStatus{position:absolute;left:8%;top:calc(var(--iv)*331);width:84%;line-height:1.4;color:#e8d68c}.mixWarning{position:absolute;left:8%;top:calc(var(--iv)*355);width:84%;color:#f58a66;line-height:1.4;margin:0}.mixCombine{position:absolute;right:8%;bottom:calc(var(--iv)*9);width:calc(var(--u)*78);height:calc(var(--iv)*28);background:linear-gradient(#51402b,#161411);border:2px ridge #c1b17c;color:#ffde85;font:inherit}.mixCombine:hover:not(:disabled){filter:brightness(1.4)}.mixCombine:active:not(:disabled){transform:translateY(1px)}.mixCombine:disabled{color:#777;filter:grayscale(1)}
.mixConfirmation{position:fixed;z-index:40;left:50%;top:45%;transform:translate(-50%,-50%);width:min(400px,70vw);background:#171a18 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_msgbox_back.jpg');border:5px ridge #9e9e8e;box-shadow:0 0 0 100vmax #0008;padding:25px;color:#e0d5b3;text-align:center;font:13px/1.5 Arial}.mixConfirmation button{margin:15px 12px 0;min-width:90px;background:#292929;border:3px ridge #999;color:#e8cc80;padding:8px}.mixSuccess{animation:mixGold .8s ease-out}@keyframes mixGold{from{box-shadow:0 0 30px 15px #ffd56b}to{box-shadow:none}}

#classicMix .invDrop{position:absolute;pointer-events:none;z-index:6;border:1px solid #87d8ff;box-sizing:border-box;background:rgba(55,145,255,.42)}#classicMix .invDrop[data-valid="false"]{background:rgba(240,60,50,.42);border-color:#ff8b7a}#classicInventory .invItem.mixReserved{opacity:.23}

/* NewUIMixInventory::Create/LoadImages: original 44x35 combine control. */
#classicMix .mixCombine,#classicMix .mixCombine:hover,#classicMix .mixCombine:focus-visible,#classicMix .mixCombine:active{left:calc(var(--u)*73);right:auto;top:calc(var(--iv)*380);bottom:auto;width:calc(var(--u)*44);height:calc(var(--iv)*35);padding:0;border:0;border-radius:0;box-shadow:none;transform:none;background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_bt_mix.tga') left top/100% 200% no-repeat;filter:none;}
#classicMix .mixCombine:hover:not(:disabled){background-position-y:0;}#classicMix .mixCombine:active:not(:disabled){background-position-y:100%;}#classicMix .mixCombine:disabled{filter:grayscale(1);opacity:.55;cursor:default;}
#classicMix .invExit,#classicMix .invExit:hover,#classicMix .invExit:focus-visible{background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_exit_00.tga') left top/100% 200% no-repeat;border:0;border-radius:0;box-shadow:none;filter:none;outline:0;}#classicMix .invExit:active{background-position-y:100%;}
#classicMix .invTopClose,#classicMix .invTopClose:hover,#classicMix .invTopClose:active,#classicMix .invTopClose:focus-visible{background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;outline:0;}
#classicMix button:focus-visible{outline:1px solid #e4c572;outline-offset:2px;}