:root {
  --red-1: #1652f0;
  --red-2: #7fa1ff;
  --blue-1: #79b900;
  --blue-2: #c7f04b;
  --green: #5f9200;
  --focus-ring: rgba(22,82,240,.24);
  --topline-start: #1652f0;
  --topline-middle: #e8edf6;
  --topline-end: #79b900;
  --sidebar-stripe: linear-gradient(90deg, #1652f0 0 50%, #79b900 50%);
  --sidebar-kicker-color: #5f9200;
  --trade-hover-text: #fff;
}

.issuer-mark {
  overflow: visible;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}

.brand:hover .issuer-mark { transform: rotate(-5deg); }
.issuer-mark__coinbase { fill: #1652f0; stroke: #151914; stroke-width: 1.7; }
.issuer-mark__robinhood { fill: #c7f04b; stroke: #151914; stroke-width: 1.7; }
.issuer-mark__letter { fill: #fff; font-family: var(--sans); font-size: 10px; font-weight: 800; }
.issuer-mark__letter--rh { fill: #151914; font-size: 8px; }
.issuer-mark__orbit { fill: none; stroke: #8d958e; stroke-width: 1.3; stroke-dasharray: 2 3; }

.chart-panel { background: linear-gradient(180deg, #fff 0%, #fbfcfa 100%); }
.chart-wrap { height: 330px; }
.range-switcher { display: none; }
.chart-topbar { padding-bottom: 20px; }
.chart-footer { justify-content: flex-start; }
.candidate-row { grid-template-columns: 52px minmax(360px, 1.7fr) 132px 170px; }
.candidate-name > span { font-family: var(--sans); font-size: 15px; font-weight: 800; letter-spacing: -.35px; }
.trade-token__body strong { font-family: var(--sans); font-weight: 800; }
.mini-avatar,
.trade-token__avatar { font-family: var(--sans); font-weight: 800; }
.issuer-note { color: #737b87; font-size: 10px; line-height: 1.55; }

@media (max-width: 700px) {
  .chart-wrap { height: 292px; }
  .candidate-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .candidate-name > span { font-size: 14px; }
}