/* "نرخ طمع" — the Fear & Greed gauge.
   The card is this site's; what is inside the frame is the widget's. */

.symbol-fear-greed {
  width: 100%;
  padding: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 16px;
  background-color: var(--gray-0);
}

.symbol-fear-greed-title {
  padding-bottom: 16px;
  color: var(--gray-900);
  font-size: 16px;
  font-weight: 700;
}

/* A fixed height, because the frame's contents are another origin's and cannot
   be measured from here. 300px is what the legacy's widget renders at, and
   reserving it means the sidebar does not jump when the frame paints. */
.symbol-fear-greed-frame {
  display: block;
  width: 100%;
  height: 300px;
  border: 0;
}