/*  sk-qa-ticker-fail.css — the notice shown when the wire never answers.
 *
 *  Paired with sk-qa-ticker-fail.js, which is the backstop that keeps a room
 *  from sitting on its loading dots forever. The dots are honest for the first
 *  few seconds and a lie after ten, so after ten the room says so in as many
 *  words. Palette and type are the house ones already on the page — this is a
 *  failure state, not a new component.
 */

.sk-data-unavailable-msg {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border: 1px solid #4A4136;
  background: #1b1712;
  color: #c9c0ad;
  padding: 0.75rem 0.9rem;
  margin: 0 0 0.85rem;
  font-family: Spectral, Georgia, serif;
  font-size: 0.95rem;
}

.sk-data-unavailable-msg strong {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c47a6a;
}

/*  A cell the backstop had to empty. It reads as absent rather than as a
 *  number, so nobody mistakes the dash for a quote of zero. */
.sk-data-unavailable-cell {
  opacity: 0.75;
}
