:root {
  --checker-offline: #f04438;
  --checker-offline-rgb: 240, 68, 56;
}

/* Keep the original checker layout while making its offline state unmistakable. */
.origin-whitelist.is-checker-offline .origin-whitelist-heading p span {
  background: var(--checker-offline);
  box-shadow:
    0 0 0 5px rgba(var(--checker-offline-rgb), 0.12),
    0 0 16px rgba(var(--checker-offline-rgb), 0.28);
}

.origin-whitelist.is-checker-offline .origin-wallet-row input:disabled {
  color: rgba(10, 9, 9, 0.56);
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(10, 9, 9, 0.28);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.origin-whitelist.is-checker-offline .origin-wallet-row button:disabled {
  color: #fff;
  background: var(--checker-offline);
  border-color: var(--checker-offline);
  cursor: not-allowed;
  opacity: 0.9;
  transform: none;
}

.origin-whitelist-status.is-checker-offline {
  color: #a42219;
}

.origin-whitelist-status.is-checker-offline > span {
  color: #fff;
  background: var(--checker-offline);
  border-color: var(--checker-offline);
}

/* Remove the scrolling copy while retaining the requested marquee divider. */
.marquee {
  min-height: 0;
  background: transparent;
  border-top: 3px solid var(--accent);
  border-bottom: 3px solid var(--accent);
}

.marquee-track {
  display: none !important;
  animation: none !important;
}