/* RanUI/OldUI/Display/ItemInfoTooltip.cpp, uiinnercfg03.xml and
   glogic/default.charclass. Keep this stylesheet usable in in-game Chrome 33. */
.wit-popup {
    display:none;
    position:fixed;
    z-index:10000;
    width:310px;
    padding:0;
    border:5px solid #929499;
    border-image:url('/images/wiki-tooltip/frame.png') 5 stretch;
    border-radius:5px;
    background:#090b0e;
    background:rgba(5,7,10,.94);
    box-shadow:2px 4px 12px rgba(0,0,0,.45);
    color:#fff;
    font-family:Tahoma,Arial,sans-serif;
    font-size:12px;
    line-height:1.5;
    font-weight:400;
    text-align:left;
    text-shadow:1px 1px 1px #000;
    overflow-x:hidden;
    overflow-y:auto;
    word-wrap:break-word;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.wit-popup.wit-open { display:block; }
.wit-popup .wit-header { position:relative; min-height:40px; }
.wit-popup .wit-icon { position:absolute; left:0; top:0; width:35px; height:35px; }
.wit-popup .wit-heading { margin-left:45px; }
.wit-popup .wit-name { font-size:16px; line-height:1.35; font-weight:700; margin:0 0 3px; }
.wit-popup .wit-requirement { font-size:11px; line-height:1.5; }
.wit-popup .wit-section { margin-top:9px; }
.wit-popup .wit-resists { color:#00ff00; white-space:nowrap; }
.wit-popup .wit-resists span { display:inline-block; width:20%; }
.wit-popup .wit-resists img { width:14px; height:14px; vertical-align:middle; }
.wit-popup .wit-line { white-space:pre-wrap; }
.wit-popup .wit-grade-0, .wit-popup .wit-normal { color:#fff; }
.wit-popup .wit-grade-1 { color:#75ffff; }
.wit-popup .wit-grade-2 { color:#f8f832; }
.wit-popup .wit-grade-3 { color:#e84de8; }
.wit-popup .wit-grade-4 { color:#ff8e2b; }
.wit-popup .wit-grade-5 { color:#ff3577; }
.wit-popup .wit-bonus { color:#00ff00; }
.wit-popup .wit-random { color:#76eec6; }
.wit-popup .wit-element { color:#ffff00; }
.wit-popup .wit-costume { color:#3cff96; }
.wit-popup .wit-time { color:#f79646; }
.wit-popup .wit-money { color:#ffd700; }
.wit-popup .wit-muted { color:#969696; }
.wit-popup .wit-sr-only {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); border:0;
}
.wit-popup::-webkit-scrollbar { width:8px; }
.wit-popup::-webkit-scrollbar-track { background:#17191e; }
.wit-popup::-webkit-scrollbar-thumb { background:#777; border:2px solid #17191e; border-radius:3px; }
/* Permanent item-detail preview shares the card artwork and typography. */
.wit-popup.wit-embedded {
    display:block;
    position:static;
    z-index:auto;
    max-width:100%;
    overflow:visible;
}
.wit-detail-layout { display:-webkit-flex; display:flex; -webkit-align-items:flex-start; align-items:flex-start; }
.wit-detail-content { -webkit-order:1; order:1; -webkit-flex:1 1 auto; flex:1 1 auto; min-width:0; }
.wit-detail-preview { -webkit-order:2; order:2; -webkit-flex:0 0 310px; flex:0 0 310px; width:310px; margin:0 0 0 24px; }
.wit-detail-preview h2 { font-size:18px; }
.wit-detail-preview p { font-size:12px; }
.wit-detail-content .wit-detail-property { width:50%; -webkit-flex:1 1 220px; flex:1 1 220px; min-width:0; }
.wit-detail-content .wit-detail-property.stat-full { width:100%; -webkit-flex-basis:100%; flex-basis:100%; }
.wit-detail-content .wit-detail-property > span { word-wrap:break-word; min-width:0; }
.wit-detail-content .wit-detail-property > span:last-child { text-align:right; }
.wit-detail-set-members { padding-left:22px; }
.wit-popup.wit-skill-popup { width:400px; }
.wit-skill-popup .wit-header { min-height:46px; }
.wit-skill-popup .wit-requirement { font-size:12px; }
.wit-skill-popup .wit-skill-link { color:#ffc90e; }
.wit-skill-popup .wit-skill-fusion { color:#87cefa; }
.wit-skill-popup .wit-skill-fusion-title { color:#ffff00; }
.wit-detail-preview.wit-skill-preview { -webkit-flex-basis:400px; flex-basis:400px; width:400px; }
.wit-skill-levels { margin:16px 0; }
.wit-skill-levels select, .wit-skill-levels button { padding:6px 10px; margin-left:6px; }
.wit-skill-detail-lines { padding-left:20px; }
.wit-skill-detail-lines li { white-space:pre-wrap; margin-bottom:6px; }
.wit-selected-level { background:rgba(100,160,220,.16); }
@media (max-width:1100px) {
    .wit-detail-layout { display:block; }
    .wit-detail-preview { width:auto; margin:0 0 24px; }
    .wit-detail-preview.wit-skill-preview { width:auto; }
    .wit-detail-content .wit-detail-property { -webkit-flex-basis:190px; flex-basis:190px; }
    .wit-detail-content .wit-detail-property.stat-full { -webkit-flex-basis:100%; flex-basis:100%; }
}
@media print {
    .wit-popup { display:none !important; }
    .wit-popup.wit-embedded { display:block !important; }
    .wit-detail-layout { display:block; }
    .wit-detail-preview { margin:0 0 24px; }
}