/* C01 bounded item catalog and accepted game-style tooltip. */
.item-c01-inspect {display:flex; align-items:flex-start; gap:16px; margin:20px 0}
.item-c01-inspect .inspect-icon {flex:0 0 64px; width:64px; height:64px; box-sizing:border-box; border:1px solid #697b83; border-radius:4px}
.item-c01-inspect .tooltip {flex:0 1 640px; min-width:0; margin:0; background:#050b19; border-color:#69799b}
.item-c01-inspect .tooltip h2 {margin-top:0; padding-bottom:0; border-bottom:0}
.item-c01-inspect .split {display:flex; justify-content:space-between; gap:16px}
.item-icon-unavailable {display:block; background:linear-gradient(145deg,#213741,#13212b)}
.quality-0,.item-c01-inspect .tooltip h2.quality-0 {color:#9d9d9d}.quality-1,.item-c01-inspect .tooltip h2.quality-1 {color:#fff}.quality-2,.item-c01-inspect .tooltip h2.quality-2 {color:#1eff00}.quality-3,.item-c01-inspect .tooltip h2.quality-3 {color:#0070dd}.quality-4,.item-c01-inspect .tooltip h2.quality-4 {color:#a335ee}.quality-5,.item-c01-inspect .tooltip h2.quality-5 {color:#ff8000}.quality-6,.quality-7,.item-c01-inspect .tooltip h2.quality-6,.item-c01-inspect .tooltip h2.quality-7 {color:#e6cc80}.quality-8,.item-c01-inspect .tooltip h2.quality-8 {color:#00ccff}
.item-c01-catalog .record-name [class^="quality-"] a {color:inherit}
.item-c01-inspect .gold {color:#ffd100}
.sell-price {display:flex; align-items:center; flex-wrap:wrap; gap:6px}
.money-denomination {display:inline-flex; align-items:center; gap:3px; white-space:nowrap}
.money-icon {display:inline-block; width:16px; height:16px; vertical-align:middle}
.item-c01-catalog .record-name {display:flex; align-items:center; gap:9px; min-width:170px}
.item-c01-catalog .record-icon,.item-c01-catalog .record-icon-unavailable {width:30px; height:30px; flex:0 0 30px; box-sizing:border-box; border:1px solid #566b77; border-radius:3px}
.item-c01-catalog .record-icon-unavailable {display:inline-block; background:#192c37}
.item-c01-catalog .numeric {text-align:center; white-space:nowrap}
.item-c01-pagination {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0}
.item-c01-pagination a,.item-c01-pagination span {padding:5px 9px; border:1px solid #385866; border-radius:3px}
.item-c01-pagination [aria-current] {color:#ffd17b; background:#344f5c}
.item-c01-categories {display:flex; flex-wrap:wrap; gap:8px 14px; margin:15px 0}
@media(max-width:600px){.item-c01-inspect{gap:10px}.item-c01-inspect .inspect-icon{flex-basis:44px;width:44px;height:44px}.item-c01-inspect .tooltip{padding:14px 12px}.item-c01-inspect .split{gap:8px}.item-c01-catalog{overflow-x:auto}.item-c01-catalog table{min-width:490px}}