.chartbox{margin-top:30px;border:1px solid var(--line);background:#080d12;padding:22px}.charthead{display:flex;align-items:end;justify-content:space-between;gap:20px}.charthead h3{font:400 24px Georgia;margin:5px 0}.periods{display:flex;border:1px solid var(--line)}.periods button{padding:9px 12px;color:var(--muted);font-size:11px;border-right:1px solid var(--line)}.periods button:last-child{border:0}.periods button.active{background:#122530;color:var(--cyan)}.series{display:flex;gap:20px;margin:18px 0 4px;font-size:12px}.series label{cursor:pointer}.series input{accent-color:var(--cyan);vertical-align:middle;margin-right:6px}.series .sell{color:#ef6a7a}.series .buy{color:#e2b85f}.series .sold{color:#35d0e8}#priceChart{width:100%;min-height:300px}#priceChart svg{display:block;width:100%;height:auto;overflow:visible}.gridlines line{stroke:#1b2832;stroke-width:1}.gridlines text,.xlabels text{fill:#6f8190;font-size:10px}.line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chartempty{height:300px;display:grid;place-items:center;color:var(--muted)}@media(max-width:800px){.charthead{display:block}.periods{margin-top:15px;overflow:auto}.series{flex-wrap:wrap}}@media(max-width:520px){.chartbox{padding:14px}.periods button{padding:8px;font-size:9px}}