.invc .tradingview1 {
 position: relative;
 height: 520px;
 width: 100%;
 background: #ffffff;
}

.invc .tradingview1-chart {
 position: absolute;
 inset: 0;
}

.invc .tradingview1-legend {
 position: absolute;
 top: 8px;
 left: 8px;
 z-index: 3;
 display: flex;
 flex-wrap: wrap;
 gap: 4px 10px;
 align-items: baseline;
 font-size: 13px;
 color: #334155;
 pointer-events: none;
}

.invc .tradingview1-symbol {
 font-weight: 600;
 font-size: 14px;
}

.invc .tradingview1-name {
 color: #64748b;
}

.invc .tradingview1-ohlc {
 color: #64748b;
 font-variant-numeric: tabular-nums;
 white-space: nowrap;
}

.invc .tradingview1-ohlc .tradingview1-up {
 color: #089981;
}

.invc .tradingview1-ohlc .tradingview1-down {
 color: #f23645;
}

.invc .tradingview1-ranges {
 position: absolute;
 left: 64px;
 bottom: 36px;
 z-index: 3;
 display: flex;
 gap: 2px;
}

.invc .tradingview1-ranges button {
 border: 0;
 background: transparent;
 color: #64748b;
 font-size: 12px;
 line-height: 1;
 padding: 4px 7px;
 border-radius: 4px;
 cursor: pointer;
}

.invc .tradingview1-ranges button:hover {
 background: #f1f5f9;
 color: #0f172a;
}

.invc .tradingview1-ranges button.tradingview1-active {
 background: #e2e8f0;
 color: #0f172a;
 font-weight: 600;
}

.invc .tradingview1-note {
 margin: 0;
 padding: 24px 16px;
 color: #64748b;
 font-size: 14px;
}

@media (max-width: 640px) {
 .invc .tradingview1 {
  height: 400px;
 }

 .invc .tradingview1-ranges {
  left: 52px;
  gap: 1px;
 }

 .invc .tradingview1-ranges button {
  padding: 3px 5px;
  font-size: 11px;
 }
}