.theme-market-trends{margin:18px 0;padding:18px;border:1px solid #303c43;border-radius:8px;background:#10171b}
.theme-market-trends>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.theme-market-trends h2,.theme-market-trends p{margin:0}
.theme-market-trends header p:last-child{margin-top:5px;color:#94a3aa}
.theme-trend-controls{display:flex;align-items:end;gap:10px}
.theme-trend-controls label{display:grid;gap:5px;color:#aebbc1;font-size:12px;font-weight:800}
.theme-trend-controls select,.theme-trend-controls button{min-height:38px;border:1px solid #3b4950;border-radius:6px;color:#eaf1f3;background:#172126}
.theme-trend-controls select{padding:0 10px}
.theme-trend-controls button{padding:0 11px}
.theme-trend-controls button.is-active{border-color:#61d4c8;color:#071512;background:#61d4c8}
.theme-trend-data-note{display:flex;justify-content:space-between;gap:12px;margin:15px 0 9px;color:#7fd9ce;font-size:12px}
.theme-trend-data-note span{color:#93a2a9}
.theme-trend-chart-wrap{margin-top:10px;border:1px solid #28343a;border-radius:8px;background:#0b1114;overflow:hidden}
.theme-trend-chart-wrap iframe{display:block;width:100%;height:720px;border:0;background:#0b1114}
.theme-trend-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.theme-trend-legend button{padding:6px 9px;border:1px solid #344149;border-radius:999px;color:#bdc8cc;background:#131c20;font-size:11px}
.theme-trend-legend button.is-active{border-color:#61d4c8;color:#61d4c8;background:#132523}
.theme-trend-table-wrap{max-height:310px;margin-top:12px;overflow:auto}
.theme-trend-table{width:100%;border-collapse:collapse}
.theme-trend-table th,.theme-trend-table td{padding:9px;border-bottom:1px solid #273238;text-align:right}
.theme-trend-table th:first-child,.theme-trend-table td:first-child{text-align:left}
.theme-trend-table tbody tr{cursor:pointer}
.theme-trend-table tbody tr:hover,.theme-trend-table tbody tr.is-active{background:#182a29}
.theme-trend-table .is-up{color:#ff7079}
.theme-trend-table .is-down{color:#69a5ff}
@media(max-width:760px){.theme-market-trends{padding:12px}.theme-market-trends>header,.theme-trend-controls,.theme-trend-data-note{align-items:stretch;flex-direction:column}.theme-trend-controls>div{display:grid;grid-template-columns:repeat(3,1fr)}.theme-trend-chart-wrap iframe{height:680px}.theme-trend-table th,.theme-trend-table td{padding:8px 5px;font-size:11px}}
