.npc-compose { position:absolute; z-index:8; left:0; top:18px; width:289px; height:300px; padding:0; border:0; background:url('/ui/compose/frame.png?v=39bf9729113e2d6a') no-repeat; color:white; font:11px/14px monospace; text-shadow:1px 1px #000; }
.npc-compose[hidden] { display:none; }
.npc-compose-slot { position:absolute; padding:0; border:0; border-radius:0; background:transparent; width:67px; height:68px; }
.npc-compose-main { left:49px; top:50px; }
.npc-compose-minor { left:173px; top:50px; }
.npc-compose-slot img { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; }
.npc-compose-slot:disabled { opacity:1; }
.npc-compose-slot:focus-visible { outline:1px solid #f0da7a; }
.npc-compose-progress { position:absolute; left:66px; top:139px; width:197px; height:18px; overflow:hidden; pointer-events:none; }
.npc-compose-progress > span { position:absolute; left:0; top:0; height:18px; }
.npc-compose-current { background:url('/ui/compose/progress.png?v=39dce188f42d3e8a') no-repeat; }
.npc-compose-projected { background:url('/ui/compose/progress-green.png?v=0ed11a7f9920f336') no-repeat; }
.npc-compose-progress .npc-compose-progress-label { width:100%; color:#fff; text-align:center; font:11px/18px monospace; }
.npc-compose-plus { position:absolute; left:31px; top:133px; width:38px; height:37px; color:#eeff00; text-align:center; font:bold 21px/37px monospace; text-shadow:-1px -1px #244617,1px -1px #244617,-1px 1px #244617,1px 1px #244617; }
.npc-compose-item { margin-bottom:3px; overflow-wrap:anywhere; }
.npc-compose-minor-label { color:#00ffff; }
.npc-compose-item-name { color:#ff3030; }
.npc-compose-item-plus { color:#00ff55; }
.npc-compose-status { position:absolute; left:22px; top:183px; width:245px; height:64px; overflow:auto; margin:0; }
.npc-compose-button { position:absolute; padding:0; border:0; border-radius:0; background-color:transparent; background-repeat:no-repeat; }
.npc-compose-help { left:22px; top:264px; width:48px; height:22px; background-image:url('/ui/compose/help.png?v=33d506c17ae49e56'); }
.npc-compose-submit { left:140px; top:264px; width:64px; height:22px; background-image:url('/ui/compose/compose.png?v=27b1e8a19a6e4ade'); }
.npc-compose-submit:active { background-image:url('/ui/compose/compose-pressed.png?v=b09be6ef58d90bff'); }
.npc-compose-submit:disabled { opacity:.55; }
.npc-compose-submit.is-enchant { background-image:url('/ui/compose/confirm.png?v=9eed88eba8a13adc'); }
.npc-compose-close { left:225px; top:264px; width:48px; height:22px; background-image:url('/ui/compose/close.png?v=83709982fcd12be0'); }
.npc-compose-x { left:261px; top:8px; width:16px; height:16px; background-image:url('/ui/compose/close-x.png?v=c5298b516699b513'); }