/* Generated by tools/dark-theme/build.py from export.css. Don't edit: change the source and run the script.
   Hand-made dark fixes go in /theme.css. */
:where([data-theme="dark"]) .fx-eyebrow { color: var(--f-mute); }
:where([data-theme="dark"]) .fx-head > p:last-child { color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-step { border-top: 1px solid var(--f-line); }
:where([data-theme="dark"]) .fx-num { border: 1px solid var(--f-line); background: #0f0f0f; color: var(--f-ink); }
:where([data-theme="dark"]) .fx-sub { color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-chip span { border: 1px solid var(--f-line); background: #0f0f0f; color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-chip span::before { border: 1px solid #525252; background: #0f0f0f center / 10px no-repeat; }
:where([data-theme="dark"]) .fx-chip:hover span { border-color: #525252; color: var(--f-ink); }
:where([data-theme="dark"]) .fx-chip input:checked + span { background: var(--f-ink); border-color: var(--f-ink); color: #191816; }
:where([data-theme="dark"]) .fx-chip input:checked + span::before { border-color: #191816; background-color: #191816; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23e9e6e7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:where([data-theme="dark"]) .fx-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(20, 16, 17, .14); }
:where([data-theme="dark"]) .fx-guide { background: #0f0f0f; border: 1px solid var(--f-line); }
:where([data-theme="dark"]) .fx-guide[open] { box-shadow: 0 10px 30px rgba(20, 16, 17, .06); }
:where([data-theme="dark"]) .fx-guide summary:hover { background: #161616; }
:where([data-theme="dark"]) .fx-gt b { color: var(--f-ink); }
:where([data-theme="dark"]) .fx-gt small { color: var(--f-mute); }
:where([data-theme="dark"]) .fx-min { color: var(--f-ink-2); background: var(--f-paper); border: 1px solid var(--f-line); }
:where([data-theme="dark"]) .fx-guide summary i { border-right: 1.5px solid var(--f-ink-2); border-bottom: 1.5px solid var(--f-ink-2); }
:where([data-theme="dark"]) .fx-guide ol { border-top: 1px solid var(--f-paper-2); }
:where([data-theme="dark"]) .fx-guide li { color: #dddada; }
:where([data-theme="dark"]) .fx-guide li::before { background: var(--f-paper-2); color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-guide li b { color: var(--f-ink); }
:where([data-theme="dark"]) .fx-empty { border: 1px dashed var(--f-line); color: var(--f-mute); }
:where([data-theme="dark"]) .fx-screen { background: var(--f-paper-2); }
:where([data-theme="dark"]) .fx-screen p { color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-screen b { color: var(--f-ink); }
:where([data-theme="dark"]) .fx-note { border-top: 1px dashed var(--f-line); }
:where([data-theme="dark"]) .fx-note p { color: var(--f-mute); }
:where([data-theme="dark"]) .fx-help { background: var(--f-paper-2); }
:where([data-theme="dark"]) .fx-help p { color: var(--f-ink-2); }
:where([data-theme="dark"]) .fx-help a:not(.fb) { text-decoration: underline; }