/* Regex Tester: highlighted matches, match table and cheat sheet. */
.rx-highlight { min-height: 90px; max-height: 380px; }
.rx-highlight mark.rx-m { border-radius: 3px; padding: 0; color: inherit; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); }
.rx-highlight mark.rx-c0 { background: rgba(255, 205, 80, 0.6); }
.rx-highlight mark.rx-c1 { background: rgba(110, 190, 255, 0.5); }
:root[data-theme='dark'] .rx-highlight mark.rx-c0 { background: rgba(255, 196, 64, 0.38); }
:root[data-theme='dark'] .rx-highlight mark.rx-c1 { background: rgba(90, 170, 255, 0.38); }
.rx-zero { display: inline-block; width: 2px; height: 1.1em; margin: 0 -1px; vertical-align: text-bottom; background: var(--err); border-radius: 1px; }
.rx-table { max-height: 420px; overflow: auto; }
.rx-table td { vertical-align: top; font-size: 0.88rem; }
.rx-table code { white-space: pre-wrap; word-break: break-all; background: none; }
.rx-table .badge { margin-right: 4px; }
.rx-flags .check code { font-weight: 800; color: var(--accent-ink); }
.rx-cheats summary { cursor: pointer; }
.rx-cheats .table-wrap { margin-top: 12px; }
.rx-cheats td:first-child { white-space: nowrap; }
#rx-text { min-height: 150px; }
