.market-warehouse {
    background: url(../../../../resources/images/warehouse/clear.gif);
    width: 256px;
    height: 480px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.market-warehouse .item {
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    background: url(../../../../resources/images/warehouse/128x128.gif);
    background-color: rgba(11,26,51,0.5);
    border: solid 2px rgba(22,54,103,0.5);
}

.market-warehouse .item.active {
    border-color: #fff;
}

.market-warehouse .item .image {
    width: 100%;
    height: 100%;
    position: relative;
}

.market-warehouse .item img {
    position: absolute;
}

.market-warehouse .item:hover {
    border-color: #eaeaea;
}

.market-warehouse .item-desc p {
    color: #fcedc0;
    margin: 0;
    font-size: 11px;
    font-family: Verdana;
    text-align: center;
}

.market-warehouse .item-desc p.bold {
    font-weight: bold;
}

.market-warehouse .item-desc .ancient {
    color: #9f0;
    background-color: #06f;
}

.market-warehouse .item-desc .socket {
    font-weight:bold;
    color:#C3C;
}

.market-warehouse .item-desc .normal {
    color: #eee;
}

.market-warehouse .item-desc .high-level {
    color: #fc3;
}

.market-warehouse .item-desc .luck {
    color: #7daeff;
}

.market-warehouse .item-desc .excellent {
    color: #19ff80;
}

.market-warehouse .item-desc p.blue {
    color: #97afd5;
}

.market-warehouse .item-desc p.yellow {
    color: #f1cb46;
}

.market-warehouse .item-desc p.animate {
    color: #f00;
    font-size: 10px;
}

.market-item {
    width: 290px;
    float: left;
}

/* Market names: exact colors from Morpheus item tooltip. */
.ana-market-name > span.normal { color: #eee; }
.ana-market-name > span.high-level { color: #fc3; }
.ana-market-name > span.excellent { color: #19ff80; }
.ana-market-name > span.excellent-socket { color: #c3c; }
.ana-market-name > span.ancient { color: #9f0; background-color: #06f; }

/* Market combined currencies: site typography, existing currency assets. */
.ana-multi-price { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; font:inherit; }
.ana-price-component { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font:inherit; }
.ana-price-component img { width:24px; height:24px; object-fit:contain; }
.ana-price-plus { opacity:.7; }
.ana-market-bm-sell .market-item .ana-market-combined-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; padding:28px 20px 20px; }
.ana-market-bm-sell .market-item .fieldGroup.ana-market-currency-field { position:relative; margin:0; min-width:0; }
.ana-market-bm-sell .market-item .ana-market-currency-field label { position:absolute; z-index:1; top:-9px; left:10px; display:flex; align-items:center; gap:5px; padding:0 5px; background:var(--ana-surface); color:var(--ana-muted); font:400 11px/18px "Open Sans",sans-serif; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; cursor:text; }
.ana-market-bm-sell .market-item .fieldGroup.ana-market-currency-field input { display:block; width:100%; height:46px; min-height:46px; padding:12px; box-sizing:border-box; border:1px solid var(--ana-border); background:#040609; color:var(--ana-text); font:400 14px/20px "Open Sans",sans-serif; }
.ana-market-bm-sell .market-item .fieldGroup.ana-market-currency-field input:focus { outline:1px solid var(--ana-violet); outline-offset:0; border-color:var(--ana-violet); box-shadow:0 0 0 3px rgba(157,85,255,.12); }
.ana-market-bm-sell .market-item .ana-market-currency-field:focus-within label { color:var(--ana-violet-light); }
.ana-market-bm-sell .market-item .ana-market-currency-field img { width:18px; height:18px; object-fit:contain; }
@media(max-width:380px) { .ana-market-bm-sell .market-item .ana-market-combined-fields { grid-template-columns:1fr; } }

/* Sell: full-width Market navigation and balanced warehouse workspace. */
.main.ana-market-sell-page { display:block; }
.main.ana-market-sell-page > .content { width:100%; max-width:100%; min-width:0; margin-left:0; margin-right:0; box-sizing:border-box; }
#ana-market-sell-top { display:flex; align-items:center; gap:24px; flex-wrap:wrap; padding:12px 0 24px; }
#ana-market-sell-top .ana-market-am-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#ana-market-sell-top .ana-market-am-actions .button-custom { padding:0 16px; white-space:nowrap; }
#ana-market-sell-top .ana-market-am-vault { position:relative; display:grid; grid-template-columns:repeat(6,minmax(45px,1fr)) 155px; flex:1 1 560px; gap:8px; padding:28px 16px 12px; border:1px solid rgba(199,154,95,.18); border-radius:12px; background:rgba(13,14,23,.6); box-sizing:border-box; }
#ana-market-sell-top .ana-market-am-title { position:absolute; top:8px; left:16px; color:#e8ba78; font-size:11px; font-weight:700; letter-spacing:1px; }
#ana-market-sell-top .ana-market-am-currency { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:0; }
#ana-market-sell-top .ana-market-am-currency-icon { display:flex; align-items:center; justify-content:center; width:28px; height:28px; }
#ana-market-sell-top .ana-market-am-currency-icon img { width:25px; height:27px; object-fit:contain; }
#ana-market-sell-top .ana-market-an-jewel-name { display:none; }
#ana-market-sell-top .ana-market-am-currency-count { font-size:16px; font-weight:600; color:var(--ana-text); }
#ana-market-sell-top .ana-market-am-free { position:relative; align-self:center; padding:6px 6px 6px 44px; }
#ana-market-sell-top .ana-market-am-free:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:32px; height:32px; border:1px solid #c89a43; background:repeating-linear-gradient(0deg,transparent 0 7px,#c89a43 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,#c89a43 7px 8px); }
#ana-market-sell-top .ana-market-am-free-label { display:block; color:#e8ba78; font-size:11px; font-weight:600; }
#ana-market-sell-top .ana-market-am-free-count { font-size:16px; font-weight:600; }
#ana-market-sell-top .ana-market-am-free-count:after { content:" free cells"; font-size:11px; font-weight:400; color:var(--ana-muted); }
#ana-market-sell-top .ana-vault-tooltip,#ana-market-sell-top .ana-warehouse-tooltip { display:none; position:absolute; z-index:20; top:100%; padding:9px 12px; background:#111927; color:#ffe3aa; border:1px solid #665039; border-radius:7px; font:400 13px/1.5 "Open Sans",sans-serif; font-style:normal; white-space:nowrap; }
#ana-market-sell-top .ana-warehouse-tooltip { right:0; width:240px; max-width:calc(100vw - 40px); white-space:normal; box-sizing:border-box; }
#ana-market-sell-top .ana-market-am-currency:hover .ana-vault-tooltip,#ana-market-sell-top .ana-market-am-currency:focus .ana-vault-tooltip,#ana-market-sell-top .ana-market-am-free:hover .ana-warehouse-tooltip,#ana-market-sell-top .ana-market-am-free:focus .ana-warehouse-tooltip { display:block; }
.ana-market-bm-sell .ana-market-sell-workspace { display:flex; justify-content:center; align-items:flex-start; gap:40px; flex-wrap:wrap; width:100%; margin:28px auto; }
.ana-market-bm-sell .ana-market-warehouse-area { flex:0 0 auto; max-width:100%; overflow-x:auto; }
.ana-market-bm-sell .ana-market-warehouse-area > .morpheus-warehouse { margin:0; float:none; }
.ana-market-bm-sell .ana-market-sell-workspace > .market-item.block-6 { flex:0 1 420px; width:420px; max-width:100%; min-width:0; padding:0; float:none; }
.ana-market-bm-sell .warehouse-extended { justify-content:center; }
@media(max-width:760px) { .ana-market-bm-sell .ana-market-sell-workspace { gap:24px; } }
@media(max-width:600px) { #ana-market-sell-top .ana-market-am-vault { grid-template-columns:repeat(3,minmax(0,1fr)); } #ana-market-sell-top .ana-market-am-free { grid-column:1/-1; justify-self:center; } #ana-market-sell-top .ana-market-am-actions { justify-content:center; width:100%; } }

/* Sell item title alignment */
.ana-market-bm-sell .market-item .box-panel-title > .h2-title.ana-market-name { display:flex; align-items:center; justify-content:flex-start; min-height:56px; box-sizing:border-box; margin:0; padding:16px 20px; line-height:1.3; }
.ana-market-bm-sell .market-item .box-panel-title > .ana-market-name > span { min-width:0; padding-left:25px; font-size:18px; line-height:1.3; overflow-wrap:anywhere; }