.inv-detail-chart33{margin:14px 0 18px;padding:14px;border:1px solid var(--line,#31445f);border-radius:16px;background:var(--card,#14243a);overflow:hidden}.idc-top{display:grid;gap:12px}.idc-top h4{margin:0 0 2px;font-size:15px}.idc-top small{font-size:10px;opacity:.58}.idc-ranges{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;direction:rtl}.idc-ranges button{min-height:34px!important;padding:5px 6px!important;border-radius:10px!important;border:1px solid var(--line,#31445f)!important;background:transparent!important;color:inherit!important;font-size:11px!important}.idc-ranges button.active{background:rgba(22,133,255,.12)!important;border-color:rgba(22,133,255,.38)!important;color:#1685ff!important;font-weight:800}.idc-canvas{position:relative;min-height:158px;margin-top:11px;padding-bottom:27px;color:#1685ff;box-sizing:border-box}.idc-canvas svg{display:block;width:100%;height:126px;overflow:hidden}.idc-line{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.idc-area{fill:url(#detailGrad33)}.idc-dot{fill:currentColor}.idc-change{position:absolute;left:2px;bottom:0;display:flex;gap:7px;align-items:center;font-size:10px}.idc-change b{font-size:11px}.idc-change.profit b,.idc-change.profit small{color:#27c985}.idc-change.loss b,.idc-change.loss small{color:#ef6b70}.idc-empty{min-height:126px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;opacity:.55;color:inherit}body:not(.dark) .inv-detail-chart33{background:#fff;border-color:#e2eaf4;box-shadow:0 7px 20px rgba(39,70,105,.06)}@media(max-width:600px){.inv-detail-chart33{padding:12px}.idc-canvas{min-height:150px}.idc-canvas svg{height:118px}.idc-ranges button{font-size:10px!important}}