/* The site in dark mode. BUILT by tools/build_dark.py from css/*.css and tools/dark_hand.css: do not edit it: edit those and run python3 tools/build_dark.py. On when (js/theme.js). */ /* ---- style.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) { --arc-fill: linear-gradient(90deg, #0022ff 0%, #ff0000 100%); --arc-fill--alt: linear-gradient(90deg, #0022ff 0%, #ff0000 100%); --bg: #1d183f; --bg--alt: #ffffff; --ink: #f4f4f4; --ink--alt: #4c4c4c; --muted: #d2d2d2; --muted--alt: #5c5c5c; --line: #d9d9d9; --line--alt: #636363; --panel: #292259; --panel--alt: #fafafa; --accent: #4c4c4c; --danger: #ebb3ae; --danger--alt: #ad3327; --party-democrat: #0022ff; --party-democrat--alt: #0022ff; --party-republican: #ff0000; --party-republican--alt: #ff0000; --party-other: #8a2be2; --party-other--alt: #8a2be2; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) * { scrollbar-color: rgba(0, 0, 0, 0.63) transparent; } :root:is([data-theme="dark"], #dk#dk#dk) ::-webkit-scrollbar { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) ::-webkit-scrollbar-track, :root:is([data-theme="dark"], #dk#dk#dk) ::-webkit-scrollbar-corner { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.63); border: 2px solid transparent; background-clip: padding-box; } :root:is([data-theme="dark"], #dk#dk#dk) ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) body { background: var(--bg); } :root:is([data-theme="dark"], #dk#dk#dk) .hover-info { border: 0; background: #1d183f; color: var(--btn-ink); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) .hover-dot { background: #847cbd; } :root:is([data-theme="dark"], #dk#dk#dk) .hover-dot[data-party="democrat"] { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .hover-dot[data-party="republican"] { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .arc { background: var(--arc-fill); } :root:is([data-theme="dark"], #dk#dk#dk) .circle { border: 3px solid var(--ink); background: #1d183f; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .circle { box-shadow: 0 0 0 var(--party-ring) var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .circle:focus-visible { outline: none; box-shadow: 0 0 0 var(--party-ring) var(--party), 0 0 0 calc(var(--party-ring) + 2px) #1d183f, 0 0 0 calc(var(--party-ring) + 5px) rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle { --grad: linear-gradient(135deg, #8a2be2, #af136e); --grad--alt: linear-gradient(135deg, #c7a3e8, #ecb4d5); border: var(--party-ring) solid transparent; background: var(--grad) border-box; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle[data-party="democrat"] { --grad: linear-gradient(135deg, #0521e1, #6820f0); --grad--alt: linear-gradient(135deg, #a7afe9, #b398e5); } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle[data-party="republican"] { --grad: linear-gradient(135deg, #ff0000, #af136e); --grad--alt: linear-gradient(135deg, #e9a7a7, #ecb4d5); } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle:not(.has-image) { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle:focus-visible { box-shadow: 0 0 0 calc(2px / var(--s)) #1d183f, 0 0 0 calc(5px / var(--s)) rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) body.home .circle.selected { box-shadow: 0 0 0 calc(4px / var(--s)) #1d183f, 0 2px 12px calc(4px / var(--s)) rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .reset-button { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .reset-button:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .reset-button:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .view-swap { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle:hover .view-swap { background: #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .size-opt { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .size-opt:hover { background: rgba(27, 22, 59, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .size-opt[aria-pressed="true"] { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .size-opt:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .hover-info .hover-match { color: #b39be6; } :root:is([data-theme="dark"], #dk#dk#dk) .hover-info .hover-match::before { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .search-input { border: 2px solid var(--ink); background: #1d183f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") 13px 50% no-repeat; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .search-input:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr { background: #1d183f; border: 2px solid var(--ink, #f4f4f4); } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-count { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr.is-under { box-shadow: 0 2px 0 var(--ink, rgba(0, 0, 0, 0.9)); } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr.is-busy { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-x { border: 2px solid var(--ink, #f4f4f4); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .search-results { border: 1px solid var(--line); background: #1d183f; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .search-result { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .search-result.active, :root:is([data-theme="dark"], #dk#dk#dk) .search-result:hover { background: var(--panel); } :root:is([data-theme="dark"], #dk#dk#dk) .search-photo { border: 2px solid var(--ink); box-shadow: 0 0 0 2px var(--party); background: #1d183f 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .search-photo.is-position { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .search-sub { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .search-result mark { background: #ffdc63; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .search-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pop { background: #1d183f; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pop::before { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .pop-name { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pop-close { border: 0; background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pop-pick { border: 0; background: none; color: var(--btn-ink); text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pop-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .pop-pick:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .empty-add:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .icon svg { fill: none; stroke: currentColor; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-button { border: 0; background: #1d183f; color: var(--btn-ink); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-count { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-button:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill { border: 0; background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill:hover { background: var(--btn-tint-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-on { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-on:hover { background: var(--btn-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .mix-button:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-personal { background: #3e286a; color: #c2b6eb; } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-personal.is-on { background: linear-gradient(45deg, #6f4ef3, #a468ef 55%, #da7ce1); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-personal:hover { background: #442d77; } :root:is([data-theme="dark"], #dk#dk#dk) .group-pill.is-personal.is-on:hover { background: linear-gradient(45deg, #6442ec, #995ceb 55%, #d16bd9); } :root:is([data-theme="dark"], #dk#dk#dk) .group-bank { background: var(--surf-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .bank-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .orbit-empty { background: #1d183f; color: var(--btn-ink); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .chooser { background: radial-gradient(circle at 30% 20%, #392f7b, #2d2562 60%) #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) .chooser:focus { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .chooser-title { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chooser-sub { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble { border: 0; background: none; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-name { background: var(--btn-go); color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-count-in { background: rgba(255, 255, 255, 0.198); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-blob { background: #1d183f; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.364), inset 0 -6px 14px rgba(0, 0, 0, 0.13); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-blob::before { background: rgba(26, 20, 61, 0.4); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble:hover, :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble:hover .mix-blob { box-shadow: 0 16px 36px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble:focus-visible .mix-blob { box-shadow: 0 0 0 4px var(--btn-ring), 0 16px 36px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-face { border: 2px solid #9e9e9e; background: #7a7a7a center / cover no-repeat; color: #ffffff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-blob .mix-pill.is-exec { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-face[data-party="democrat"] { border-color: var(--party-democrat); background-color: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-face[data-party="republican"] { border-color: var(--party-republican); background-color: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-pill { background: var(--btn-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-pill.is-exec { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-pill.is-more { background: none; border: 1px dashed var(--hairline); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble.is-own .mix-blob { background: rgba(27, 22, 59, 0.5); border: 2.5px dashed var(--hairline); box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble.is-own .mix-name { background: #1d183f; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble.is-own:hover .mix-blob { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-plus { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .multi-toggle { background: rgba(27, 22, 59, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .multi-toggle input { accent-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .size-filter { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .size-filter input[type="range"] { accent-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .size-filter:focus-within { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .person-bar { border-bottom: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn { border: 2px solid var(--ink); background: var(--bg, #1d183f); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn:focus-visible { outline: 3px solid var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .relations { border-top: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .lump-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .rel-readout { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .page-heading, :root:is([data-theme="dark"], #dk#dk#dk) .page-subheading { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .party-tag { color: color-mix(in oklab, var(--party) 55%, #ffffff); } :root:is([data-theme="dark"], #dk#dk#dk) .page-subheading { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .position-link { color: inherit; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .position-link:hover { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .role-link { border: 0; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .role-who { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) body.position-bg { background: #1d183f url("../images/backgrounds/position.jpg") center / cover no-repeat fixed; } :root:is([data-theme="dark"], #dk#dk#dk) .position-bg .person-bar { border-bottom-color: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .holder { border: 1px solid var(--line); color: var(--ink); text-decoration: none; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .holder:hover { border-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .holder-photo { border: 2px solid var(--ink); box-shadow: 0 0 0 3px var(--party); background: #352b73 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .text-card { border: 1px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .card-text { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .card-text.is-empty::before { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .img-box { border: 4px solid var(--party); background: var(--panel); } :root:is([data-theme="dark"], #dk#dk#dk) .img-initials { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .img-box.filled { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tab { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tab:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tab:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-scrim { background: rgba(0, 0, 0, 0.45); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index { border-right: 2px solid var(--ink); background: #1d183f; box-shadow: 8px 0 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index:focus { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tool { border: 0; background: #312663; color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tool:hover { background: #372b73; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tool:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tool[aria-pressed="true"] { background: #262184; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tool[aria-pressed="true"]::after { background: #39a677; } :root:is([data-theme="dark"], #dk#dk#dk) .index-close { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-close:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-filter { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .index-filter:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button[aria-selected="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-letter { background: #1d183f; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .index-item { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .index-item:focus-visible { background: var(--panel); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-item.here { background: #253062; box-shadow: inset 3px 0 0 #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-photo { border: 2px solid var(--ink); box-shadow: 0 0 0 2px var(--party); background: #1d183f 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .index-photo.is-icon { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-sub { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .index-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .index-star { color: #efe3c0; } :root:is([data-theme="dark"], #dk#dk#dk) .index-guide { border: 2px solid var(--ink); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-guide:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-face { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-face .index-photo { border: 2px solid #1d183f; box-shadow: 0 0 0 3px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .index-page { background: #2d2562; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-page:hover, :root:is([data-theme="dark"], #dk#dk#dk) .index-page:focus-visible { background: #352a6f; outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-page:focus-visible { box-shadow: 0 0 0 3px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .index-page.here { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .index-page i { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-page small { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .index-big.is-home { background: linear-gradient(120deg, #29386d, #302562); } :root:is([data-theme="dark"], #dk#dk#dk) .index-big.is-voter { background: linear-gradient(120deg, #543f20, #4c1d2c); } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-main { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-main:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-main i { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-main small { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .index-big.here { box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-links a { background: rgba(27, 22, 59, 0.8); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-links a:hover { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-big-links a:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .index-more-head { border-top: 1px solid #201750; color: #9e97e4; } :root:is([data-theme="dark"], #dk#dk#dk) .index-pages.is-more .index-page { background: #292259; } :root:is([data-theme="dark"], #dk#dk#dk) .index-door { background: linear-gradient(120deg, #33296c, #501e3f); } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-top small { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-mix { background: #1d183f; color: var(--ink); text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-mix em { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-view { background: rgba(27, 22, 59, 0.8); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-view:hover { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .index-door-view.here { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) :is(.index-door-view, .index-door-mix):focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .search-input::placeholder { color: transparent; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .filter-toggle { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .filter-toggle[aria-expanded="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .filter-toggle.is-active::before { background: #0022ff; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .arc { background: conic-gradient(from calc(-90deg + var(--spin, 0deg)) at 50% 100%, #0022ff 0deg, #ff0000 180deg, #0022ff 360deg); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .wheel-center { border: 0; background: transparent; color: var(--ink); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .zoomed .wheel-center { color: var(--ink); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .wheel-center:focus-visible { outline: 3px solid #0022ff; } } :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn[aria-selected="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .view-dot { background: #d60000; } :root:is([data-theme="dark"], #dk#dk#dk) .nobody-note { color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .tile-more { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .position-about-text.is-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .position-appointed { background: #2e2663; color: #d3d1ef; } :root:is([data-theme="dark"], #dk#dk#dk) .position-appointed a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .position-side .position-area { border: 1px solid var(--line); } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.position-bg { background: #1d183f; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .position-bg .position-view { background: url("../images/backgrounds/position.jpg") center / cover no-repeat; } } :root:is([data-theme="dark"], #dk#dk#dk) .show-more { border: 1.5px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .show-more:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .show-more:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .previously-btn[aria-expanded="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .previously-panel { border: 1px solid var(--line); background: #1d183f; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person { border: 1px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-photo { border: 3px solid var(--ink); box-shadow: 0 0 0 4px var(--party); background: #352b73 50% 25% / cover no-repeat; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-holder .mini-photo { box-shadow: 0 0 0 4px var(--party), 0 0 0 6px #1d183f, 0 0 0 10px #f2b600; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-heading { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .vacant-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) body.home { background: linear-gradient(#1d183f, #2d225b 75%) fixed; } :root:is([data-theme="dark"], #dk#dk#dk) .member { border: 0; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .member-you { background: linear-gradient(45deg, #7858fb, #653c9e 50%, #752d76); color: #cecaf2; box-shadow: 0 0 0 3px #1d183f, 0 6px 16px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .member-friend { background: linear-gradient(45deg, #59a0ff, #483996 50%, #632644); color: #d2d0f3; box-shadow: 0 0 0 2.5px #1d183f, 0 4px 12px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .member.has-photo { background-size: cover; background-position: center; } :root:is([data-theme="dark"], #dk#dk#dk) .member-tag { background: #291b9a; color: #ffffff; box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .member:focus-visible { outline: 3px solid var(--btn-ring); } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .arc-outline { filter: drop-shadow(3px 0 0 #1d183f) drop-shadow(-3px 0 0 #1d183f) drop-shadow(0 3px 0 #1d183f) drop-shadow(0 -3px 0 #1d183f); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .wheel-center, :root:is([data-theme="dark"], #dk#dk#dk) .zoomed .wheel-center { color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); } } :root:is([data-theme="dark"], #dk#dk#dk) .link { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-open { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-open:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-open:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .compare-close:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-box { border: 2px solid var(--ink); background: #1d183f; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.drop-hover .compare-box { border-color: #0022ff; box-shadow: 0 0 0 4px rgba(0, 34, 255, 0.2), 0 8px 30px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.dragging .compare-slot:not(.filled) { border-color: #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-hint { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-close { border: 0; background: transparent; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-close:hover { background: var(--panel, #332a6f); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-go { border: 2px solid var(--ink); background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:hover:not(:disabled) { background: #0022ff; border-color: #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:disabled { background: #595959; border-color: #484848; color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot { border: 2px dashed #484848; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot.filled { border-color: var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-face { border: 2px solid var(--ink); box-shadow: 0 0 0 2px var(--party); background: #352b73 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-remove { border: 0; background: transparent; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-remove:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .circle.compare-ghost { box-shadow: 0 0 0 var(--party-ring) var(--party), 0 12px 28px rgba(0, 0, 0, 0.9); } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .compare-pick-label { color: var(--muted); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .compare-pick-one { border: 0; background: #2d2562; color: var(--ink); } } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-link { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-link:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-link:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot.pinned { border-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-meters { border-top: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .meter-label { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .meter-track { background: linear-gradient(90deg, #4c4c4c, #daa400); } :root:is([data-theme="dark"], #dk#dk#dk) .meter-politics .meter-track { background: linear-gradient(90deg, var(--party-democrat), #8a2be2 50%, var(--party-republican)); } :root:is([data-theme="dark"], #dk#dk#dk) .meter-thumb { border: 2px solid var(--ink); background: #1d183f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn[aria-pressed="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .line-track { background: linear-gradient(90deg, #4c4c4c, #daa400); } :root:is([data-theme="dark"], #dk#dk#dk) .line-plot[data-kind="politics"] .line-track { background: linear-gradient(90deg, var(--party-democrat), #8a2be2 50%, var(--party-republican)); } :root:is([data-theme="dark"], #dk#dk#dk) .line-end { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .line-dot { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .line-stem { background: var(--ink--alt, var(--ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .line-person { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .line-face { border: 3px solid var(--ink); box-shadow: 0 0 0 4px var(--party); background: #352b73 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .line-person:focus-visible .line-face { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .line-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-bar { border: 1px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-bar .line-face { box-shadow: 0 0 0 3px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .person-meters .mini-meters { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-head .mini-photo { box-shadow: 0 0 0 3px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-holder .mini-head .mini-photo { box-shadow: 0 0 0 3px var(--party), 0 0 0 5px #1d183f, 0 0 0 8px #f2b600; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-go { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-link:hover .mini-go { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-link:hover { border-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person .mini-bio { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .text-card:has(.show-more:not([hidden])):hover { border-color: #545454; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person .mini-info .mini-bio { background: #302768; } :root:is([data-theme="dark"], #dk#dk#dk) .person-chip { border: 1px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-face { border: 1.5px solid var(--ink); box-shadow: 0 0 0 2px var(--party); background: #352b73 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-x, :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus { border: 0; background: transparent; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-x:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus { border: 2px dashed #9e9e9e; background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus:hover { border-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-x:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-search { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-results { border: 1px solid var(--line); background: #1d183f; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-result.active, :root:is([data-theme="dark"], #dk#dk#dk) .chip-result:hover { background: var(--panel, #33296d); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-result-text small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk):has(body.position-bg) { background: #1d183f url("../images/backgrounds/position.jpg") center / cover no-repeat fixed; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-who .mini-role { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mini-person.is-holder .mini-who .mini-role { color: #f4ebd2; } :root:is([data-theme="dark"], #dk#dk#dk) .circle.selected { box-shadow: 0 0 0 var(--party-ring) var(--party), 0 0 0 calc(8px / var(--s)) #1d183f, 0 2px 12px calc(8px / var(--s)) rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode [data-fc-status] { background-color: rgba(var(--fc), .13); box-shadow: inset 0 0 0 1.5px rgba(var(--fc), .55); } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode [data-fc-status]:hover, :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode [data-fc-status].fc-active { background-color: rgba(var(--fc), .24); box-shadow: inset 0 0 0 2px rgba(var(--fc), .9); } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .line-person[data-fc-status] { background-color: transparent; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .line-person[data-fc-status] .line-face { box-shadow: 0 0 0 4px rgb(var(--fc)); } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .jr-face[data-fc-status], :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .jr-face[data-fc-status]:hover, :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .jr-face[data-fc-status].fc-active { background-color: #1d183f; box-shadow: 0 0 0 4px rgb(var(--fc)); } :root:is([data-theme="dark"], #dk#dk#dk) .fc-toggle[aria-pressed="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-pop { background: #1d183f; color: var(--ink); border: 1.5px solid var(--ink); box-shadow: 0 10px 34px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .fc-date { color: #d2d2d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-caveat { background: #302768; color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-field + .fc-field { border-top: 1px solid #34343e; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-field-title { color: #d2d2d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-chip { background: rgba(var(--fc), .14); color: rgb(var(--fc--alt, var(--fc))); filter: saturate(1.2) brightness(.8); } :root:is([data-theme="dark"], #dk#dk#dk) .fc-chance { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-old { color: #cccccc; text-decoration: line-through; text-decoration-color: rgba(251, 251, 251, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .fc-old b, :root:is([data-theme="dark"], #dk#dk#dk) .fc-new b { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-why, :root:is([data-theme="dark"], #dk#dk#dk) .fc-hint { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-none { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-none.is-ok { color: #cbf2da; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-sources li::before { color: #c5c5c5; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-sources a { color: #aabbea; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend { background: rgba(27, 22, 59, 0.94); border: 1.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend i { background: #6c6c7e; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend i.is-key { background: #c82020; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend i.is-unsure { background: #c37e00; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend i.is-fixed { background: #1554e0; } :root:is([data-theme="dark"], #dk#dk#dk) .fc-legend i.is-ok { background: #149343; } :root:is([data-theme="dark"], #dk#dk#dk) .circle.unlinked { filter: grayscale(1) contrast(.5) brightness(1.3); } :root:is([data-theme="dark"], #dk#dk#dk) .fact-mode .lump .circle[data-fc-status] { background-color: #1d183f; box-shadow: 0 0 0 var(--party-ring) var(--party), 0 0 0 calc(9px / var(--s)) rgba(var(--fc), .85); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini { border: 1.5px solid var(--ink); background: #1d183f; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini-verb { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini-map { background: #332a6e; } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini-map.is-failed::after { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini-go { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini:hover .area-mini-go { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-page .person-bar { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .map-canvas, :root:is([data-theme="dark"], #dk#dk#dk) .map-canvas.maplibregl-map { background: #332a6e; } :root:is([data-theme="dark"], #dk#dk#dk) .map-error { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-where-row input { border: 1.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-btn { border: 1.5px solid var(--ink); background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .map-btn + .map-btn { background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-where-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-row-label { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button { border: 1.5px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button[aria-pressed="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .map-legend { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .map-legend-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-label { border: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-label .map-face { border: 2px solid #1d183f; box-shadow: 0 0 0 3px var(--party), 0 3px 10px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .map-label:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .map-label-tag { background: rgba(27, 22, 59, 0.94); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .map-hover .maplibregl-popup-content { border: 1.5px solid var(--ink); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .map-hover div { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .map-panel { background: #1d183f; border: 1.5px solid var(--ink); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .map-panel-close { border: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-area + .map-area { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .map-person { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .map-person:hover { background: #302768; } :root:is([data-theme="dark"], #dk#dk#dk) .map-face { border: 2px solid var(--ink); box-shadow: 0 0 0 3px var(--party); background: #352b73 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .map-person-text span { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-none { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-compare, :root:is([data-theme="dark"], #dk#dk#dk) .map-spot { border: 1.5px solid var(--ink); background: #1d183f; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .map-link { text-decoration: none; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .map-more { border: 0; background: none; color: var(--muted); } } :root:is([data-theme="dark"], #dk#dk#dk) .map-where-in { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button[data-layer][aria-pressed="true"] { background: var(--layer, var(--ink--alt, var(--ink))); border-color: var(--layer, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .map-legend i.map-legend-line { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .map-hover-row { border-left: 3px solid transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .map-area h3 { border-left: 4px solid transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-search input { border: 1.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results { background: #1d183f; border: 1.5px solid var(--ink); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.416); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results li:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results li.is-active { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results .map-face { box-shadow: 0 0 0 2px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-focus { background: var(--ink--alt, var(--ink)); color: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .map-focus-out { border: 0; background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-focus-out:hover { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .map-focus-out:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip { border: 1.5px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-label { border: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-label .map-face { box-shadow: 0 0 0 2px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-x { border: 0; background: none; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-x:hover { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-clear { border: 0; background: none; color: var(--muted); text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin { text-decoration: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin .map-face { box-shadow: 0 0 0 4px var(--party), 0 3px 10px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin-name { background: rgba(27, 22, 59, 0.92); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin-pos { border: 1.5px solid var(--ink); background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin-btn { border: 1.5px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin-btn:hover { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .map-pin-btn.is-on { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .person-social { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .social-link { border: 2px solid var(--ink); color: var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .social-link:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .social-link:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .news-list a { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .news-list a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .news-meta { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .news-summary { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .news-tag { background: #c00000; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .news-none { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .person-news { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .glyph-x::before, :root:is([data-theme="dark"], #dk#dk#dk) .glyph-plus::before { background: currentColor; } :root:is([data-theme="dark"], #dk#dk#dk) .glyph-x { --glyph-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5L19 19M19 5L5 19' stroke='#4c4c4c' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E"); } :root:is([data-theme="dark"], #dk#dk#dk) .glyph-plus { --glyph-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3V21M3 12H21' stroke='#4c4c4c' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E"); } :root:is([data-theme="dark"], #dk#dk#dk) .index-close { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .index-close:hover { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-x:hover { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .map-panel-close:hover { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) { --pw-presides: #0d9488; --pw-budget: #c36b05; --pw-appoints: #6a1feb; --pw-audits: #c7216b; --pw-runs: #15803d; --pw-advises: #404c5e; --pw-elects: #606773; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-sec h3 { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-item { border-left: 3px solid var(--k, var(--line)); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-kind { color: var(--k); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-other { border: 0; background: none; color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-other:hover { text-decoration-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-why { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-src { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-src a { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-other.is-plain { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-disc { border: 2px solid var(--ink); background: #352b73 50% 25% / cover no-repeat; box-shadow: 0 0 0 3px var(--party-other); color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-disc[data-party="democrat"] { box-shadow: 0 0 0 3px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-disc[data-party="republican"] { box-shadow: 0 0 0 3px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-disc.is-plain { background: #31286a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='15' r='7.5' fill='%23a3a3ad'/%3E%3Cpath d='M5 40c0-9 6.7-15 15-15s15 6 15 15z' fill='%23a3a3ad'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; box-shadow: none; border: 2.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-photo:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-head { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card { border: 1.5px solid #4a4a4a; border-left: 4px solid var(--k); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card:hover { border-color: var(--ink); border-left-color: var(--k); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card small { color: var(--k); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card.is-multi { --k: #e7e7e7; --k--alt: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-none { border: 1.5px dashed #404040; color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-hub .gen-d-disc { box-shadow: 0 0 0 3px var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-hub .gen-d-disc[data-party="democrat"] { box-shadow: 0 0 0 3px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-hub .gen-d-disc[data-party="republican"] { box-shadow: 0 0 0 3px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-box { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-box.is-extra { border-color: #9e9e9e; background: #292259; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-line { fill: none; stroke: var(--k); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-line.is-multi, :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-lines .is-multi { --k: #e7e7e7; --k--alt: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-lines marker path { fill: var(--k); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-more > summary { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-more > summary:hover { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-d-card.is-static:hover { border-color: #4a4a4a; border-left-color: var(--k); box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.gen-d-card { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fav-btn { border: 0; background: none; color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) .fav-btn:hover { color: #ecdfb1; } :root:is([data-theme="dark"], #dk#dk#dk) .fav-btn.is-on { color: #e9dca7; } :root:is([data-theme="dark"], #dk#dk#dk) .fav-btn.is-on:hover { color: #e9dca7; } :root:is([data-theme="dark"], #dk#dk#dk) .fav-btn:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .visually-hidden { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .empty-add { border: 0; background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-dialog { border: 0; background: #1d183f; color: #d9d6f5; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.728); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-body { scrollbar-color: auto; } @supports not selector(::-webkit-scrollbar) { :root:is([data-theme="dark"], #dk#dk#dk) .contact-body { scrollbar-color: #443996 transparent; } } :root:is([data-theme="dark"], #dk#dk#dk) .contact-body::-webkit-scrollbar-track { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-body::-webkit-scrollbar-thumb { background: #443996; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-body::-webkit-scrollbar-thumb:hover { background: #7163ea; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-dialog::backdrop { background: rgba(0, 0, 0, 0.63); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-close { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-way { background: #2d2562; color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-way:hover { background: #352a70; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-way-icon { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-way-text b { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-write { background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-label { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-field input, :root:is([data-theme="dark"], #dk#dk#dk) .contact-field textarea { border: 0; background: var(--field, #3c3182); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-field input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .contact-field textarea:focus { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-hint { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-go, :root:is([data-theme="dark"], #dk#dk#dk) .contact-plain { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-go:hover { background: var(--btn-go-hover, #20147b); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-plain { background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-plain:hover { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .contact-note { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-source, :root:is([data-theme="dark"], #dk#dk#dk) .contact-privacy { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .contact-source a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .person-stands { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .stand-item { background: #27225b; color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-tag.is-for { background: #225a41; color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-tag.is-against { background: #542420; color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-tag.is-bills { background: #32296c; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-title { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-item small { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .stand-src { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) a.stand-bills:hover { background: #32286a; } :root:is([data-theme="dark"], #dk#dk#dk) .area-outside { background: #584d21; color: #f6f1db; } :root:is([data-theme="dark"], #dk#dk#dk) .area-outside a { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cal-btn { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .cal-btn:hover { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .cal-btn.is-light { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .cal-btn.is-light:hover { background: rgba(255, 255, 255, 0.234); } :root:is([data-theme="dark"], #dk#dk#dk) .cal-menu { background: #1d183f; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .cal-item { color: #d9d6f5 !important; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cal-item small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cal-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .cal-item:focus-visible { background: #312665; outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cal-head { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-countdown .cal-btn { background: rgba(27, 22, 59, 0.75); } :root:is([data-theme="dark"], #dk#dk#dk) .map-face.is-blank { background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-deck { background: rgba(27, 22, 59, 0.97); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) .map-tabs { background: rgba(26, 20, 61, 0.55); } :root:is([data-theme="dark"], #dk#dk#dk) .map-tab { border: 0; background: none; color: #d3d1e5; } :root:is([data-theme="dark"], #dk#dk#dk) .map-tab:hover { background: rgba(27, 22, 59, 0.5); } :root:is([data-theme="dark"], #dk#dk#dk) .map-tab[aria-selected="true"] { background: #1d183f; color: #d2d0f3; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .map-tab:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .map-deck .map-pick-results { border: 0; background: none; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .map-deck-title { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .map-deck-what { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .map-tally { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .map-tally i { background: var(--party--alt, var(--party)); } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard { border: 0; background: var(--surf-tint, #2d2562); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard.is-hot { background: #352a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard .map-face { border-color: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard-text small { color: #b5b3cf; } :root:is([data-theme="dark"], #dk#dk#dk) .map-dcard-text span { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-more-menu { background: #1d183f; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-more-item { border: 0; background: none; color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-more-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .nav-more-item:focus-visible { background: #312663; outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-more-item em { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-more.is-on::after { background: #39a677; box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) :is(.person-bar, .land-bar).is-docked::after { background: linear-gradient(rgba(27, 22, 59, 0.94), rgba(27, 22, 59, 0.8) 40%, rgba(27, 22, 59, 0.4) 72%, rgba(255, 255, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) .bottom-tint { background-color: #2d2561; } :root:is([data-theme="dark"], #dk#dk#dk) .acct.is-dock .acct-me { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.728); } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .person-bar > .bar-title { color: var(--btn-ink, #d9d6f5); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .has-tabs .tabbar { border: 1px solid rgba(34, 30, 56, 0.42); background: radial-gradient(120% 150% at var(--gx, 25%) var(--gy, -30%), rgba(255, 255, 255, 0.088), rgba(255, 255, 255, 0) 55%), rgba(255, 255, 255, 0.184); box-shadow: inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.22), inset -1px -1px 0 rgba(255, 255, 255, 0.087), inset 0 0 0 1px rgba(255, 255, 255, 0.052), inset 0 -12px 24px rgba(255, 255, 255, 0.035), 0 10px 30px rgba(0, 0, 0, 0.416), 0 1px 3px rgba(0, 0, 0, 0.208); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab { border: 0; background: none; color: #cbc9df; text-decoration: none; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab.is-here { color: #d9d6f5; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-ring { background: radial-gradient(120% 150% at var(--gx, 25%) var(--gy, -30%), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 60%), rgba(255, 255, 255, 0.084); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.416); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-ring::before { background: var(--hz-ring); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tabbar.is-dragging .tab-ring { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.624); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-ico.tab-av { box-shadow: 0 0 0 2px #1d183f, 0 0 0 3px #d3cdfb; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab.is-here .tab-ico.tab-av { box-shadow: 0 0 0 2px #1d183f, 0 0 0 4px rgba(0, 0, 0, 0.9); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-bell { fill: none; stroke: currentColor; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-ico.tab-plus { background: var(--btn-go, #291b9a); color: #ffffff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.78); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .tab-count { background: #af136e; color: #ffffff; box-shadow: 0 0 0 2px #1d183f; } } :root:is([data-theme="dark"], #dk#dk#dk) .post-veil { background: rgba(0, 0, 0, 0.576); } :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet { background: #1d183f; box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet-grab { background: #3e3284; } :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet-head { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet-x { border: 0; background: none; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet .ps-compose { box-shadow: none; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .post-sheet { box-shadow: none; } } :root:is([data-theme="dark"], #dk#dk#dk) .post-signin { color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .post-signin h2 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .post-signin p { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .post-signin .post-signin-big { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .tab-toast { background: #291b9a; color: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .bar-place { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .bar-place-x { border: 0; background: rgba(0, 0, 0, 0.216); color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .bar-place-x:hover { background: rgba(0, 0, 0, 0.396); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tabs { background: rgba(27, 22, 59, 0.94); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tab { border: 2.5px solid transparent; color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tab:hover:not([aria-current]) { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tabs.is-dragging .xp-tab { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tab:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-empty { background: #1d183f; color: var(--btn-ink); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-empty p { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-face.is-you { border-color: #1d183f; background: linear-gradient(45deg, #7858fb, #653c9e 50%, #752d76); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-face.is-friend { border-color: #1d183f; background: linear-gradient(45deg, #6f4ef3, #a468ef); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-empty-acts .gen-p-go { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mix-back { background: radial-gradient(circle at 30% 20%, #1d183f, #302460 70%); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.624), inset 0 0 0 2px rgba(211, 205, 251, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-desc { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-people { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-go { border: 2.5px solid transparent; background: linear-gradient(#1d183f, #1d183f) padding-box, var(--hz-ring) border-box; color: #d9d6f5; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-go:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .mix-bubble.is-own .mix-back { border: 2.5px dashed var(--hairline); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-ring { border: 2.5px solid transparent; background: linear-gradient(#1d183f, #1d183f) padding-box, var(--hz-ring) border-box; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.416); } :root:is([data-theme="dark"], #dk#dk#dk) .xp-tabs.is-dragging .xp-ring { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.624); } :root:is([data-theme="dark"], #dk#dk#dk) .search-compact .search:not(:focus-within):not(:has(.search-input:not(:placeholder-shown))) .search-input { background-position: 50% 50%; } :root:is([data-theme="dark"], #dk#dk#dk) .search-compact .search:not(:focus-within) .search-input::placeholder { color: transparent; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .has-explore .search:not(:focus-within):not(:has(.search-input:not(:placeholder-shown))) .search-input { background-position: 50% 50%; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .has-explore .search:not(:focus-within) .search-input::placeholder { color: transparent; } } :root:is([data-theme="dark"], #dk#dk#dk) body.has-explore .person-bar { background: rgba(27, 22, 59, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) body.xp-orbit .person-bar { background: transparent; border-bottom-color: transparent; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] :where(.lg, .xp-tabs, .mix-bar .mix-button, #groupBar .mix-button, .mix-blob, .map-controls, .map-deck, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin), :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] :where(.lg, .xp-tabs, .mix-bar .mix-button, #groupBar .mix-button, .mix-blob, .map-controls, .map-deck, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin) { background: radial-gradient(120% 150% at var(--gx, 25%) var(--gy, -30%), rgba(27, 22, 59, var(--lg-glare)), rgba(255, 255, 255, 0) 55%), rgba(27, 22, 59, var(--lg-tint)) !important; border-color: rgba(34, 30, 56, calc(var(--lg-rim) * .6)) !important; box-shadow: inset 1.5px 1.5px 0 rgba(255, 255, 255, calc(var(--lg-rim) * .9)), inset -1px -1px 0 rgba(255, 255, 255, calc(var(--lg-rim) * .35)), inset 0 0 0 1px rgba(255, 255, 255, calc(var(--lg-rim) * .22)), inset 0 -12px 24px rgba(255, 255, 255, 0.035), 0 10px 30px rgba(0, 0, 0, 0.416), 0 1px 3px rgba(0, 0, 0, 0.208) !important; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] :is(.lg.lg-dark, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin), :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] :is(.lg.lg-dark, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin) { background: radial-gradient(120% 150% at var(--gx, 25%) var(--gy, -30%), rgba(27, 22, 59, calc(var(--lg-glare) * .5)), rgba(255, 255, 255, 0) 55%), rgba(var(--nav-glass, 86, 56, 210), var(--lg-dark)) !important; color: #ffffff !important; border-color: rgba(34, 30, 56, calc(var(--lg-rim) * .35)) !important; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] :is(.lg.lg-dark, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin) *, :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] :is(.lg.lg-dark, body.xp-orbit .person-bar > :is(.index-tab, .nav-back, .nav-home), body.xp-orbit .acct-signin) * { color: inherit !important; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] :is(.xp-ring, .tab-ring), :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] :is(.xp-ring, .tab-ring) { background: radial-gradient(120% 150% at var(--gx, 25%) var(--gy, -30%), rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 60%), rgba(255, 255, 255, 0.18) !important; border-color: transparent !important; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] :is(.xp-ring, .tab-ring)::before, :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] :is(.xp-ring, .tab-ring)::before { background: var(--hz-ring); } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .mix-blob, :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] .mix-blob { box-shadow: inset 2px 2px 0 rgba(255, 255, 255, calc(var(--lg-rim) * .9)), inset -2px -3px 6px rgba(255, 255, 255, calc(var(--lg-rim) * .3)), inset 0 0 30px rgba(255, 255, 255, 0.063), 0 14px 34px rgba(0, 0, 0, 0.468) !important; } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .mix-blob::before, :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] .mix-blob::before { background: rgba(27, 22, 59, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .group-pop, :root:is([data-theme="dark"], #dk#dk#dk) [data-glass] .group-pop { background: rgba(27, 22, 59, 0.72); box-shadow: inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.245), inset 0 0 0 1px rgba(255, 255, 255, 0.122), 0 16px 40px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .compare-box { background: rgba(27, 22, 59, 0.72); box-shadow: inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.245), inset 0 0 0 1px rgba(255, 255, 255, 0.122), 0 16px 40px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .compare-tray .compare-slot { background: rgba(27, 22, 59, 0.45); } :root:is([data-theme="dark"], #dk#dk#dk)[data-glass] .compare-tray .compare-slot.filled { background: rgba(27, 22, 59, 0.7); } /* ---- home.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) body.landing { background: #2d2561; } :root:is([data-theme="dark"], #dk#dk#dk):has(body.landing), :root:is([data-theme="dark"], #dk#dk#dk) body.landing * { scrollbar-color: auto; } @supports not selector(::-webkit-scrollbar) { :root:is([data-theme="dark"], #dk#dk#dk):has(body.landing), :root:is([data-theme="dark"], #dk#dk#dk) body.landing * { scrollbar-color: #443996 transparent; } } :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar-track, :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar-corner { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar-thumb { border: 3px solid transparent; background: #443996 padding-box; } :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar-thumb:hover { background: #7163ea padding-box; } :root:is([data-theme="dark"], #dk#dk#dk) :is(html:has(body.landing), body.landing *)::-webkit-scrollbar-thumb:active { background: #3829c3 padding-box; } :root:is([data-theme="dark"], #dk#dk#dk) .land-face { border: 2px solid var(--ink); background: #352b73 50% 25% / cover; box-shadow: 0 0 0 3px var(--party-other); color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .land-face[data-party="democrat"] { box-shadow: 0 0 0 3px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .land-face[data-party="republican"] { box-shadow: 0 0 0 3px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .land-bar { background: #1d183f; border-bottom: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-pill, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-pill:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn:hover { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .land-pill:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item:focus-visible { background: #32296c; outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-state { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-sub { color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-soon { color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) a.land-menu-item { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-hero { --hz: linear-gradient(90deg, #0521e1, #3712e8 25%, #8a2be2 50%, #af136e 75%, #de0007); --hz--alt: linear-gradient(90deg, #a7afe9, #aca0e7 25%, #c7a3e8 50%, #ecb4d5 75%, #eaaaac); --hz-fade: linear-gradient(#1d183f 0, #1d183f 52%, rgba(27, 22, 59, 0.9) 64%, rgba(27, 22, 59, 0.7) 76%, rgba(27, 22, 59, 0.42) 88%, rgba(255, 255, 255, 0.072) 100%); --hz-fade--alt: linear-gradient(#ffffff 0, #ffffff 52%, rgba(255, 255, 255, 0.9) 64%, rgba(255, 255, 255, 0.7) 76%, rgba(255, 255, 255, 0.42) 88%, rgba(255, 255, 255, 0.08) 100%); background: var(--hz-fade), var(--hz), #1d183f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-bar { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero { border-top: var(--bar-h) solid transparent; background-origin: border-box; background-clip: border-box; } :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero .land-search, :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero .land-search:focus-within { border: 3px solid transparent; background: linear-gradient(#1d183f, #1d183f) padding-box, linear-gradient(90deg, #0521e1, #3712e8 25%, #8a2be2 50%, #af136e 75%, #de0007) border-box; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero .land-search:focus-within { box-shadow: 0 0 0 5px rgba(138, 43, 226, 0.18), 0 12px 30px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .land-sky .is-band { background: var(--hz, linear-gradient(90deg, #0521e1, #3712e8 25%, #8a2be2 50%, #af136e 75%, #de0007)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-sky .is-lamp.is-b { background: radial-gradient(closest-side, rgba(0, 31, 250, 0.95), rgba(0, 31, 250, 0.43) 45%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .land-sky .is-lamp.is-v { background: radial-gradient(closest-side, rgba(125, 29, 213, 0.9), rgba(125, 29, 213, 0.4) 45%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .land-sky .is-lamp.is-r { background: radial-gradient(closest-side, rgba(232, 8, 28, 0.95), rgba(232, 8, 28, 0.43) 45%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .land-sky .is-beam { background: radial-gradient(50% 60% at 50% 100%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-title { color: var(--ink); text-shadow: 0 2px 18px rgba(255, 255, 255, 0.158); } :root:is([data-theme="dark"], #dk#dk#dk) .land-logo { filter: drop-shadow(0 2px 18px rgba(255, 255, 255, 0.193)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-title:has(.land-logo)::before { background: radial-gradient(closest-side, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.112) 40%, rgba(255, 255, 255, 0.04) 65%, rgba(255, 255, 255, 0.012) 85%, rgba(255, 255, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-search { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .land-search input { border: 0; outline: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-search:focus-within { box-shadow: 0 0 0 4px rgba(0, 34, 255, 0.25), 0 10px 30px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .land-results { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .land-results-sec { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-results-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-result { border: 0; background: none; color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-result:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-result.is-active { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .land-result-name mark { background: #74692c; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .land-result-sub { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-icon { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news { background: #c00000; color: #ffffff; text-decoration: none; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news.is-latest { background: var(--ink--alt, var(--ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news:hover .land-news-text { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .land-news-tag { background: #1d183f; color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .land-news.is-latest .land-news-tag { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-card { background: #1d183f; border: 2px solid var(--ink); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.land-card:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) a.land-card:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview { border-bottom: 2px solid var(--ink); background: #332a6e; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-circles { background: url("../images/backgrounds/position.jpg") center / cover; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-genetics { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-genetics path { fill: none; stroke: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-gen-root { background: var(--ink--alt, var(--ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .land-face.is-blank { background: #31286a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='15' r='7.5' fill='%23a3a3ad'/%3E%3Cpath d='M5 40c0-9 6.7-15 15-15s15 6 15 15z' fill='%23a3a3ad'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card p { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .land-chip { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-face.is-chip[data-party] { box-shadow: 0 0 0 2px var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .land-face.is-chip[data-party="democrat"] { box-shadow: 0 0 0 2px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .land-face.is-chip[data-party="republican"] { box-shadow: 0 0 0 2px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .land-chip-x { border: 0; background: none; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-chip-x:hover { background: #32296c; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-slot { border: 2px dashed #aaaaaa; background: none; color: #c5c5c5; } :root:is([data-theme="dark"], #dk#dk#dk) .land-slot:hover { border-color: var(--ink); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-picker input { border: 2px solid var(--ink); outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .land-picker input:focus { box-shadow: 0 0 0 3px rgba(0, 34, 255, 0.25); } :root:is([data-theme="dark"], #dk#dk#dk) .land-go { border: 2px solid var(--ink); background: var(--ink--alt, var(--ink)); color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-go[aria-disabled="true"] { background: #1d183f; color: #b8b8b8; border-color: #4a4a4a; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-search { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.572); } } @media (max-width: 520px) { :root:is([data-theme="dark"], #dk#dk#dk) .land-hero { --hz-fade: linear-gradient(#1d183f 0, #1d183f 64%, rgba(27, 22, 59, 0.88) 73%, rgba(27, 22, 59, 0.66) 82%, rgba(27, 22, 59, 0.38) 91%, rgba(255, 255, 255, 0.072) 100%); --hz-fade--alt: linear-gradient(#ffffff 0, #ffffff 64%, rgba(255, 255, 255, 0.88) 73%, rgba(255, 255, 255, 0.66) 82%, rgba(255, 255, 255, 0.38) 91%, rgba(255, 255, 255, 0.08) 100%); } } :root:is([data-theme="dark"], #dk#dk#dk) .admin-card { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-fold { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-fold-chev { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-count { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-table th { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-note { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-person { border: 1.5px solid var(--line); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-person:hover { border-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-search { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-filters button { border: 1.5px solid var(--line); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-filters button[aria-pressed="true"] { border-color: var(--ink); background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-tile { border: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-tile:hover, :root:is([data-theme="dark"], #dk#dk#dk) .hs-tile:focus-visible { background: #2e2663; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-circle { background: #382e6b center / cover no-repeat; color: #b6b4c9; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-circle.is-none { border: 2px dashed #3b375b; background: #2b2055; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-tag.up { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-tag.found { background: #2e2665; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-tag.none { background: #4f1e1e; color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-dialog { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-dialog::backdrop { background: rgba(0, 0, 0, 0.81); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-x button { border: 0; background: none; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-pos { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-compare figure { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-big { background: #382e6b center / cover no-repeat; color: #b6b4c9; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-big.is-none { border: 2px dashed #3b375b; background: #2b2055; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-drop { border: 2px dashed #3d3864; background: #2b2055; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-drop.is-over { border-color: var(--ink); background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-drop .hs-hint { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-actions .land-btn.is-quiet { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-done { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .hs-msg { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .hs-key input { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-signout { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) body.news-page { background: #2d2561; } :root:is([data-theme="dark"], #dk#dk#dk) .news-updated { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .news-filter { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .news-filter select, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter input { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .news-filter select:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter input:focus { box-shadow: 0 0 0 3px rgba(0, 34, 255, 0.25); } :root:is([data-theme="dark"], #dk#dk#dk) .news-person .land-chip { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .news-count { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .news-day-title { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .news-item { border: 1px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .news-item.is-breaking { border: 2px solid #ff3d3d; } :root:is([data-theme="dark"], #dk#dk#dk) .news-icon { border-color: var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .news-headline a { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .news-headline a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .news-who { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .news-who:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .news-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-card.is-soon { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-soon { background: repeating-linear-gradient(135deg, #2d2561 0 12px, #332a6f 12px 24px); } :root:is([data-theme="dark"], #dk#dk#dk) .land-soon-mark { color: #b2b2bd; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card.is-soon h2 { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-alerts { border: 2px solid var(--danger, #ff3d3d); background: #461b1b; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-alerts h2 { color: var(--danger, #ecb5b5); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-kind { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-kind label + label { border-left: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-kind label:has(input:checked) { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-kind label:has(input:focus-visible) { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-area-form input[type="text"] { border: 2px solid var(--ink); outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-area-form input[type="text"]:focus { box-shadow: 0 0 0 3px rgba(0, 34, 255, 0.25); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-form-msg { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-form-msg.is-error { color: var(--danger, #ecb5b5); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-areas th { color: var(--muted); border-bottom: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-areas td { border-bottom: 1px solid #2a2546; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-area-name a { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-here { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-status { background: #352b73; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-status.is-live { background: #20542d; color: #c9f2d8; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-status.is-queued { background: #252c62; color: #a9b0e9; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-status.is-building { background: #544420; color: #f1dec5; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-status.is-alert { background: #4f1e1e; color: #eebbbb; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-when, :root:is([data-theme="dark"], #dk#dk#dk) .admin-log { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-problem { color: #eebbbb; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-issue { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-cadence { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) body.learn-page { background: #2d2561; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-note, :root:is([data-theme="dark"], #dk#dk#dk) .learn-sources { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-sources a { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr { --road: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-sign { background: #1f7a3a; color: #ffffff; outline: 2px solid #c8f1d4; border: 3px solid #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-count { background: #1d183f; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-map { background: linear-gradient(#1e394e, #1f4c1f 30%); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-map.jr-cam { background: #296d36; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-cam::before { background: linear-gradient(#203c54, rgba(255, 255, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) body.learn-page .person-bar { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-title, :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 3px 0 var(--ink); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-title:active { box-shadow: 0 1px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-menu { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 4px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-item { border: 2px solid transparent; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) button.jr-games-item, :root:is([data-theme="dark"], #dk#dk#dk) a.jr-games-item { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.jr-games-item:hover { background: #2f2665; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-item.is-here { border-color: var(--ink); background: #5e5524; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-item.is-soon { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill.jr-music.is-off::after { background: currentColor; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill:active { box-shadow: 0 1px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill.is-red { background: #a61919; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn { border: 2px solid var(--ink); background: #1d183f; box-shadow: 0 3px 0 var(--ink); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:disabled { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:not(:disabled):active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur:active { box-shadow: 0 1px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); box-shadow: 0 3px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-icon { background: #253762; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-icon.is-done { background: #e6b800; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-text small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-list { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 4px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-list-head { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row { border: 2px solid transparent; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row:focus-visible { background: #253762; outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row.is-here { border-color: var(--ink); background: #5e5524; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-num { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-name { color: #ffffff; background: #4c4c4c; border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop { color: var(--ink); background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 3px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-name:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-icon { background: #253762; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop.is-done { color: #e0e0e0; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop.is-done .jr-bsign-icon { background: #e6b800; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop.is-now { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bsign-stop.is-now::after { border: 3px solid rgba(61, 87, 255, 0.45); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-place-tag { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop { border: 0; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop-dot { background: #1d183f; border: 3px solid var(--ink); box-shadow: 0 5px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop:focus-visible .jr-stop-dot { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop.is-done .jr-stop-dot { background: #e6b800; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop-label { background: #1d183f; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-fog { background: radial-gradient(closest-side, rgba(255, 255, 255, 0.388), rgba(255, 255, 255, 0.34) 60%, rgba(255, 255, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-fog.jr-site { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-site b { color: #f4f4f4; background: #fab708; border: 2px solid #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-site small { color: #f4f4f4; background: rgba(27, 22, 59, 0.92); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-fog small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-fog.is-finish a { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog { background: rgba(0, 0, 0, 0.81); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-x { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-steps i.on { background: var(--ink--alt, var(--ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-guide { background: var(--panel); border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-guide-av { background: #e6b800; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn.is-go { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice:hover:not(:disabled) { background: var(--panel); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice.is-right { background: #215633; border-color: #54e88b; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice.is-wrong { background: #511f1f; border-color: #e45858; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-msg.is-right { color: #c9f2d8; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-msg.is-wrong { color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-done a { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-notes { border-top: 2px solid var(--ink); background: #584d21; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-notes > summary { color: #f6f2dc; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-notes-body { color: #f9f5e5; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-face { border: 2px solid var(--ink); box-shadow: 0 0 0 3px var(--party); background: #1d183f 50% 25% / cover no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-face.is-empty { --party: #ccc; --party--alt: #ccc; color: #bebebe; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-seat { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-more { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer { border: 3px solid var(--ink); background: hsl(calc(210 + var(--i, 0) * 35) 80% calc(94% - var(--i, 0) * 3%)); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer.is-sib { background: rgba(27, 22, 59, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer.is-you { background: #e6b800; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-timeline li:not(:last-child)::after { border-left: 3px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-tl-dot { background: #e6b800; border: 3px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-timeline li.is-past .jr-tl-dot { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-link { background: #1d183f; border: 2px solid var(--ink); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bar-fill { background: linear-gradient(90deg, #149343 var(--w), #4a5261 var(--w)); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bar.is-hi .jr-bar-fill { background: linear-gradient(90deg, #e6b800 var(--w), #4a5261 var(--w)); box-shadow: 0 0 0 2px var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-office { background: #1d183f; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-arrow { color: var(--pc); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-arrow::after { border-bottom: 4px solid var(--pc); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-arrow::before { border: 8px solid transparent; border-left: 12px solid var(--pc); border-right: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-level { border: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-offices dd { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-budget-bar { background: linear-gradient(90deg, var(--ink--alt, var(--ink)) var(--w), #46465f var(--w)); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video iframe, :root:is([data-theme="dark"], #dk#dk#dk) .learn-video video { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video figcaption { background: #1d183f; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video:has(figcaption) { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video:has(figcaption) iframe, :root:is([data-theme="dark"], #dk#dk#dk) .learn-video:has(figcaption) video { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video.is-link { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-video.is-placeholder { background: repeating-linear-gradient(135deg, #2d2561 0 12px, #332a6f 12px 24px); border: 2px dashed #4c4c59; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-card, :root:is([data-theme="dark"], #dk#dk#dk) .quiz-done, :root:is([data-theme="dark"], #dk#dk#dk) .learn-block { background: #1d183f; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-progress { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-img { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt:hover:not(:disabled) { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt.is-right { border-color: #caf2d9; background: #1f512f; } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt.is-wrong { border-color: #ff3d3d; background: #481b1b; } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-face { background: #352b73 center / cover no-repeat; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-face[data-party="democrat"] { box-shadow: 0 0 0 3px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-face[data-party="republican"] { box-shadow: 0 0 0 3px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-date { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-days { color: #a7b0e9; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-address input { border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-race { border: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-race h4 a { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-race-person { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-race-person:hover span:nth-child(2) { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .learn-tag { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .learn-compare { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-learn { background: #296d36; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games { background: #253762; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games > span { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games > span:not(.is-road):not(.is-bennie) { background: #2f2767; filter: grayscale(.6); } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games .is-road { background: #296d36; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games .is-bennie { background: #5eb5eb; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign { border: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign img, :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign-missing { border: 1.5px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign-missing { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-pic figcaption { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign h3 a { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign-src { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-sign-actions a { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod { border: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-who { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-who span { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-tag { background: #2e2665; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-tag.is-teen { background: #645526; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-photo { background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-text { border-left: 3px solid var(--ink); background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why { color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why.is-report { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-ban:hover { background: #a1221b; border-color: #e36059; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why-form select, :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why-form textarea { border: 1.5px solid var(--line); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why-form .admin-note.is-bad { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-mod-why-form .land-go.admin-mod-ban { background: #a1221b; border-color: #e36059; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-fav { border: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-who { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-who:hover span:last-child, :root:is([data-theme="dark"], #dk#dk#dk) a.vg-who:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-ask { border: 0; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.728); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-ask::backdrop { background: rgba(0, 0, 0, 0.63); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-ask p { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-reset { border: 2px solid transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-link { border: 0; background: none; color: var(--ink); text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-race.is-picked { border-color: #6b5fdd; box-shadow: inset 4px 0 0 #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-hide { border: 1px solid var(--line); background: #1d183f; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-hide:hover { border-color: var(--ink); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-choice:has(input:checked) { background: #352a70; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-choice input[type="radio"] { accent-color: #3829c3; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-choice.is-skip { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-writein, :root:is([data-theme="dark"], #dk#dk#dk) .vg-note { border: 1px solid var(--line); } @media print { :root:is([data-theme="dark"], #dk#dk#dk) body.voter-page { background: #1d183f !important; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide { color: #fbfbfb; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide .pg-sub { color: #e7e7e7; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide th, :root:is([data-theme="dark"], #dk#dk#dk) #printGuide td { border: 1px solid #fbfbfb; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide th { background: #352b73; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide td small { color: #e0e0e0; } } @media print { :root:is([data-theme="dark"], #dk#dk#dk) #printGuide .pg-foot { color: #e0e0e0; } } :root:is([data-theme="dark"], #dk#dk#dk) .je-panel { background: #1d183f; border-left: 2px solid var(--ink); box-shadow: -8px 0 30px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .je-btn { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .je-btn:hover { background: var(--panel); } :root:is([data-theme="dark"], #dk#dk#dk) .je-btn.is-go { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .je-btn.is-on { background: #e6b800; } :root:is([data-theme="dark"], #dk#dk#dk) .je-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .je-input:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .je-note { background: #584d21; border: 1.5px solid #ffd63d; } :root:is([data-theme="dark"], #dk#dk#dk) .je-help { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .je-editing { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .je-level { border: 2px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .je-level.is-main { border-color: #c8f1d4; } :root:is([data-theme="dark"], #dk#dk#dk) .je-level.is-editing { background: #253762; } :root:is([data-theme="dark"], #dk#dk#dk) .je-level-words small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .je-pass { background: #253762; border: 1.5px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .je-sending { background: #253762; border: 1.5px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .je-sending.is-done { background: #1f522d; border-color: #c8f1d4; } :root:is([data-theme="dark"], #dk#dk#dk) .je-list li { border: 1.5px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .je-list li.is-sel { border-color: #0022ff; background: #253062; } :root:is([data-theme="dark"], #dk#dk#dk) .je-list li.is-live { border-color: #54e88b; background: #1c492a; } :root:is([data-theme="dark"], #dk#dk#dk) .je-list li small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .je-name { border: 0 !important; background: none !important; } :root:is([data-theme="dark"], #dk#dk#dk) .je-lesson { border: 2px solid var(--ink); background: var(--panel); } :root:is([data-theme="dark"], #dk#dk#dk) .je-step { border: 1.5px solid var(--line); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .je-field { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .je-input { border: 1.5px solid #9e9e9e; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-map.is-editing { outline: 3px dashed #f7b545; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stop.is-selected .jr-stop-dot { outline: 4px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-sign.is-edit { background: #a24b08; outline-color: #f69246; } @media (max-width: 720px) { :root:is([data-theme="dark"], #dk#dk#dk) .je-panel { border-left: 0; border-top: 2px solid var(--ink); box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.39); } } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer { color: var(--ink); -webkit-text-fill-color: currentColor; background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .land-search .land-answer { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-x { border: 2px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-body a { color: #a7b0e9; } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-wait { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-err { color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-foot { border-top: 1px solid var(--line); color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-lesson { border: 1.5px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-lesson > summary small { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-q { border-top: 1px solid #323741; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-q.is-off .admin-quiz-text b { text-decoration: line-through; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-tag { background: #233449; color: #d0d7e0; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-tag.is-edited { background: #625625; color: #f1d6c6; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-tag.is-added { background: #215633; color: #d2f4de; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-tag.is-taken { background: #511f1f; color: #efbfbf; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-answers .is-right { color: #d2f4de; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-answers .is-wrong { color: #c8cbd1; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-why { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-form { border: 1.5px dashed var(--ink); background: #292259; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field input, :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field textarea { border: 1.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-err { color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-bar { background: #4c431d; border: 1.5px solid var(--ink); box-shadow: 0 3px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .admin-trip-pick select { border: 1.5px solid var(--ink); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .admin-review-key input { border: 1.5px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-thumb { background: #296d36; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-thumb polyline { fill: none; stroke: #dddddd; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-thumb circle { fill: #1d183f; stroke: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-thumb circle.is-done { fill: #ffcc00; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-test { background: #5e5524; border: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-sign.is-red { background: #a61919; outline-color: #e65757; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-redpulse { box-shadow: inset 0 0 90px 10px rgba(220, 38, 38, 0.55); background: rgba(200, 32, 32, 0.08); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-quiz-red { color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-quiz-from { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bubble { border: 2px solid var(--ink); background: #1d183f; box-shadow: 0 3px 0 var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bubble::before { background: inherit; border-left: 2px solid var(--ink); border-top: 2px solid var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bubble.is-right { background: #1f522d; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-bubble.is-wrong { background: #4f3a1e; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-quiz-score { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-input:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-wait { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-err { color: #ecb5b5; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-foot { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 4px 0 var(--ink); color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.gm-card:hover, :root:is([data-theme="dark"], #dk#dk#dk) a.gm-card:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card.is-soon { box-shadow: none; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-pic { border-bottom: 2px solid var(--ink); background: #2f2767; } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card.is-soon .gm-pic { filter: grayscale(.6); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-pic.is-road { background: #296d36; } :root:is([data-theme="dark"], #dk#dk#dk) .gm-pic.is-bennie { background: #5eb5eb; } :root:is([data-theme="dark"], #dk#dk#dk) .gm-go { background: #1f7a3a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-splat { background: radial-gradient(circle at 50% 46%, rgba(180, 14, 14, 0.96) 0 16%, transparent 16.5%), radial-gradient(circle at 38% 36%, rgba(180, 14, 14, 0.92) 0 7%, transparent 7.5%), radial-gradient(circle at 64% 38%, rgba(180, 14, 14, 0.92) 0 8%, transparent 8.5%), radial-gradient(circle at 34% 60%, rgba(180, 14, 14, 0.9) 0 6%, transparent 6.5%), radial-gradient(circle at 66% 62%, rgba(180, 14, 14, 0.9) 0 7%, transparent 7.5%), radial-gradient(circle at 50% 74%, rgba(180, 14, 14, 0.88) 0 4%, transparent 4.5%), radial-gradient(circle at 24% 46%, rgba(180, 14, 14, 0.85) 0 3%, transparent 3.5%), radial-gradient(circle at 77% 49%, rgba(180, 14, 14, 0.85) 0 3%, transparent 3.5%), rgba(200, 32, 32, 0.55); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-splat b { color: #ffffff; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.9), 0 0 18px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-card { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 20px 50px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-card-place { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-card-meta { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn.jr-icon[aria-pressed="true"] { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-steps i { background: #53535d; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-steps i.on { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-art { background: #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-text { color: #eaeaec; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-foot { border-top: 1.5px solid #31313a; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar { background: #1d183f; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar-open { border: 0; background: none; color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar:not(.is-open):hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar:not(.is-open):focus-within { background: #352c73; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar .jr-ask-input, :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar .jr-ask-go, :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar .jr-askbar-x { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open .jr-ask-input { background: transparent; color: #f4f4f4; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open .jr-ask-input:focus { outline: none; background: transparent; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open .jr-ask-go { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open .jr-askbar-x { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-askbar.is-open .jr-askbar-x:hover { background: #352c73; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-out { background: #1d183f; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb { background: #2f2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-head { color: #d6d6d9; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn { border: 0; background: #1d183f; color: #f4f4f4; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn:hover:not(:disabled) { background: #352c73; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn:focus-visible { outline: 3px solid #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.pb-go { background: #4c4c4c; color: #ffffff; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.pb-go:hover:not(:disabled) { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.is-right { background: #1f512f; color: #d9f5e3; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.is-wrong { background: #4d221d; color: #f1cac7; box-shadow: inset 0 0 0 2px #c0392b; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn .jr-face { box-shadow: 0 0 0 2px var(--party); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-out.is-right { color: #d9f5e3; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-out.is-wrong { color: #f1cac7; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-count { color: #d6d6d9; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hint { color: #c9c9cc; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-info { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-face.is-front { background: #1d183f; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-face.is-back { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row { background: #1d183f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row.is-dragging { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row.is-right { box-shadow: inset 4px 0 0 rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row.is-wrong { box-shadow: inset 4px 0 0 #c0392b, 0 1px 3px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-grip { color: #b7b7bc; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-end { color: #c9c9cc; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-sort-row { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-sort-why { color: #dfdfe2; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.pb-seat { background: transparent; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-btn.pb-seat:hover:not(:disabled) { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-chair { background: #1d183f; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tick { background: #0a8a3a; color: #ffffff; box-shadow: 0 0 0 2px #2f2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-seat[aria-pressed="true"] .jr-face, :root:is([data-theme="dark"], #dk#dk#dk) .pb-seat[aria-pressed="true"] .pb-chair { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-meter { background: #53535d; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-meter-fill { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .pb.is-passed .pb-meter-fill { background: #0a8a3a; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-meter-need { background: #ad3327; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-truth-dot { background: #0a8a3a; box-shadow: 0 0 0 3px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-truth-dot::after { background: #0a8a3a; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-truth { background: #0a8a3a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-scale { color: #c9c9cc; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tl-when { color: #d6d6d9; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tl-item.is-open .pb-tl-btn { background: #4c4c4c; color: #ffffff; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tl-item.is-open .pb-tl-when { color: #b3b3bc; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-date { border: 0; background: #1d183f; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-date:focus { outline: none; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-box { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tick-row[aria-pressed="true"] .pb-box { background: #4c4c4c; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tick-row[aria-pressed="true"] .pb-box::after { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-tick-row[aria-pressed="true"] span:last-child { color: #c9c9cc; text-decoration: line-through; } :root:is([data-theme="dark"], #dk#dk#dk) a.pb-link { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-yours { background: #1d183f; color: #f4f4f4; text-decoration: none; box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-yours:hover { background: #352c73; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-yours-text small { color: #d6d6d9; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-art .pb-spot { background: #1d183f; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.9), 0 3px 8px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-art .pb-spot:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-art .pb-spot:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9), 0 3px 8px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-art .pb-spot.is-on { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9), 0 0 0 7px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer.pb-layer:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer.pb-layer:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-layer.pb-layer.is-on { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-find-where { color: #d6d6d9; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-complete { background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.376) 0, rgba(255, 255, 255, 0.344) 45%, rgba(255, 255, 255, 0.22) 100%); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-complete-title { color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-complete-sub { color: #dfdfe2; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-complete-go .jr-btn { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-flag { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row:focus-visible { outline: 3px solid #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-row.is-lifted { box-shadow: 0 14px 30px rgba(0, 0, 0, 0.728); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-gap { border: 2px dashed #52525a; background: rgba(27, 22, 59, 0.5); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-lede { color: #d9d9d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-countdown { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-chip { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-chip:hover { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-chip.is-on { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-filter .mix-button.is-filtered { box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4), 0 4px 14px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) .ballot-switch .seg-btn { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-search { border: 0; background: #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-place { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-maybe { border-top: 1px dashed #261e67; color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-card { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-where { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-kind { background: #32296c; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-result.is-passed { background: #225a41; color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-result.is-failed { background: #542420; color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-card-title a { color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-card-title a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-plain { color: #eeeeee; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-y { background: #225a41; color: #def7ef; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-y b { color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-n { background: #542420; color: #f3d2d0; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-n b { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-cost { border: 1.5px solid #cecaf2; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-party { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-party.is-for { color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-party.is-against { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-dot { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-dot.is-d { background: var(--party-democrat, #0022ff); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-dot.is-r { background: var(--party-republican, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-foot small { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-bar { background: #3c336f; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-bar .is-for { background: #13795b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-bar .is-against { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-bar .is-none { background: #524d7c; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-mine { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-mine.is-yes { background: #13795b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-mine.is-no { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-more { color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-more:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-empty { background: #27225b; color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-foot-note { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-bills-link { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-chip.is-link { background: #1d183f; box-shadow: inset 0 0 0 1.5px #c9c4ee; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-back { color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-box { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-box > h3, :root:is([data-theme="dark"], #dk#dk#dk) .mz-box > summary { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split i { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-0, :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend .is-0::before { background: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-1, :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend .is-1::before { background: #3829c3; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-2, :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend .is-2::before { background: #5d4fed; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-3, :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend .is-3::before { background: #473da1; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-4, :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend .is-4::before { background: #3d3489; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-3, :root:is([data-theme="dark"], #dk#dk#dk) .mz-split .is-4 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-legend { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-cost-big b { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-cost-big span { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-args .is-for h4 { color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-args .is-against h4 { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-mybox { background: #1d183f; box-shadow: inset 0 0 0 2px #e3dffc; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg { background: #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg button { border: 0; background: transparent; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg button:hover { background: #352b72; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg .is-yes.is-on { background: #13795b; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg .is-no.is-on { background: #a1221b; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-seg .is-skip.is-on { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-small { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-side.is-for h4 { color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-side.is-against h4 { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-person { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-name { color: #f4f4f4; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.mz-name:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-why { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-src { background: #32296c; color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-av { background: #372a6e; color: #e7e7e7; text-decoration: none; box-shadow: 0 0 0 3px var(--ring, #8b88a8); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-av.is-democrat { --ring: var(--party-democrat, #0022ff); --ring--alt: var(--party-democrat, #a7b0e9); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-av.is-republican { --ring: var(--party-republican, #ff0000); --ring--alt: var(--party-republican, #e9a7a7); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-av.is-other { --ring: var(--party-other, #8a2be2); --ring--alt: var(--party-other, #c7a3e8); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-av.is-small { box-shadow: 0 0 0 2px var(--ring, #8b88a8); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-pcard { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-pcard em.is-for { color: #ccf2e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-pcard em.is-against { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-pcard em.is-none { color: #b6b4c8; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline li::before { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline i { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline .is-done i { background: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline .is-next i { background: #1d183f; box-shadow: inset 0 0 0 4px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-timeline span { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-sources { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-sources a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mcard { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mcard.is-picked { box-shadow: inset 0 0 0 2px #c9c4ee; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mcard h4 a { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mline { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mfavs { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-mnote { border: 0; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-maybe > summary { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-updated { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-session { background: #584d21; color: #f6f1db; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-filters select { border: 0; background: #2d2562; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-card { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-card .mz-where a { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-title a { color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-title a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-src { color: #c1bed4; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-moved { background: #ffd663; color: #f6f1db; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps li { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps li::before { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps i { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-done i, :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-done::before, :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-now::before { background: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-now i { background: #1d183f; box-shadow: inset 0 0 0 4px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-vetoed i { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-steps .is-vetoed b { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-latest { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-chamber { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-both-sup { border-left: 1px solid #1f1852; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-rate .rt-q { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-lbl.is-R { color: var(--party-republican-ink--alt, var(--party-republican-ink, #e9a7a7)); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-lbl.is-D { color: var(--party-democrat-ink--alt, var(--party-democrat-ink, #a7b0e9)); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-lbl.is-I { color: var(--party-other-ink--alt, var(--party-other-ink, #c7a3e8)); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track { background: #352b73; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track .is-yes { background: #13795b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track .is-no { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track .is-pR { background: var(--party-republican, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track .is-pD { background: var(--party-democrat, #0022ff); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-track .is-pI { background: var(--party-other, #8a2be2); } :root:is([data-theme="dark"], #dk#dk#dk) .bl-support .mz-pcard { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-q { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-vote { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-vote b { color: #ffffff; background: #7a769b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-vote b.is-yes { background: #13795b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-vote b.is-no { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-follow { border: 0; background: #32296c; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-follow.is-on { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-off { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-h3 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-all { color: #e7e7e7; } @media (max-width: 640px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-both-sup { border-left: 0; border-top: 1px solid #1f1852; } } :root:is([data-theme="dark"], #dk#dk#dk) .bl-say { background: #1d183f; box-shadow: inset 0 0 0 2px #e3dffc; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-person { background: #27225b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-voted { color: #ffffff; background: #7a769b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-voted.is-yes { background: #13795b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-voted.is-no { background: #a1221b; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-act { border: 0; background: #32296c; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .bl-act.is-go { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .hm { --navy: #d2d0f3; --navy--alt: #262184; --lav: #2e2665; --lav--alt: #efedfd; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .hm a { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .hm h2 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-today { background: linear-gradient(135deg, #1d183f, #35235d 60%, #491c38); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 14px 34px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .hm .hm-today h2 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-where { color: #cfcedf; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-where b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-change { border: 0; background: #3c3182; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-change:hover { background: #41358d; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-change:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-place .land-menu { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-views { background: #3a2d77; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-views button { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-views button[aria-pressed="true"] { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick-go:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick-ico { background: #372a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick em { background: #34296c; color: #b9b2ec; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick em.is-widen { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-pick em.is-pos { background: #584521; color: #f2e3cd; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-star { border: 0; background: none; color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) button.hm-star:hover { background: #35286b; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) button.hm-star[aria-pressed="true"] { color: #ecddb1; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-why { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-loading { background: rgba(27, 22, 59, 0.85); color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-card { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) a.hm-card:hover { box-shadow: var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) a.hm-card:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-vote:hover { box-shadow: var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-vote:has(.hm-cover:focus-visible) { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-cover:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-kicker { color: #9e97e4; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-go { background: var(--btn-go); color: #ffffff !important; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-go.is-soft { background: var(--btn-tint); color: var(--btn-ink) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-go.is-soft:hover { background: var(--btn-tint-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-violet { background: linear-gradient(135deg, #3323ad, #432eb5 55%, #7b41db); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .hm .hm-violet { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-violet .hm-kicker { color: #e18de2; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-violet .hm-go { background: #1d183f; color: #cecaf2 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-steps span { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-steps span.on { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-tool { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-tool:hover { background: #372768; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-tool small { color: #bdbcce; } :root:is([data-theme="dark"], #dk#dk#dk) button.hm-tool { border: 0; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-tool[aria-expanded="true"] { background: #372c74; } :root:is([data-theme="dark"], #dk#dk#dk) .hm-cmp { background: #1d183f; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-cmp::before { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-cmp-x { border: 0; background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .hm-cmp-note { color: #c2c1d2; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-hero { background: radial-gradient(130% 90% at 50% 0%, #3712e8, #291b9a 62%, #1f1473) border-box; color: #ffffff; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.landing { background: linear-gradient(#2d2561, #2d2561) #361eb5; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-logo { filter: none; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.landing .land-search { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.9); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .hm-vote { background: none; box-shadow: none; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .hm-vote:hover { box-shadow: none; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .hm-vote a { text-decoration: none; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-road-now::before { background: #752d76; box-shadow: 0 0 0 4px rgba(240, 180, 241, 0.25); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase { background: rgba(255, 255, 255, 0.126); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase > i { background: #752d76; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-done { background: rgba(27, 22, 59, 0.88); color: #cecaf2; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-on { background: #4e1d49; color: #cecaf2; box-shadow: 0 0 0 2px #f0b4f1, 0 0 16px rgba(240, 180, 241, 0.55); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-next { background: rgba(255, 255, 255, 0.072); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.175); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-ed { background: #1d183f; color: #c7a3e8; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-ed.is-next { background: #1d183f; box-shadow: 0 0 0 2px rgba(240, 180, 241, 0.7); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-phase.is-ed.is-on { background: #752d76; color: #cecaf2; box-shadow: 0 0 0 2px #1d183f; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-shelf-h h2 { color: #d9d6f5; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-shelf-more { border: 0; background: none; color: #aca5e9; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view { border: 0; color: #ffffff; text-decoration: none; box-shadow: var(--card-shadow); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view.is-orbit { background: radial-gradient(circle at 70% 20%, #6d48ff, #341fb5 60%, #262184); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view.is-genetics { background: linear-gradient(150deg, #0aa38b, #0b6a7d); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view.is-money { background: linear-gradient(150deg, #cb9400, #a66000); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view.is-map { background: linear-gradient(150deg, #136af5, #1b399d); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view.is-all { background: #1d183f; color: #d9d6f5; box-shadow: inset 0 0 0 2px var(--btn-ring); } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .hm-view:focus-visible { outline: 3px solid var(--btn-ring); } } :root:is([data-theme="dark"], #dk#dk#dk) .wl { --navy: #d2d0f3; --navy--alt: #262184; --lav: #2e2665; --lav--alt: #efedfd; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .wl h1, :root:is([data-theme="dark"], #dk#dk#dk) .wl h2 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .wl a { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-hero p { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-band { background: linear-gradient(180deg, #2d2259, #461a46); } :root:is([data-theme="dark"], #dk#dk#dk) .wl-text { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-num { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-go { background: var(--btn-go); color: #ffffff !important; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-go:hover { background: var(--btn-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .wl-soon { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-art { box-shadow: var(--card-shadow); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-art .land-preview { border: 0 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-part > p:last-child { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-kicker { color: #a899e5; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-face { background: radial-gradient(circle at 50% 40%, #959fb3 0 19%, transparent 20%), radial-gradient(ellipse 38% 32% at 50% 98%, #959fb3 0 98%, transparent 100%), #2d3a54; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-face.is-d { box-shadow: 0 0 0 3px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-face.is-r { box-shadow: 0 0 0 3px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-face.is-i { box-shadow: 0 0 0 3px var(--party-other, #8a2be2); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-av { background: linear-gradient(45deg, #5b3996, #8c64ff 50%, #752d76); color: #d2d0f3; box-shadow: 0 0 0 3px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-top b, :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-main b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-top small, :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-main small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-main { background: linear-gradient(120deg, #382561, #491c42); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-ring { background: conic-gradient(#5532dc calc(var(--p) * 1%), #3d2d77 0); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-ring::before { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-ring b, :root:is([data-theme="dark"], #dk#dk#dk) .ab-ring small { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-match-row em { background: #372768; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-size { background: #372e7a; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-size em.is-on { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-profile { background: linear-gradient(135deg, #27198e, #4a2ccd 60%, #763fe4); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-pf-top em { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-pf-tiles span { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-echo, :root:is([data-theme="dark"], #dk#dk#dk) .ab-widen { background: rgba(255, 255, 255, 0.108); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-echo-bar { background: linear-gradient(90deg, #51e2a8, #fcde64, #782e2e); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-echo-bar i { background: #1d183f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .ab-comment { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-comment b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-comment b small { color: #bdbcce; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-comment p { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .ab-reply { color: #a899e5; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-art.is-games .land-preview.is-games { background: #252c62; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-art.is-games .land-preview.is-games > span { border-color: transparent; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .wl-art.is-compare { background: linear-gradient(135deg, #372768, #4b1d4b); color: #b3a8e9; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-chips a { background: rgba(255, 255, 255, 0.162); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-chips a:hover { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .wl-dates li { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-dates small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-dates em { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-rate { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-rate span { color: #e6c59a; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-bar { background: #4f1e1e; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-bar i { background: #39a677; } :root:is([data-theme="dark"], #dk#dk#dk) .wl-yn em { background: #1d183f; color: var(--navy); } /* ---- genetics.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) body.genetics-page { background: #2d2561; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip { border: 2px solid var(--ink); background: #1d183f; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip[aria-pressed="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-view .seg-btn[aria-pressed="true"] { background: var(--ink--alt, var(--ink)); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-key { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-empty { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel { background: #1d183f; border: 2px solid var(--ink); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.572); outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel-close { background: #1d183f; border: 0; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel-close:hover { background: #32296c; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-title { color: inherit; text-decoration: underline; text-decoration-color: var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-title:hover { text-decoration-color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-crumb { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-go { background: var(--ink--alt, var(--ink)); color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-money { --m-mid: #7e2574; --m-mid--alt: #edc1e8; --m-pale: #32296b; --m-pale--alt: #f1f1f3; --m-panel: #402860; --m-panel--alt: #f6f3fa; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-money-key { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-chip { background: #1d183f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu { background: #1d183f; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.416); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu-head { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu-item { border: 0; background: none; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu-item:focus-visible { background: var(--m-panel); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-gov-menu-item span { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-money { --m-ink: #efeded; --m-ink--alt: #51484a; --m-cream: #776646; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-tile:not(.is-on):hover { filter: brightness(1.07) saturate(1.05); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-tile:focus { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-tile:focus-visible { stroke: var(--m-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-name { fill: #6b6b72; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-sum { fill: var(--m-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-side { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.104), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-kicker { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-amt { color: var(--m-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-share { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-bar { background: #55452b; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-bar i { background: var(--m-mid); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-by { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-money .gen-p-go, :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-pop .gen-p-go { background: var(--m-ink--alt, var(--m-ink, #51484a)); color: #fff6ea; border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-item { border: 0; background: #4d3e24; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-item:focus-visible { background: #5d4b2d; outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-back { border: 0; background: rgba(0, 0, 0, 0.108); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-back:hover { background: rgba(0, 0, 0, 0.216); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-pop.is-in-card { background: #4d3d20; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-piece-pop.is-in-card .gen-piece-item { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-frame-src { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt { background: #1d183f; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-sub { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt hr { border: 0; border-top: 2px dashed #494951; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-line { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) button.gen-receipt-line:hover > .gen-receipt-t { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-line i { border-bottom: 2px dotted #494951; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-tw { color: #edc1e8; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-line.is-open { background: #402860; box-shadow: 0 0 0 5px #402860; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-line.is-sub { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-bar { background: var(--m-pale); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-bar u { background: var(--m-mid); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-hundred { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-hundred-kicker { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-hundred-item.is-on span:last-child { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-hundred-item { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) button.gen-hundred-item:hover span { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .boss { --boss-ink: #d2d0f3; --boss-ink--alt: #262184; --boss-quiet: #cbc9df; --boss-quiet--alt: #46436e; --boss-label: #b5b3cf; --boss-label--alt: #6c66a0; --boss-lav: #2d2562; --boss-lav--alt: #f1effe; color: var(--boss-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-pick { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-search { border: 0; background: var(--boss-lav); color: var(--boss-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-search:focus-visible { outline: 3px solid #7262da; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-group > summary { color: var(--boss-label); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-chip { border: 0; background: var(--boss-lav); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-chip:hover { background: #352a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-chip[aria-pressed="true"] { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-stage { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-head p { color: var(--boss-quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card { border: 0; background: #2c235d; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) button.boss-card:hover { background: #302768; } :root:is([data-theme="dark"], #dk#dk#dk) button.boss-card:focus-visible { outline: 3px solid #7262da; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-text small { color: var(--boss-label); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-ic { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-money { background: #22593d; color: #d3f4eb; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-pick { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-pick .boss-text small { color: #c9c2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-pick .boss-money { background: rgba(255, 255, 255, 0.144); color: #8de2b9; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-more { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-more:hover { background: #352a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-elect { background: #352a6f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-pick .boss-elect { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-you { background: linear-gradient(120deg, #283369, #442768 50%, #4c1d23); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-card.is-you .boss-ic { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .boss-tag { background: #1d183f; box-shadow: inset 0 0 0 2px var(--k); color: var(--boss-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-key { border-top: 1.5px solid #302768; color: var(--boss-quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .boss-key i { background: var(--k--alt, var(--k)); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-back { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .mt-edges path { fill: none; stroke: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-tier.is-wide { background: color-mix(in srgb, var(--c) 6%, #1d183f); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 22%, #1d183f); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-node { border: 0; background: #1d183f; color: #d9d6f5; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.208), 0 8px 20px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-node:hover { box-shadow: inset 0 0 0 2px var(--c), 0 8px 20px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-node:focus-visible { outline: 3px solid var(--btn-ring, #392379); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-node small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mt-root { background: linear-gradient(110deg, #0521e1, #8a2be2 50%, #de0007); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mt-root small, :root:is([data-theme="dark"], #dk#dk#dk) .mt-level small { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-level { background: var(--c); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mt-body { background: color-mix(in srgb, var(--c) 10%, #1d183f); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 30%, #1d183f); } :root:is([data-theme="dark"], #dk#dk#dk) .mt-office { background: #291f51; box-shadow: inset 0 0 0 1.5px #e3defb; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-back { background: linear-gradient(90deg, rgba(5, 33, 225, 0.1), rgba(125, 29, 213, 0.08) 50%, rgba(222, 0, 7, 0.1)), #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-back:hover { background: linear-gradient(90deg, rgba(5, 33, 225, 0.16), rgba(125, 29, 213, 0.12) 50%, rgba(222, 0, 7, 0.16)), #34286b; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-boss-pop { background: rgba(0, 0, 0, 0.54); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-boss-card { background: #1d183f; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-boss-x { border: 0; background: #312663; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .boss.is-bare .boss-stage { box-shadow: none; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt-pct { color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-receipt hr.is-double { border-top: 4px double #9b9ba3; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-dots button { border: 0; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-dots button::before { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-dots button.is-on::before { background: #262184; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-k { color: #a6a1cf; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-h { color: var(--c--alt, var(--c)); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-say { color: #d5d3ed; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-split { background: #32286a; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-split .is-d { background: var(--party-democrat, #0022ff); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-split .is-r { background: var(--party-republican, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-split .is-o { background: var(--party-other, #8a2be2); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-body { border-left: 5px solid var(--c); background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.182); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-body-head { border: 0; background: none; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-body-w small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-icon { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-faces > * { box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-ch { color: #a6a1cf; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-seat { border: 0; background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-seat.is-lead { box-shadow: inset 0 0 0 2px var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-seat b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-seat small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-runs { color: #a6a1cf; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-office { border: 0; background: #2d2259; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .gs-boss { border: 0; background: #1d183f; color: #d2d0f3; box-shadow: inset 0 0 0 2.5px var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .gs-hint { color: #a6a1cf; } /* ---- theme.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) { --btn-tint: #3c3182; --btn-tint--alt: #d3cdfb; --btn-tint-hover: #42368e; --btn-tint-hover--alt: #c4bcf8; --btn-ink: #d9d6f5; --btn-ink--alt: #1c137d; --btn-go: #291b9a; --btn-go--alt: #cecaf2; --btn-go-hover: #20147b; --btn-go-hover--alt: #dad7f5; --btn-ring: #6b5fdd; } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn, :root:is([data-theme="dark"], #dk#dk#dk) .index-tab, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn, :root:is([data-theme="dark"], #dk#dk#dk) .land-pill, :root:is([data-theme="dark"], #dk#dk#dk) .reset-button, :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle, :root:is([data-theme="dark"], #dk#dk#dk) .filter-toggle, :root:is([data-theme="dark"], #dk#dk#dk) .compare-open, :root:is([data-theme="dark"], #dk#dk#dk) .show-more, :root:is([data-theme="dark"], #dk#dk#dk) .previously-btn, :root:is([data-theme="dark"], #dk#dk#dk) .fc-toggle, :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn, :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn, :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill, :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip, :root:is([data-theme="dark"], #dk#dk#dk) .jr-title, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur, :root:is([data-theme="dark"], #dk#dk#dk) .map-btn + .map-btn, :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-other, :root:is([data-theme="dark"], #dk#dk#dk) .vg-reset { border-color: transparent !important; background: var(--btn-tint); color: var(--btn-ink); box-shadow: var(--btn-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .index-tab:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-pill:hover, :root:is([data-theme="dark"], #dk#dk#dk) .reset-button:hover, :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle:hover, :root:is([data-theme="dark"], #dk#dk#dk) .compare-open:hover, :root:is([data-theme="dark"], #dk#dk#dk) .show-more:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip:not([aria-pressed="true"]):hover, :root:is([data-theme="dark"], #dk#dk#dk) .previously-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .fc-toggle:hover, :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-title:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:not(:disabled):hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-btn + .map-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .vg-reset:hover { background: var(--btn-tint-hover); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn:active, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn:active, :root:is([data-theme="dark"], #dk#dk#dk) .land-pill:active, :root:is([data-theme="dark"], #dk#dk#dk) .reset-button:active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill:active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-title:active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:not(:disabled):active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur:active, :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn:active, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn:active, :root:is([data-theme="dark"], #dk#dk#dk) .vg-reset:active { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:disabled { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle .view-swap { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .land-go:not([aria-disabled="true"]), :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:not(:disabled), :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn.is-go, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn.is-go, :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-go, :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-go:not(:disabled), :root:is([data-theme="dark"], #dk#dk#dk) .map-btn:first-child, :root:is([data-theme="dark"], #dk#dk#dk) .gm-go { border-color: transparent !important; background: var(--btn-go); color: #ffffff; box-shadow: var(--btn-go-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .land-go:not([aria-disabled="true"]):hover, :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:not(:disabled):hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn.is-go:hover, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn.is-go:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-p-go:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-go:not(:disabled):hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-btn:first-child:hover { background: var(--btn-go-hover); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn[aria-pressed="true"], :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn[aria-selected="true"], :root:is([data-theme="dark"], #dk#dk#dk) .fc-toggle[aria-pressed="true"], :root:is([data-theme="dark"], #dk#dk#dk) .previously-btn[aria-expanded="true"], :root:is([data-theme="dark"], #dk#dk#dk) .filter-toggle[aria-expanded="true"], :root:is([data-theme="dark"], #dk#dk#dk) .je-btn.is-on, :root:is([data-theme="dark"], #dk#dk#dk) .show-more[aria-expanded="true"], :root:is([data-theme="dark"], #dk#dk#dk) .gen-view .seg-btn[aria-pressed="true"], :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip[aria-pressed="true"] { background: #1d183f; color: var(--btn-ink); box-shadow: inset 0 0 0 2px var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill.is-red { background: #a61919; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill.is-red:hover { background: #931515; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur.is-red, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur.is-red:hover { background: #a61919; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur.is-red:hover { background: #931515; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur.is-red .jr-stops-icon { background: #1d183f; border-color: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur.is-red small { color: #fde2e2; } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt, :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice { border-color: transparent; background: #28235c; box-shadow: var(--btn-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt:hover:not(:disabled), :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice:hover:not(:disabled) { background: var(--btn-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .nav-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .index-tab:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-pill:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-go:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .reset-button:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .compare-open:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .show-more:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .seg-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .gen-chip:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .je-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-pill:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-title:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-cur:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-choice:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .quiz-opt:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .index-close, :root:is([data-theme="dark"], #dk#dk#dk) .jr-x, :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-x, :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-x, :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel-close, :root:is([data-theme="dark"], #dk#dk#dk) .map-panel-close, :root:is([data-theme="dark"], #dk#dk#dk) .compare-close, :root:is([data-theme="dark"], #dk#dk#dk) .vg-hide { border: 0 !important; background: var(--btn-tint); color: var(--btn-ink); box-shadow: var(--btn-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .index-close:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel-close:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-panel-close:hover, :root:is([data-theme="dark"], #dk#dk#dk) .compare-close:hover, :root:is([data-theme="dark"], #dk#dk#dk) .vg-hide:hover { background: var(--btn-tint-hover); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-x, :root:is([data-theme="dark"], #dk#dk#dk) .land-chip-x, :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-x, :root:is([data-theme="dark"], #dk#dk#dk) .compare-remove { background: transparent; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-chip-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-chip-x:hover, :root:is([data-theme="dark"], #dk#dk#dk) .compare-remove:hover { background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus { border-color: #241c61; color: var(--btn-ink); background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus:hover { border-color: var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index { border-right: 0; box-shadow: 8px 0 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button { border: 0; background: var(--btn-tint); color: var(--btn-ink); box-shadow: var(--btn-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button:hover { background: var(--btn-tint-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button[aria-selected="true"] { background: #1d183f; color: var(--btn-ink); box-shadow: inset 0 0 0 2px var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .index-filter { border: 0; background: #28235c; box-shadow: inset 0 0 0 1.5px #d9d4fc; } :root:is([data-theme="dark"], #dk#dk#dk) .index-filter:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .index-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .index-item:focus-visible { background: #28235c; } :root:is([data-theme="dark"], #dk#dk#dk) .index-item.here { background: var(--btn-tint); box-shadow: inset 3px 0 0 var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .index-guide { border: 0; background: var(--btn-tint); color: var(--btn-ink); box-shadow: var(--btn-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .index-guide:hover { background: var(--btn-tint-hover); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index { --btn-ring: #1d183f; color: #ffffff; background: radial-gradient(120% 70% at 0% 0%, #7b41db, #432eb5 45%, #291b9a); box-shadow: 10px 0 40px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .index-scrim { background: rgba(0, 0, 0, 0.504); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-title, .index-item, .index-face, .index-big-main, .index-page) { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-sub, .index-empty, .index-big-main small, .index-page small, .index-door-top small) { color: rgba(255, 255, 255, 0.72); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-close, .index-tool) { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-close, .index-tool):hover { background: rgba(255, 255, 255, 0.252); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-tool[aria-pressed="true"] { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-filter { background-color: rgba(255, 255, 255, 0.126); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-filter::placeholder { color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-filter:focus { background-color: #1d183f; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-filter:focus::placeholder { color: var(--field-ph); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-tabs button { background: rgba(255, 255, 255, 0.126); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-tabs button:hover { background: rgba(255, 255, 255, 0.216); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-tabs button[aria-selected="true"] { background: #1d183f; color: #cecaf2; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-letter { background: rgba(0, 0, 0, 0.99); color: rgba(255, 255, 255, 0.8); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-item:focus-visible { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-item.here { background: rgba(255, 255, 255, 0.18); box-shadow: inset 3px 0 0 #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-photo { border-color: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-photo.is-icon { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-star { color: #e2c98d; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-row .fav-btn:not(.is-on) { color: rgba(255, 255, 255, 0.6); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-guide { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-guide:hover { background: #332664; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-big.is-home, .index-big.is-voter, .index-door) { background: rgba(255, 255, 255, 0.108); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-big.here { box-shadow: inset 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-big-main i, .index-page i) { background: rgba(255, 255, 255, 0.144); box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-big-links a, .index-door-view) { background: rgba(255, 255, 255, 0.126); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index :is(.index-big-links a, .index-door-view):hover { background: rgba(255, 255, 255, 0.234); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-door-view.here { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-door-mix { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-door-mix em { background: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-page, :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-pages.is-more .index-page { background: rgba(255, 255, 255, 0.09); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-page:hover, :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-page:focus-visible { background: rgba(255, 255, 255, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-page.here { background: rgba(255, 255, 255, 0.198); } :root:is([data-theme="dark"], #dk#dk#dk) .site-index .index-more-head { border-top-color: rgba(34, 30, 56, 0.16); color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .index-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .jr-x:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-answer-x:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-x:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .map-panel-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .compare-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .chip-x:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .chip-plus:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .index-tabs button:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .index-guide:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) { --surf-tint: #2d2562; --surf-tint--alt: #f1effe; --surf-ink: #cbc9df; --surf-ink--alt: #46436e; --surf-head: #b5b3cf; --surf-head--alt: #6c66a0; --surf-shadow: 0 12px 30px rgba(0, 0, 0, 0.364); --field-ph: #c7c4e1; --field-ph--alt: #433d79; --switch-off: #473b9b; --switch-off--alt: #978de2; --card-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); --card-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.156), 0 16px 34px rgba(0, 0, 0, 0.416); --hairline: #271d66; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card, :root:is([data-theme="dark"], #dk#dk#dk) .compare-box { border: 0 !important; background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) a.land-card:hover, :root:is([data-theme="dark"], #dk#dk#dk) a.gm-card:hover { box-shadow: var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview { border-bottom: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card h2, :root:is([data-theme="dark"], #dk#dk#dk) .land-card h3, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card h2, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card h3 { color: #d5d2f4; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card p, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card p { color: var(--surf-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card.is-soon, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card[aria-disabled="true"] { box-shadow: none; background: var(--surf-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.drop-hover .compare-box { box-shadow: 0 0 0 3px var(--btn-ring), var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .land-slot { border: 1.5px dashed #241c61; background: #28235c; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-slot:hover { border-color: var(--btn-ring); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot { border-color: #241c61; background: #272156; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot.filled { border-color: transparent; background: #28235c; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.dragging .compare-slot:not(.filled), :root:is([data-theme="dark"], #dk#dk#dk) .compare-slot.pinned { border-color: var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .land-chip { border: 0; background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu, :root:is([data-theme="dark"], #dk#dk#dk) .land-results, :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-menu, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-list, :root:is([data-theme="dark"], #dk#dk#dk) .search-results, :root:is([data-theme="dark"], #dk#dk#dk) .chip-results, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results, :root:is([data-theme="dark"], #dk#dk#dk) .previously-panel { border: 0 !important; background: var(--surf-tint); box-shadow: var(--surf-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item, :root:is([data-theme="dark"], #dk#dk#dk) .land-result, :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-item, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row, :root:is([data-theme="dark"], #dk#dk#dk) .search-result, :root:is([data-theme="dark"], #dk#dk#dk) .chip-result, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results li { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .land-result:hover, :root:is([data-theme="dark"], #dk#dk#dk) .land-result.is-active, :root:is([data-theme="dark"], #dk#dk#dk) button.jr-games-item:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .search-result:hover, :root:is([data-theme="dark"], #dk#dk#dk) .search-result.active, :root:is([data-theme="dark"], #dk#dk#dk) .chip-result:hover, :root:is([data-theme="dark"], #dk#dk#dk) .chip-result.is-active, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results li:hover, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-results li.is-active { background: rgba(27, 22, 59, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item[aria-checked="true"], :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-item.is-on, :root:is([data-theme="dark"], #dk#dk#dk) .jr-games-item.is-here, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-row.is-here { border-color: transparent; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-state, :root:is([data-theme="dark"], #dk#dk#dk) .land-results-sec, :root:is([data-theme="dark"], #dk#dk#dk) .jr-stops-list-head { color: var(--surf-head); } :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-sub, :root:is([data-theme="dark"], #dk#dk#dk) .land-menu-soon, :root:is([data-theme="dark"], #dk#dk#dk) .land-result-sub, :root:is([data-theme="dark"], #dk#dk#dk) .search-sub { color: var(--surf-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .search-input, :root:is([data-theme="dark"], #dk#dk#dk) .index-filter, :root:is([data-theme="dark"], #dk#dk#dk) .land-picker input, :root:is([data-theme="dark"], #dk#dk#dk) .chip-search, :root:is([data-theme="dark"], #dk#dk#dk) .map-where-row input, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-search input, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter select, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter input, :root:is([data-theme="dark"], #dk#dk#dk) .learn-address input, :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-input, :root:is([data-theme="dark"], #dk#dk#dk) .admin-area-form input[type="text"], :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field input, :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field textarea, :root:is([data-theme="dark"], #dk#dk#dk) .admin-trip-pick select, :root:is([data-theme="dark"], #dk#dk#dk) .admin-review-key input, :root:is([data-theme="dark"], #dk#dk#dk) .je-input { border-color: transparent !important; background-color: var(--field); color: var(--btn-ink); box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-search { border: 0; background: var(--field); color: var(--btn-ink); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .land-search input { color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) :is(.search-input, .index-filter, .land-picker input, .chip-search, .map-where-row input, .map-pick-search input, .news-filter input, .learn-address input, .jr-ask-input, .admin-area-form input, .land-search input)::placeholder { color: var(--field-ph); } :root:is([data-theme="dark"], #dk#dk#dk) .search-input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .index-filter:focus, :root:is([data-theme="dark"], #dk#dk#dk) .land-picker input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .chip-search:focus, :root:is([data-theme="dark"], #dk#dk#dk) .map-where-row input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .map-pick-search input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter select:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .learn-address input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-input:focus:focus, :root:is([data-theme="dark"], #dk#dk#dk) .admin-area-form input[type="text"]:focus, :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .admin-quiz-field textarea:focus, :root:is([data-theme="dark"], #dk#dk#dk) .admin-trip-pick select:focus, :root:is([data-theme="dark"], #dk#dk#dk) .admin-review-key input:focus, :root:is([data-theme="dark"], #dk#dk#dk) .je-input:focus { background-color: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-search:focus-within { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring), 0 10px 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .search-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23261b8f' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E"); } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr { border: 0; background: var(--surf-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .search-addr-count { background: var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) .size-filter { border: 0; background: var(--field); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .size-filter:focus-within { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"] { background: linear-gradient(var(--btn-go), var(--btn-go)) 0 / var(--fill, 0%) 100% no-repeat, #272158; } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"]::-webkit-slider-thumb { border: 0; background: var(--btn-go); box-shadow: 0 0 0 3px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"]::-moz-range-thumb { border: 0; background: var(--btn-go); box-shadow: 0 0 0 3px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"]::-moz-range-progress { background: var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"]:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 3px #1d183f, 0 0 0 6px var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news.is-latest { background: var(--violet-go--alt, var(--violet-go)); color: #ffffff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news.is-latest:hover { background: var(--violet-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .land-news.is-latest .land-news-tag { background: #1d183f; color: var(--violet-go); } :root:is([data-theme="dark"], #dk#dk#dk) .map-controls, :root:is([data-theme="dark"], #dk#dk#dk) .map-panel, :root:is([data-theme="dark"], #dk#dk#dk) .gen-panel, :root:is([data-theme="dark"], #dk#dk#dk) .fc-pop, :root:is([data-theme="dark"], #dk#dk#dk) .land-answer { border: 0 !important; background: var(--surf-tint); box-shadow: var(--surf-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .map-hover .maplibregl-popup-content { border: 0; background: var(--surf-tint); box-shadow: var(--surf-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-card { border: 0 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-ask-go:disabled { border-color: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .land-bar { border-bottom: 0; } :root:is([data-theme="dark"], #dk#dk#dk) input[type="checkbox"] { background: var(--switch-off); } :root:is([data-theme="dark"], #dk#dk#dk) input[type="checkbox"]::before { background: #1d183f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) input[type="checkbox"]:checked { background: var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) input[type="checkbox"]:focus-visible { outline: 3px solid var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .multi-toggle { border: 1.5px solid var(--hairline); background: #1d183f; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-pic { border-bottom: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card.is-soon { background: var(--surf-tint); color: var(--surf-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .gm-card.is-soon .gm-pic { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games { background: var(--surf-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games > span { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .land-preview.is-games > span:not(.is-road) { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .land-go[aria-disabled="true"], :root:is([data-theme="dark"], #dk#dk#dk) .compare-go:disabled { border-color: transparent !important; background: var(--btn-tint); color: #a5a1ce; } :root:is([data-theme="dark"], #dk#dk#dk) .map-where-row .map-btn[type="submit"] { border-color: transparent; background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .map-where-row .map-btn[type="submit"]:hover { background: var(--btn-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button { border-color: transparent; background: #1d183f; color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button:hover { background: var(--btn-tint-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .map-seg button[aria-pressed="true"]:not([data-layer]) { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .text-card, :root:is([data-theme="dark"], #dk#dk#dk) .area-mini { border: 0; background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .area-mini:hover { box-shadow: var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .view-toggle:hover .view-swap { background: var(--btn-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray, :root:is([data-theme="dark"], #dk#dk#dk) .land-compare, :root:is([data-theme="dark"], #dk#dk#dk) .land-hero, :root:is([data-theme="dark"], #dk#dk#dk) #panel-journey, :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog, :root:is([data-theme="dark"], #dk#dk#dk) .voter-page .learn-main, :root:is([data-theme="dark"], #dk#dk#dk) .news-page .news-main { --btn-tint: #53535d; --btn-tint--alt: #e4e4e7; --btn-tint-hover: #60606a; --btn-tint-hover--alt: #b4b4bb; --btn-ink: #f4f4f4; --btn-ink--alt: #4c4c4c; --btn-go: #4c4c4c; --btn-go--alt: #f4f4f4; --btn-go-hover: #4c4c4c; --btn-go-hover--alt: #e7e7e7; --btn-ring: #f4f4f4; --field: #53535d; --field--alt: #e4e4e7; --field-ph: #d6d6d9; --field-ph--alt: #4d4d53; --switch-off: #a9a9b1; --switch-off--alt: #b4b4bb; --surf-tint: #32296b; --surf-tint--alt: #f1f1f3; --surf-ink: #dbdbde; --surf-ink--alt: #4a4a50; --surf-head: #c9c9cc; --surf-head--alt: #6b6b70; --hairline: #43434b; --card-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); --card-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.156), 0 16px 34px rgba(0, 0, 0, 0.416); --surf-shadow: 0 12px 30px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare) .land-slot, :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray .compare-slot { border-color: #494951; background: #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare) .land-slot:hover { border-color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray .compare-slot.filled { border-color: transparent; background: #32296b; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.dragging .compare-slot:not(.filled), :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray .compare-slot.pinned { border-color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .compare-tray.drop-hover .compare-box { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9), var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare, .jr-dialog, .voter-page, .news-page) :is(.land-go[aria-disabled="true"], .compare-go:disabled) { color: #bababe; } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare, .voter-page, .news-page) .chip-plus { border-color: #494951; background: #2d2562; } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare, .voter-page, .news-page) .chip-plus:hover { border-color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) :is(#panel-journey, .jr-dialog) :is(.quiz-opt, .jr-choice) { background: #32296b; } :root:is([data-theme="dark"], #dk#dk#dk) :is(#panel-journey, .jr-dialog) :is(.quiz-opt, .jr-choice):hover:not(:disabled) { background: #595964; } :root:is([data-theme="dark"], #dk#dk#dk) :is(.compare-tray, .land-compare, .land-hero, .voter-page, .news-page) .search-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E"); } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page .learn-block { border: 0; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page :is(.learn-race, .vg-fav) { border: 0; background: #2f2665; } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page .vg-race.is-picked { box-shadow: inset 4px 0 0 #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page :is(.vg-writein, .vg-note) { border: 0; background: #1d183f; color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page :is(.vg-writein, .vg-note):focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page :is(.vg-writein, .vg-note)::placeholder { color: #ceced1; } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page .vg-print-bar :is(.vg-print-btn, .vg-reset) { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.312), 0 10px 24px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .voter-page .vg-print-bar { --btn-tint: #3c3182; --btn-tint--alt: #d3cdfb; --btn-tint-hover: #42368e; --btn-tint-hover--alt: #c4bcf8; --btn-ink: #d9d6f5; --btn-ink--alt: #1c137d; --btn-go: #291b9a; --btn-go--alt: #cecaf2; --btn-go-hover: #20147b; --btn-go-hover--alt: #dad7f5; } :root:is([data-theme="dark"], #dk#dk#dk) .news-page .news-item { border: 0; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .news-page .news-item.is-breaking { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9), var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .land-compare h2 { color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog :is(.jr-guide, .jr-ask-out) { border: 0; background: #32296b; } :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog :is(.jr-link, .jr-office) { border: 0; background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog a.jr-link:hover, :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog a.jr-office:hover { box-shadow: var(--card-shadow-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .land-search, :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .land-search:focus-within { background: #1d183f; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .land-hero .land-search input:focus-visible { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card h2, :root:is([data-theme="dark"], #dk#dk#dk) .land-card h3, :root:is([data-theme="dark"], #dk#dk#dk) .land-card p, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card h2, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card h3, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card p { color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .land-card p, :root:is([data-theme="dark"], #dk#dk#dk) .gm-card p { color: #e0e0e0; } :root:is([data-theme="dark"], #dk#dk#dk) #panel-journey, :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog { --btn-tint: #1d183f; --btn-tint--alt: #ffffff; --btn-tint-hover: #352c73; --btn-tint-hover--alt: #ececef; } :root:is([data-theme="dark"], #dk#dk#dk) #panel-journey :is(.jr-title, .jr-pill:not(.is-red), .jr-stops-btn, .jr-stops-cur) { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .jr-dialog :is(.jr-btn:not(.is-go), .jr-x) { box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart, :root:is([data-theme="dark"], #dk#dk#dk) .gen-outline { --gt-tile: #32296b; --gt-tile--alt: #f1f1f3; --gt-tile-hover: #535360; --gt-tile-hover--alt: #e2e2e6; --gt-head: #53535d; --gt-head--alt: #e4e4e7; --gt-line: #52525a; --gt-hair: #36363f; --gt-muted: #cdcdd0; --gt-muted--alt: #606067; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-root, :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-voters { background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-root:hover { background: #4c4c4c; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-level-head { border: 0; background: var(--gt-head); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-body { border: 0; background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-body-head { border: 0; background: none; color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-tier.is-below { border-top: 1px solid var(--gt-hair); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-tier.is-offices { border-top: 1px solid var(--gt-hair); background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-band, :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-tier .gen-band { color: var(--gt-muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat, :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat.is-group { border: 0; background: var(--gt-tile); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat:hover, :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat.is-group:hover { background: var(--gt-tile-hover); border-color: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat.is-extra { border: 1px solid var(--gt-hair); background: #1d183f; color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat.is-extra:hover { border-color: #f4f4f4; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-group-count { color: var(--gt-muted); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-fold { border: 0; background: var(--gt-tile); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-fold:hover { background: var(--gt-tile-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-tree line { stroke: var(--gt-line); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-seat.is-lit, :root:is([data-theme="dark"], #dk#dk#dk) .gen-outline .gen-seat.is-lit { box-shadow: 0 0 0 2.5px rgba(0, 0, 0, 0.9); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-body.is-lit > .gen-body-head { background: none; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-chart .gen-root.is-lit { box-shadow: 0 0 0 3px #1d183f, 0 0 0 5.5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-seat:focus-visible { outline: 3px solid #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-level > summary { border: 0; background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-kids { border-left: 2px solid var(--gt-line); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-body > summary { border: 0; background: var(--gt-head); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-tier + .gen-o-tier, :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-tier.is-offices { border-top: 1px solid var(--gt-hair); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-outline .gen-seat.is-row, :root:is([data-theme="dark"], #dk#dk#dk) .gen-o-tier.is-lead .gen-seat.is-row { border: 0; background: var(--gt-tile); color: #f4f4f4; } :root:is([data-theme="dark"], #dk#dk#dk) .gen-outline .gen-seat.is-row:hover { background: var(--gt-tile-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .gen-outline .gen-seat.is-extra { border: 1px solid var(--gt-hair); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .area-visit { background: #291b9a; color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .area-visit button { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .area-visit button:hover { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .area-visit button.is-quiet { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .area-visit button.is-quiet:hover { background: rgba(255, 255, 255, 0.234); } :root:is([data-theme="dark"], #dk#dk#dk) .circle { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) { --hz-ring: linear-gradient(90deg, #0521e1, #3712e8 25%, #8a2be2 50%, #af136e 75%, #de0007); --hz-ring--alt: linear-gradient(90deg, #a7afe9, #aca0e7 25%, #c7a3e8 50%, #ecb4d5 75%, #eaaaac); } :root:is([data-theme="dark"], #dk#dk#dk) body :is(.nav-btn, .index-tab, .land-btn, .land-pill, .reset-button, .view-toggle, .filter-toggle, .compare-open, .show-more, .previously-btn, .fc-toggle:not([aria-pressed="true"]), .seg-btn:not([aria-pressed="true"]), .gen-chip:not([aria-pressed="true"]), .fd-btn:not(.is-go), .hm-go.is-soft, .hm-change, .cal-btn, .vg-reset, .ps-tool, .ls-toggle, .acct-signin) { background: linear-gradient(90deg, rgba(5, 33, 225, 0.1), rgba(125, 29, 213, 0.08) 50%, rgba(222, 0, 7, 0.1)), #312663 !important; color: #d9d6f5 !important; box-shadow: none !important; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(.nav-btn, .index-tab, .land-btn, .land-pill, .reset-button, .view-toggle, .filter-toggle, .compare-open, .show-more, .previously-btn, .fc-toggle:not([aria-pressed="true"]), .seg-btn:not([aria-pressed="true"]), .gen-chip:not([aria-pressed="true"]), .fd-btn:not(.is-go), .hm-go.is-soft, .hm-change, .cal-btn, .vg-reset, .ps-tool, .ls-toggle, .acct-signin):hover { background: linear-gradient(90deg, rgba(5, 33, 225, 0.16), rgba(125, 29, 213, 0.12) 50%, rgba(222, 0, 7, 0.16)), #34286b !important; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(:is(.land-go:not([aria-disabled="true"]), .compare-go:not(:disabled), .hm-go:not(.is-soft), .fd-btn.is-go, .ps-go, .map-btn:first-child, .gm-go, .jr-btn.is-go, .gen-p-go):not(.hm-violet *), .seg-btn[aria-pressed="true"], .seg-btn[aria-selected="true"], .fd-seg button[aria-pressed="true"], .size-opt[aria-pressed="true"], .fc-toggle[aria-pressed="true"], .gen-chip[aria-pressed="true"]) { border: 2.5px solid transparent !important; background: linear-gradient(#1d183f, #1d183f) padding-box, var(--hz-ring) border-box !important; color: #d9d6f5 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.416) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(.land-go:not([aria-disabled="true"]), .compare-go:not(:disabled), .hm-go:not(.is-soft), .fd-btn.is-go, .ps-go, .map-btn:first-child, .gm-go, .jr-btn.is-go, .gen-p-go):not(.hm-violet *):hover { background: linear-gradient(#31235c, #31235c) padding-box, var(--hz-ring) border-box !important; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(:is(.person-bar, .land-bar) > :is(.index-tab, .nav-back, .nav-home, .fc-toggle, .ls-toggle, .nav-more), :is(.person-bar, .land-bar, .orbit-acct) .acct-signin, .index-tab.is-fixed, .orbit-back, .orbit-home, .person-bar > .ballot-switch .seg-btn:not([aria-selected="true"])) { border: 0 !important; background: rgba(var(--nav-glass), var(--nav-glass-a)) !important; color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.105), 0 6px 18px rgba(0, 0, 0, 0.338), 0 1px 2px rgba(0, 0, 0, 0.208) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(:is(.person-bar, .land-bar) > :is(.index-tab, .nav-back, .nav-home, .fc-toggle, .ls-toggle, .nav-more), :is(.person-bar, .land-bar, .orbit-acct) .acct-signin, .index-tab.is-fixed, .orbit-back, .orbit-home, .person-bar > .ballot-switch .seg-btn:not([aria-selected="true"])) * { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) body :is(:is(.person-bar, .land-bar) > :is(.index-tab, .nav-back, .nav-home, .fc-toggle, .ls-toggle, .nav-more), :is(.person-bar, .land-bar, .orbit-acct) .acct-signin, .index-tab.is-fixed, .orbit-back, .orbit-home, .person-bar > .ballot-switch .seg-btn:not([aria-selected="true"])):hover { filter: brightness(1.08) saturate(1.1); } :root:is([data-theme="dark"], #dk#dk#dk) body :is(.person-bar, .land-bar) > .fc-toggle[aria-pressed="true"] { box-shadow: inset 0 0 0 2px #3fb984, 0 6px 18px rgba(0, 0, 0, 0.338), 0 1px 2px rgba(0, 0, 0, 0.208) !important; } /* ---- account.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .acct-soon { background: #1d183f; color: var(--navy, #d2d0f3); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-soon p { color: #cfcedf; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-soon small { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-demo { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-demo:hover { background: #2f20a6; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-me { border: 0; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-av { background: linear-gradient(45deg, #5b3996, #8c64ff 50%, #752d76); color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-av.has-photo, :root:is([data-theme="dark"], #dk#dk#dk) .mk-av.has-photo { background: #382a6e; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-me .acct-av { box-shadow: 0 0 0 2px #1d183f, 0 4px 14px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-me:hover .acct-av, :root:is([data-theme="dark"], #dk#dk#dk) .acct-me[aria-expanded="true"] .acct-av { box-shadow: 0 0 0 3px #1d183f, 0 0 0 5px #a98bff, 0 6px 18px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-me:focus-visible { outline: 3px solid #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-scrim { background: rgba(0, 0, 0, 0.504); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-panel { color: #ffffff; background: radial-gradient(120% 70% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); box-shadow: -10px 0 40px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-av.is-lg { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.122); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-who em { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-x { border: 0; background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-x:hover { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-counts a { background: rgba(255, 255, 255, 0.108); color: rgba(255, 255, 255, 0.78); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-counts a:hover { background: rgba(255, 255, 255, 0.198); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-counts b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > a, :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > span, :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > button { color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > button { border: 0; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > a:hover, :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > a:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > button:hover, :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu > button:focus-visible { background: rgba(255, 255, 255, 0.126); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu i { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu small { color: rgba(255, 255, 255, 0.68); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-menu .is-soon em { background: rgba(255, 255, 255, 0.162); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-foot { border-top: 1px solid rgba(34, 30, 56, 0.16); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-settings, :root:is([data-theme="dark"], #dk#dk#dk) .acct-out { border: 0; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-settings { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-settings:hover { background: #332664; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-out { background: rgba(255, 255, 255, 0.126); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-out:hover { background: rgba(255, 255, 255, 0.216); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-n { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-back { border: 0; background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-back:hover { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-sub { color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-sub span { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-fav { background: rgba(255, 255, 255, 0.09); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-fav > a { color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-fav > a:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-fav small { color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-fav em { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-face { box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-face.is-d { box-shadow: 0 0 0 3px #1f4fff; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-face.is-r { box-shadow: 0 0 0 3px #ff1f1f; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-face.is-bill, :root:is([data-theme="dark"], #dk#dk#dk) .acct-face.is-none { background: rgba(255, 255, 255, 0.144); box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-star { border: 0; background: none; color: #e2c98d; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-star:hover { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-empty { background: rgba(255, 255, 255, 0.072); color: rgba(255, 255, 255, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-more { background: rgba(255, 255, 255, 0.126); color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .acct-more:hover { background: rgba(255, 255, 255, 0.216); } :root:is([data-theme="dark"], #dk#dk#dk) .acct-me.has-new::after { background: #ff1d6a; box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .si-scrim { background: rgba(0, 0, 0, 0.81); } :root:is([data-theme="dark"], #dk#dk#dk) .si { background: #1d183f; color: #d9d6f5; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .si-x { border: 0; background: #312663; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .si-sub { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .si-google { background: #1d183f; box-shadow: inset 0 0 0 2px #dad6f5; color: #efefef; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .si-google:hover { box-shadow: inset 0 0 0 2px #a98bff; } :root:is([data-theme="dark"], #dk#dk#dk) .si-apple { border: 0; background: #4c4c4c; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .si-or { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .si-or::before, :root:is([data-theme="dark"], #dk#dk#dk) .si-or::after { background: #342b71; } :root:is([data-theme="dark"], #dk#dk#dk) .si-field input { border: 0; background: #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .si-field input:focus { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .si-field small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .si-field small.is-ok { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .si-field small.is-bad { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .si-at { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .si-at > span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .si-at input { background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .si-check { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .si-check a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .si-go { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .si-go:hover { background: #2f20a6; } :root:is([data-theme="dark"], #dk#dk#dk) .si-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .si-link { border: 0; background: none; color: #aca5e9; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .si-error { background: #4e1e27; color: #efbeca; } :root:is([data-theme="dark"], #dk#dk#dk) .si-note { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-sheet ul { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-go, :root:is([data-theme="dark"], #dk#dk#dk) .bk-cancel { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-go { background: #9e2228; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-go:hover { background: #871c20; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-cancel { background: none; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-err { color: #ecb4b7; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-gone { background: #2f2460; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .bk-link { border: 0; background: none; color: #aca5e9; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .is-block, :root:is([data-theme="dark"], #dk#dk#dk) .mn-menu button.is-block { color: #ecb4b7; } /* ---- app.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .ap-veil { background: rgba(0, 0, 0, 0.576); } :root:is([data-theme="dark"], #dk#dk#dk) .ap-sheet { background: #1d183f; color: #d9d6f5; box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .ap-sheet p { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-go, :root:is([data-theme="dark"], #dk#dk#dk) .ap-later { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-later { background: none; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-small { color: #c2c1d2 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-phone { border-top: 1px solid #251d51; } :root:is([data-theme="dark"], #dk#dk#dk) .ap-offline { background: rgba(28, 19, 125, 0.92); color: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.728); } /* ---- arrange.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) body .person-bar > .ar-toggle { border: 0 !important; background: rgba(var(--nav-glass), var(--nav-glass-a)) !important; color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.105), 0 6px 18px rgba(0, 0, 0, 0.338), 0 1px 2px rgba(0, 0, 0, 0.208) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .person-bar > .ar-toggle:hover { filter: brightness(1.08) saturate(1.1); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-panel { background: #1d183f; color: #d2d0f3; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.832), 0 0 0 1px #e4def9; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-top h2 { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-top p { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row { background: #2c235c; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row button { border: 0; background: #372b71; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row button:hover:not(:disabled) { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row button:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ar-btns button:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row .ar-grip { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-n { color: #a8a3d0; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row.is-pin { background: linear-gradient(120deg, #3323ad, #4331b5); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row.is-pin .ar-n, :root:is([data-theme="dark"], #dk#dk#dk) .ar-row.is-pin small { color: rgba(255, 255, 255, 0.72); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-row.is-dragging { background: #1d183f; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.728); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-btns { border-top: 1px solid #352869; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-btn { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-btn:hover:not(:disabled) { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-btn.is-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-btn.is-go:hover:not(:disabled) { background: var(--btn-go-hover, #20147b); } :root:is([data-theme="dark"], #dk#dk#dk) .ar-reset { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-reset:hover:not(:disabled) { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-reset:disabled { color: #a7a2ce; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-hover { outline: 3px solid #372581 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .ar-toast { background: #291b9a; color: #ffffff; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.9); } /* ---- bills.css ---- */ @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-filter-pill { border: 0; background: linear-gradient(90deg, rgba(5, 33, 225, 0.1), rgba(125, 29, 213, 0.08) 50%, rgba(222, 0, 7, 0.1)), #312663; color: #d9d6f5; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-filter-now { color: #c3c1d9; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-chev { background: rgba(56, 41, 195, 0.1); color: #aca5e9; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-prog { color: #cecaf2; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-dots i { background: #3c3182; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-dots i.is-done { background: #291b9a; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-dots i.is-now { background: #1d183f; box-shadow: inset 0 0 0 2.5px #4232d4; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-dots i.is-vetoed { background: #a1221b; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .bl-how { border: 0; background: none; color: #aca5e9; } } /* ---- comments.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .person-talk { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .cm-count { background: #32296c; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-compose textarea { border: 0; background: #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-compose textarea:focus { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-left { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-post { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-post:disabled { background: #3c3182; color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-link { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-link:hover { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-join { background: #1d183f; box-shadow: 0 0 0 2px #d3cdfb, 0 8px 20px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .cm-join b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-join p { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-none { color: var(--muted, #c2c1d2); } :root:is([data-theme="dark"], #dk#dk#dk) .cm-who b, :root:is([data-theme="dark"], #dk#dk#dk) .cm-who .cm-name { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-who a.cm-name { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-who a.cm-name:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-note.is-bad { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-link.is-quiet { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-who span, :root:is([data-theme="dark"], #dk#dk#dk) .cm-who time { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-text { color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-held { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-held.is-removed { background: #4f1e22; color: #efbec1; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-held.is-removed a { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .is-removed > .cm-text { color: #b7b5c8; text-decoration: line-through; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-replies { border-left: 2px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-c.is-folded > .cm-text { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-link.is-block { color: #ecb4b7; } /* ---- compare.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .cmp { --ink: #d2d0f3; --ink--alt: #262184; --quiet: #cbc9df; --quiet--alt: #46436e; --label: #b5b3cf; --label--alt: #6c66a0; --lav: #2d2562; --lav--alt: #f1effe; --line: #efedfb; --line--alt: #302768; --tile: 0 2px 4px rgba(0, 0, 0, 0.09), 0 10px 26px rgba(0, 0, 0, 0.18); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp a { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-tile { background: #1d183f; box-shadow: var(--tile); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-note { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-fig { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-muted { color: #aaa6c9; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-chip { background: var(--lav); color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-face { background: #1d183f center / cover no-repeat; color: #a8a3d0; box-shadow: 0 0 0 2px var(--p, var(--party-other)); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-notes span { background: rgba(27, 22, 59, 0.9); color: var(--ink); box-shadow: var(--tile); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-notes span.is-rel { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-plus { border: 0; background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-search { border: 0; background: #1d183f; box-shadow: 0 0 0 2px #4232d4; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-results { background: #1d183f; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-result.active, :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-result:hover { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-result small { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-face { background: #1d183f center / cover; box-shadow: 0 0 0 2px var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-face[data-party="democrat"] { box-shadow: 0 0 0 2px var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-add .chip-face[data-party="republican"] { box-shadow: 0 0 0 2px var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card { color: #ffffff; background: radial-gradient(120% 140% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); box-shadow: var(--tile); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card[data-hero="republican"] { background: radial-gradient(120% 140% at 100% 0%, #ff4747, #bf262e 45%, #7e0d16); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card[data-hero="democrat"] { background: radial-gradient(120% 140% at 100% 0%, #4783ff, #1d47cc 45%, #0f279f); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card[data-hero="green"] { background: radial-gradient(120% 140% at 100% 0%, #56cf85, #1c8b48 45%, #0a5229); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card[data-hero="libertarian"] { background: radial-gradient(120% 140% at 100% 0%, #ffc538, #c3840e 45%, #7a4704); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card[data-hero="appointed"] { background: radial-gradient(120% 140% at 100% 0%, #8f99a9, #565e6b 45%, #2b313b); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card > a { color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .cmp-face { box-shadow: 0 0 0 4px #1d183f, 0 0 0 8px rgba(255, 255, 255, 0.122), 0 10px 22px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card small { color: rgba(255, 255, 255, 0.88); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .cmp-party { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .stats span { background: rgba(255, 255, 255, 0.126); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .fav-btn, :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .cmp-x { border: 0; background: rgba(27, 22, 59, 0.92); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .fav-btn { color: #968de2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-card .fav-btn.is-on { color: #e9d6a7; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-empty { background: #1d183f; box-shadow: var(--tile); color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-match > div { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-match small { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-match > div.is-top { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-match > div.is-top .cmp-fig { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-match > div.is-top small { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-issue { border-top: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st button { border: 0; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st.is-up { background: #21583c; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st.is-up button.up { background: #27a468; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st.is-down { background: #4e1e1e; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-st.is-down button.down { background: #ff6464; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-none { color: #a8a4cb; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-duel .bar { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-duel .bar i { background: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-duel .num { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-duel .txt { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .cell { background: color-mix(in srgb, var(--c) var(--k--alt, var(--k)), #1d183f); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .cell.dark { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .cell.top { box-shadow: 0 0 0 3px #1d183f, 0 0 0 5px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .cell.na { background: var(--lav); color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .cell.tally { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .h2h-heat .none { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row { border-top: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row.is-section { border: 0; color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row > b small { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row > div { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row li::before { color: #968de2; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row .lr { background: linear-gradient(90deg, var(--party-democrat), var(--party-other), var(--party-republican)); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row .lr i { background: #1d183f; border: 3px solid #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-row .take span { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-allies a, :root:is([data-theme="dark"], #dk#dk#dk) .cmp-allies span { background: var(--lav); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-allies .is-shared { background: #291b9a; color: #ffffff !important; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-headline { color: var(--ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cmp-headline:hover { text-decoration: underline; } /* ---- confidence.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .cf-score { background: linear-gradient(120deg, #382561, #491c42); } :root:is([data-theme="dark"], #dk#dk#dk) .cf-score b { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-score p { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-score strong { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-ring.is-rel { background: conic-gradient(#b550d1 calc(var(--p) * 1%), #6a2d77 0); } :root:is([data-theme="dark"], #dk#dk#dk) .cf-pending { background: #2f255d; color: #cfcedf; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-places summary { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-places th, :root:is([data-theme="dark"], #dk#dk#dk) .cf-places td { border-bottom: 1px solid #261c4d; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-places th { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cf-how { color: #c2c1d2; } /* ---- credits.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .cr-search { border: 0; background: #2e2665; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-chip { border: 0; background: #2e2665; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-chip[aria-pressed="true"] { background: #1d183f; box-shadow: inset 0 0 0 2px #4b33c9; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-list li { border-top: 1px solid #242048; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-list img { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-list li > span:not(.cr-src) > a { color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-list li > span:not(.cr-src) > a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-list small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-src { color: #cfcde0; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-src a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .cr-none { color: #c2c1d2; } /* ---- dates.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .dt-sub { color: #9e97e4; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-count b { background: linear-gradient(90deg, #a7b2e9, #e9a7b3); -webkit-background-clip: text; background-clip: text; color: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-count span { color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-btn { border: 0; background: var(--btn-tint, #2e2665); color: var(--btn-ink, #d9d6f5); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-btn.is-go { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-btn:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-road::before { background: linear-gradient(#223cc3, #794de3 50%, #c3223f); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-month { color: #9e97e4; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-here::before { background: #1d183f; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-here span { background: #1c137d; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-node { background: #1d183f; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.416); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-card { background: #1d183f; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.182); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-when { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-text { color: #d3d1e6; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-place { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-meeting { --kc: #3829c3; --kt: #2c235d; --kt--alt: #f4f2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.k-council { --kc: #1c55bc; --kt: #253762; --kt--alt: #eef3ff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.k-commissioners { --kc: #0e8577; --kt: #1f5147; --kt--alt: #e9f7f4; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-meeting .dt-card { background: #1d1d4c; box-shadow: inset 4px 0 0 var(--kc), 0 4px 14px rgba(0, 0, 0, 0.13); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-meeting .dt-node { background: var(--kt); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-speak { background: #544720; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-speak-more { color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-speak.is-urgent { background: #705c2a; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-big .dt-card { background: linear-gradient(120deg, #362767, #1d183f 70%); box-shadow: 0 10px 28px rgba(66, 50, 212, 0.14); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-eday .dt-card { background: linear-gradient(120deg, #223cc3, #8228cf 55%, #c3223f); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-eday :is(.dt-when, .dt-text) { color: rgba(255, 255, 255, 0.88); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-eday .dt-node { background: #1c137d; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-eday .dt-btn:not(.is-go) { background: rgba(255, 255, 255, 0.18); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-asked .dt-card { box-shadow: inset 4px 0 0 var(--kc, #4232d4), 0 0 0 3px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-past .dt-card { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-stop.is-off .dt-title { text-decoration: line-through; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-none { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-remind { background: #1d183f; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.182); } :root:is([data-theme="dark"], #dk#dk#dk) .dt-remind > p { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-remind-form input[type=email] { border: 0; background: #362c73; } :root:is([data-theme="dark"], #dk#dk#dk) .dt-msg { color: #cbc9df; } /* ---- feed.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .fd { --lav: #2e2665; --lav--alt: #efedfd; --ok: #cef3e4; --ok--alt: #0a7d4f; --no: #ebafb2; --no--alt: #ad2228; } :root:is([data-theme="dark"], #dk#dk#dk) .fd { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd a { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav a:hover { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav a.is-on { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav .fd-n { background: #752d76; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-label { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-filters span { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-filters span.off { background: #1d183f; box-shadow: inset 0 0 0 1.5px #dcd8f7; color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-new { background: var(--btn-go); color: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-day { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-item { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-top { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .k-post { background: #372768; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .k-news { background: #1d2e4d; color: #b2c3ec; } :root:is([data-theme="dark"], #dk#dk#dk) .k-bill { background: #543f20; color: #f2e1cd; } :root:is([data-theme="dark"], #dk#dk#dk) .k-measure { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .k-rating { background: #4e1d3d; color: #eebade; } :root:is([data-theme="dark"], #dk#dk#dk) .k-said { background: #4e4529; color: #f1e8d4; } :root:is([data-theme="dark"], #dk#dk#dk) .k-sign { background: #1e414f; color: #c5e5f0; } :root:is([data-theme="dark"], #dk#dk#dk) .k-date { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .k-trend { background: #543320; color: #efd0c0; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-why { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-body { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-who small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-face { border: 3px solid #3d67ff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-face.is-r { border-color: #ff3d3d; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span { color: #a9a5ca; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span::before { background: #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span::after { background: #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span.done { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span.done::before, :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span.done::after { background: var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-steps span.now::after { background: #1d183f; box-shadow: inset 0 0 0 3px var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-vote { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-vote b.y { background: #39a677; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-vote b.n { background: #de3941; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-lean .mk-bar, :root:is([data-theme="dark"], #dk#dk#dk) .fd-bar { background: #4f1e1e; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-lean small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-delta { color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-quote { border-left: 4px solid #281b5c; background: #2d2259; color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-src { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-src b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-date { background: linear-gradient(135deg, #3323ad, #432eb5 55%, #7b41db); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-date .fd-top, :root:is([data-theme="dark"], #dk#dk#dk) .fd-date .fd-why { color: rgba(255, 255, 255, 0.8); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-date .fd-title { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-date .fd-body { color: rgba(255, 255, 255, 0.88); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-date .mk-btn.is-go { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-card { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-follow small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-follow .fd-ico { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-coming { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-coming-head a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-coming-all { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-coming-all:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl em { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-past em { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-next { background: linear-gradient(135deg, #3323ad, #432eb5 60%, #7b41db); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-next small, :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-next em { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-urgent { box-shadow: inset 0 0 0 2px #f0a33a; background: #4b3a1c; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-urgent em { color: #f0ddc5; } :root:is([data-theme="dark"], #dk#dk#dk) .k-deadline { background: #543f20; color: #f0ddc5; } :root:is([data-theme="dark"], #dk#dk#dk) .k-meeting { background: #253762; color: #b2c3ec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-urgent { box-shadow: inset 0 0 0 2px #f0a33a, var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-big-date { background: #543f20; color: #f0ddc5; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-big-date.is-meet { background: #253762; color: #b2c3ec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-deadlines div span:first-child { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-deadlines div.is-urgent span:first-child { background: #543f20; color: #f0ddc5; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-deadlines small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-new { color: #ffffff; border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn { border: 0; background: var(--btn-tint); color: var(--btn-ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn:hover { background: var(--btn-tint-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn.is-go { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn.is-go:hover { background: var(--btn-go-hover); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn.is-ghost { background: none; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn.is-ghost:hover { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-btn[aria-pressed="true"] { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-btn.is-go, :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-btn.is-go:visited { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-seg { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-seg button { border: 0; background: none; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-seg button[aria-pressed="true"] { background: #1d183f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-m { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd a.fd-m:hover { background: #362c74; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-m.is-d img { box-shadow: 0 0 0 2px #1f4fff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-m.is-r img { box-shadow: 0 0 0 2px #ff1f1f; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-pill { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-pill.is-new { background: #752d76; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-pill.is-soon { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav a small { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-filters button { border: 0; background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-filters button[aria-pressed="false"] { background: #1d183f; box-shadow: inset 0 0 0 1.5px #dcd8f7; color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button { border: 0; background: none; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button:hover { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button[aria-pressed="true"] { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button[aria-pressed="true"] .fd-n { background: #752d76; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button:disabled { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-nav button small { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-soon { border: 2px dashed #221a59; color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-soon b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-empty { background: #1d183f; box-shadow: var(--card-shadow); color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-empty b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-item.is-new::before { background: #db35c9; box-shadow: 0 0 0 3px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-topics { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-meta { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-meta b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-speak { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-speak.is-urgent { background: #4b3a1c; box-shadow: inset 0 0 0 2px #f0a33a; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-speak b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list a { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list a:hover { background: #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list a small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list .fd-pick { background: #1d183f; color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-rank { color: #efd0c0; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list .fd-pick.is-yes { background: #39a677; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-list .fd-pick.is-no { background: #de3941; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-addr { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-addr small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-stance.is-for { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-stance.is-against { background: #4f1e1e; color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-dl.is-meeting { background: #253762; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-remind input[type="email"] { border: 0; background: #2d2259; box-shadow: inset 0 0 0 1.5px #dcd8f7; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .fd-remind label { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-remind p { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-remind .fd-msg { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-digest li { border-bottom: 1px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-digest li:last-child { border-bottom: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-digest a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-digest small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-signs img { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-actions .fd-btn.fd-corner { background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-actions .fd-btn.fd-corner:hover { background: var(--btn-tint-hover); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .fd .fd-date .fd-actions .fd-btn.fd-corner { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-tagbar { background: #372768; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-tagbar b { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-tagbar span { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-tagbar-x { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-tagbar-x:hover { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-hashtags a { background: #312663; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-hashtags a:hover { background: #3a2c73; } :root:is([data-theme="dark"], #dk#dk#dk) .fd-hashtags small { color: #c2c1d2; } /* ---- footer.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .site-foot { background: #262184; color: #d8d7f7; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-brand p { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-row li + li::before { color: #b2b0d5; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-row a { color: #d8d7f7; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-row.is-main a { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-row a:hover { color: #ffffff; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-row a[aria-current="page"] { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .site-foot a:focus-visible { outline: 3px solid #392379; } :root:is([data-theme="dark"], #dk#dk#dk) .sf-base { border-top: 1px solid rgba(28, 26, 90, 0.18); color: #9e9bd4; } /* ---- invite.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .acct-av.inv-av.is-lg { box-shadow: 0 0 0 4px #392768; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-link { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-link span { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-copy.is-done { background: #0a7d4f; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-btn { border: 0; background: #392768; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-btn:hover { background: #3e2d76; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-qr-code { box-shadow: inset 0 0 0 2px #e6e3fb; color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-qr small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-joined { background: #2c235c; color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-faces .acct-av.inv-av { box-shadow: 0 0 0 2px #2c235c; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-group { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-person { border-top: 1px solid #312767; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-person > a { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-person small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow { border: 0; background: #392768; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow:hover { background: #3e2d76; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow.is-go { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow.is-go:hover { background: #2f20a6; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow.is-on, :root:is([data-theme="dark"], #dk#dk#dk) .inv-follow.is-on:hover { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-more { border: 0; background: #392768; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-more:hover { background: #3e2d76; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-all { color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-all:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-match { background: #40286b; color: #b3a8e9; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-match.is-lo { background: #22594a; color: #d1f3ed; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-nudge { color: #cdcbe0; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-sug { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-sug > a { color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-sug > a small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-sug > a:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-sug p { color: #cdcbe0; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-x { border: 0; background: none; color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .inv-x:hover { background: #332869; color: #d9d6f5; } /* ---- listen.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .ls-toggle[aria-pressed="true"] { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-fab { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .ls-fab[aria-pressed="true"] { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) body.listen-mode .is-hover { background: rgba(56, 41, 195, 0.08); outline: 2px dashed rgba(107, 95, 221, 0.45); } :root:is([data-theme="dark"], #dk#dk#dk) .is-reading { background: rgba(56, 41, 195, 0.14) !important; outline: 2px solid #6b5fdd !important; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-panel { background: #1d183f; color: #d9d6f5; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.572), 0 2px 6px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .ls-hint { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-close { border: 0; background: #2e2665; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-group-name { color: #bab8d4; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-voice { border: 0; background: #2d2460; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-voice:hover { background: #352a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-voice[aria-checked="true"] { background: #1d183f; box-shadow: inset 0 0 0 2px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-blurb { color: #bab8d4; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-voice:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ls-speed-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ls-stop:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ls-close:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ls-fab:focus-visible { outline: 3px solid #6b5fdd; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-speed-btn { border: 0; background: #2d2460; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-speed-btn[aria-checked="true"] { background: #1d183f; box-shadow: inset 0 0 0 2px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-now-text { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-wave { background: linear-gradient(#3829c3, #3829c3) 0 50% / 3px 40% no-repeat, linear-gradient(#3829c3, #3829c3) 50% 50% / 3px 100% no-repeat, linear-gradient(#3829c3, #3829c3) 100% 50% / 3px 60% no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-device { background: #584521; color: #f4e7d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ls-stop { border: 0; background: #291b9a; color: #ffffff; } /* ---- markets.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .odds-head h3 { color: var(--ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .odds-note { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .odds-who span { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .odds-frame { border: 0; background: #1d183f; box-shadow: inset 0 0 0 1px #e6e1fc; } :root:is([data-theme="dark"], #dk#dk#dk) .odds-foot { color: #c2c1d2; } /* ---- measures.css ---- */ @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .mz-yes-btn { border: 0; background: none; color: #aca5e9; } } :root:is([data-theme="dark"], #dk#dk#dk) .mz-fold-head { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-fold-head:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .mz-fold-w small { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-chev { background: rgba(56, 41, 195, 0.1); color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-oneline { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .mz-quiet-more summary { color: #aca5e9; } /* ---- mentions.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .mn-pick { background: #1d183f; box-shadow: 0 0 0 1px #e6e3fb, 0 14px 34px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit { border: 0; background: none; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit:hover, :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit[aria-selected="true"] { background: #2f2460; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit.is-off:hover { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit em { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-hit small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-none { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-at { color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-at:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-who-lab { color: #cfcedf; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-chip { background: #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-tagged { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-tagged a { color: #d1cfe5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-tagged a:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-menu { background: #1d183f; box-shadow: 0 0 0 1px #e6e3fb, 0 14px 34px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mn-menu button { border: 0; background: none; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-menu button:hover { background: #2f2460; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-done { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .mn-done button { border: 0; background: none; color: inherit; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .cm-c.is-found { box-shadow: 0 0 0 3px #a98bff; } /* ---- news.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .news-page { background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .news-main { --nw-ink: #d2d0f3; --nw-ink--alt: #262184; --nw-quiet: #cbc9df; --nw-quiet--alt: #46436e; --nw-label: #b5b3cf; --nw-label--alt: #6c66a0; --nw-lav: #2d2562; --nw-lav--alt: #f1effe; --nw-line: #302768; } :root:is([data-theme="dark"], #dk#dk#dk) .news-filter select, :root:is([data-theme="dark"], #dk#dk#dk) .news-filter input { border: 0; background-color: #35296d; color: var(--nw-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .news-item { border: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 8px 20px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .news-item.is-breaking { border: 0; box-shadow: 0 0 0 2px #f0b4f1, 0 8px 20px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .news-headline .news-tag { background: #4e1d49; color: #f0c3ea; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-tile { background: #1d183f; color: var(--nw-ink); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-kick { color: var(--nw-label); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-face { background: #1d183f center / cover no-repeat; box-shadow: 0 0 0 3px #1d183f, 0 0 0 6px var(--p, var(--party-other)); color: #a8a3d0; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-face em { background: #291b9a; box-shadow: 0 0 0 2px #1d183f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-hl { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-hl:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-hl small { color: var(--nw-label); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-sum { color: var(--nw-quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-list.is-row { border-top: 1px solid var(--nw-line); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-withface .nw-face { box-shadow: 0 0 0 2px #1d183f, 0 0 0 4px var(--p, var(--party-other)); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-dot { background: var(--nw-lav); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-empty, :root:is([data-theme="dark"], #dk#dk#dk) .nw-note { color: var(--nw-label); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-more { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-more:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-vs-x { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-hero { background: linear-gradient(180deg, #1d183f 55%, #31235c); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-bub { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-bub small { color: var(--nw-quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-race { border-top: 1px solid var(--nw-line); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-race:first-of-type { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-count { background: linear-gradient(120deg, #0022ff, #8a2be2 50%, #ff0000); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-thread .nw-kick { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-thread .nw-list { border-top: 1px solid var(--nw-line); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick { background: var(--nw-lav); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-line { border: 0; background: none; color: var(--nw-quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-line b { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-line b[data-party="democrat"] { color: var(--party-democrat-ink--alt, var(--party-democrat-ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-line b[data-party="republican"] { color: var(--party-republican-ink--alt, var(--party-republican-ink)); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-opts button { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-opts button[aria-pressed="true"] { background: var(--party-other); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-opts button[data-party="democrat"][aria-pressed="true"] { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-pick-opts button[data-party="republican"][aria-pressed="true"] { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .nw-office small { color: var(--nw-label); } /* ---- notifications.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .nt-main { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-btn { border: 0; background: #312663; color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-btn:hover { background: #34296c; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-btn.is-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-btn.is-go:hover { background: var(--btn-go-hover, #2f20a6); } :root:is([data-theme="dark"], #dk#dk#dk) .nt-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .nt-go:focus-visible::after, :root:is([data-theme="dark"], #dk#dk#dk) .nt-chips button:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .nt-chips button { border: 2px solid transparent; background: rgba(28, 20, 61, 0.95); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-chips button[aria-pressed="true"] { background: linear-gradient(#1d183f, #1d183f) padding-box, var(--hz-ring) border-box; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-prefs, :root:is([data-theme="dark"], #dk#dk#dk) .nt-card { background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .nt-pref { border-top: 1px solid #322869; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-msg { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-card p { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-group { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-list { background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .nt-note { border-top: 1px solid #322869; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-note:first-child { border-top: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-note.has-go:hover { background: #281f53; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-note.is-new { background: #31235c; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-note.is-new::before { background: #af136e; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-ico i { background: #1d183f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .nt-sym { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-go { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-text q { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-detail { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-text small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-text small em { color: #ecb4d5; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-empty { background: rgba(27, 22, 59, 0.9); color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .nt-post .cm-c.is-lit { background: #31235c; } /* ---- orbit-dots.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .od-plot { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .od-world { background: linear-gradient(90deg, rgba(0, 31, 230, 0.07), rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, rgba(230, 0, 0, 0.07)); } :root:is([data-theme="dark"], #dk#dk#dk) .od-band { background: linear-gradient(90deg, rgba(120, 88, 251, 0), rgba(120, 88, 251, 0.09) 35%, rgba(120, 88, 251, 0.09) 65%, rgba(120, 88, 251, 0)); } :root:is([data-theme="dark"], #dk#dk#dk) .od-dot { border: 1.5px solid #1d183f; background: var(--party-other); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .od-dot[data-party="democrat"] { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .od-dot[data-party="republican"] { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-ini { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot { border: 2px solid var(--party-other); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot[data-party="democrat"] { border-color: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot[data-party="republican"] { border-color: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot > .od-ini { background: var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot[data-party="democrat"] > .od-ini { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .is-faces .od-dot[data-party="republican"] > .od-ini { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-name { background: rgba(27, 22, 59, 0.92); color: #d2d0f3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .od-corners span { color: #b5b3cf; } :root:is([data-theme="dark"], #dk#dk#dk) .od-round { border: 0; background: #1d183f; color: #d2d0f3; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .od-hint { background: rgba(25, 20, 61, 0.95); color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .od-empty { background: rgba(27, 22, 59, 0.9); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .od-empty p { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .od-track { background: linear-gradient(90deg, #293eff, #513792 50%, #ff3838); } :root:is([data-theme="dark"], #dk#dk#dk) .od-window { border: 2.5px solid #d2d0f3; background: rgba(27, 22, 59, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .od-ends { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .od-num { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num small { color: #b5b3cf; } :root:is([data-theme="dark"], #dk#dk#dk) .od-num b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-num-bar { background: linear-gradient(90deg, #32286a, #3829c3); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num.is-lean .od-num-bar { background: linear-gradient(90deg, #293eff, #513792 50%, #ff3838); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num.is-pop .od-num-bar { background: linear-gradient(90deg, #32286a, #653c9e); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num-bar > i:only-child { border: 2px solid #1d183f; background: #262184; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num.is-held .od-num-bar { background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .od-num-bar .is-d { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num-bar .is-r { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-num-bar .is-o { background: var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .od-scrim { background: rgba(0, 0, 0, 0.504); } :root:is([data-theme="dark"], #dk#dk#dk) .od-sheet { background: #1d183f; box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .od-grab i { background: #3c3182; } :root:is([data-theme="dark"], #dk#dk#dk) .od-x { border: 0; background: #2e2665; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-card-head h2 { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-pos { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .od-chip { background: #2e2665; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-chip.is-democrat { background: var(--party-democrat); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .od-chip.is-republican { background: var(--party-republican); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .od-chip.is-other { background: var(--party-other); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .od-chip.is-soft { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .od-face { border: 3px solid var(--party-other); background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .od-face[data-party="democrat"] { border-color: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .od-face[data-party="republican"] { border-color: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-face .od-ini { background: var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .od-face[data-party="democrat"] .od-ini { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .od-face[data-party="republican"] .od-ini { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-meter > b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-meter-word { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .od-bar { background: linear-gradient(90deg, #293eff, #513792 50%, #ff3838); } :root:is([data-theme="dark"], #dk#dk#dk) .od-meter.is-soft .od-bar { background: linear-gradient(90deg, #32286a, #7858fb); } :root:is([data-theme="dark"], #dk#dk#dk) .od-bar i { border: 4px solid #d2d0f3; background: #1d183f; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .od-bar i[data-party="democrat"] { border-color: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .od-bar i[data-party="republican"] { border-color: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .od-brief { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .od-btn { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .od-btn.is-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .od-btn.is-on { background: #1d183f; box-shadow: inset 0 0 0 3px var(--btn-ring, #4232d4); } :root:is([data-theme="dark"], #dk#dk#dk) .od-sheet-h { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-search { border: 0; background: var(--field, #3c3182); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .od-row { border: 0; border-bottom: 1px solid #2e2665; background: none; } :root:is([data-theme="dark"], #dk#dk#dk) .od-row b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .od-row small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .od-tray { background: #1d183f; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.364); } :root:is([data-theme="dark"], #dk#dk#dk) .od-tray-x { border: 0; background: #262184; color: #ffffff; } /* ---- party.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .pp-pick { border: 0; background: #1d183f; box-shadow: inset 0 0 0 2px #e4e0fb; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-pick i { background: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-pick[aria-selected="true"] { background: var(--c); box-shadow: none; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-pick[aria-selected="true"] i { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-views { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-views button, :root:is([data-theme="dark"], #dk#dk#dk) .pp-tabs button { border: 0; background: none; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-views button[aria-pressed="true"], :root:is([data-theme="dark"], #dk#dk#dk) .pp-tabs button[aria-pressed="true"] { background: #1d183f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .pp .pp-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp .pp-go { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-badge { background: #1d183f; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.122); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-up { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-up a { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-levels { background: rgba(0, 0, 0, 0.324); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-levels button { border: 0; background: none; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-levels button[aria-pressed="true"] { background: #1d183f; color: var(--hero-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-facts div { background: #2c235c; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-facts dt { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-seats { background: linear-gradient(160deg, #302561, #3a2b73) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-running { background: linear-gradient(160deg, #21563c, #286a4b) !important; color: #d9f5ed; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-running .pp-note { color: #c9eadf; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chair-who { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chair-who:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-face { --c: #8a2be2; --c--alt: #c7a3e8; box-shadow: 0 0 0 3px var(--c); background: linear-gradient(45deg, #7858fb, #653c9e 50%, #752d76); color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chair-who small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-planks details { background: #292259; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-planks summary::after { color: #a8a3d0; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-planks b { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-planks .pp-more { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-local { background: #53461f; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-src { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-bar > span:first-child small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-track i { background: var(--c); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-key { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-key span::before { background: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chart text { fill: #6b6890; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chart .pp-lab { fill: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chart .pp-grid { stroke: #261c4d; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-chart .pp-hit { fill: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-tip { background: #1c137d; color: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-scale-track { background: linear-gradient(90deg, #0022ff, #8a2be2 50%, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-scale-ends { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-dots .pp-face { box-shadow: 0 0 0 2px #1d183f, 0 0 0 4px var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-pin { background: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-pin:hover { box-shadow: 0 0 0 2px #1d183f, 0 0 0 3px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-avg { background: #1c137d; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-avg-lab { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-faces a { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-faces a:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-faces small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-tabs { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-list li > b:first-child { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-money dl div { border-bottom: 1px dashed #211853; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-scandal-empty { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-reach a { background: #2c235c; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-table thead button:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-table thead th { color: #ffffff; background: var(--c); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-table thead th:first-child, :root:is([data-theme="dark"], #dk#dk#dk) .pp-table tbody th { background: none; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-table td { background: color-mix(in srgb, var(--c) 8%, #1d183f); } :root:is([data-theme="dark"], #dk#dk#dk) .pp-small div { background: #2c235c; } :root:is([data-theme="dark"], #dk#dk#dk) .pp .pp-empty { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-planks .pp-sec a, :root:is([data-theme="dark"], #dk#dk#dk) .pp-src a, :root:is([data-theme="dark"], #dk#dk#dk) .pp-srclist a, :root:is([data-theme="dark"], #dk#dk#dk) .pp-note a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pp-side > .pb-tile { border: 0; background: #1d183f; box-shadow: var(--tile-shadow); } /* ---- person.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .pb { --violet: radial-gradient(120% 140% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); --tile-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pb > .pb-tile { border: 0; background: #1d183f; box-shadow: var(--tile-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .pb h3, :root:is([data-theme="dark"], #dk#dk#dk) .pb .card-title, :root:is([data-theme="dark"], #dk#dk#dk) .pb .relation-title { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-go { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-sub { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pb { --hero-ink: #cecaf2; --hero-ink--alt: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .pb[data-hero="republican"] { --hero: radial-gradient(120% 140% at 100% 0%, #ff4747, #bf262e 45%, #7e0d16); --hero--alt: radial-gradient(120% 140% at 100% 0%, #e28d8d, #e9a8ab 45%, #f2cccf); --hero-ink: #efbec2; --hero-ink--alt: #93121b; } :root:is([data-theme="dark"], #dk#dk#dk) .pb[data-hero="democrat"] { --hero: radial-gradient(120% 140% at 100% 0%, #4783ff, #1d47cc 45%, #0f279f); --hero--alt: radial-gradient(120% 140% at 100% 0%, #8da9e2, #a6b6e9 45%, #cdd3f2); --hero-ink: #b3c0ec; --hero-ink--alt: #1739ad; } :root:is([data-theme="dark"], #dk#dk#dk) .pb[data-hero="green"] { --hero: radial-gradient(120% 140% at 100% 0%, #56cf85, #1c8b48 45%, #0a5229); --hero--alt: radial-gradient(120% 140% at 100% 0%, #94e0b2, #beefd1 45%, #dbf6e7); --hero-ink: #ccf2db; --hero-ink--alt: #137a3c; } :root:is([data-theme="dark"], #dk#dk#dk) .pb[data-hero="libertarian"] { --hero: radial-gradient(120% 140% at 100% 0%, #ffc538, #c3840e 45%, #7a4704); --hero--alt: radial-gradient(120% 140% at 100% 0%, #e2ca8d, #ebd6af 45%, #f3e4d1); --hero-ink: #f2e3cd; --hero-ink--alt: #8a5300; } :root:is([data-theme="dark"], #dk#dk#dk) .pb[data-hero="appointed"] { --hero: radial-gradient(120% 140% at 100% 0%, #8f99a9, #565e6b 45%, #2b313b); --hero--alt: radial-gradient(120% 140% at 100% 0%, #aeb5c1, #cbcfd6 45%, #e3e6eb); --hero-ink: #dbdee3; --hero-ink--alt: #3d4450; } :root:is([data-theme="dark"], #dk#dk#dk) .pb > .pb-hero { background: var(--hero) !important; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .img-box { border: 0; background: #1d183f; box-shadow: 0 0 0 6px #1d183f, 0 0 0 11px rgba(255, 255, 255, 0.122), 0 14px 30px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .img-initials { color: #a8a3d0; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .photo-credit { color: rgba(255, 255, 255, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .photo-credit a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.45); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .photo-credit a:hover { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .page-heading { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .page-subheading { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .position-link:hover { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .fav-btn { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .fav-btn:hover { color: #e3d08f; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-hero .fav-btn.is-on { color: #e9dca7; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-chip { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-chip.is-party { background: #1d183f; color: var(--hero-ink); } :root:is([data-theme="dark"], #dk#dk#dk) a.pb-chip.is-party { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.pb-chip.is-party:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-chip.is-status { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-chip.is-appointed { background: rgba(27, 22, 59, 0.92); color: var(--hero-ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.pb-chip.is-appointed:hover { background: #1d183f; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-act, :root:is([data-theme="dark"], #dk#dk#dk) .pb-acts .contact-btn { border: 0; background: rgba(255, 255, 255, 0.162); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-act:hover, :root:is([data-theme="dark"], #dk#dk#dk) .pb-acts .contact-btn:hover { background: rgba(255, 255, 255, 0.27); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .meter-split { background: #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .meter-split i { background: #0a8f6a; } :root:is([data-theme="dark"], #dk#dk#dk) .meter-split i + i { background: #c12c4f; } :root:is([data-theme="dark"], #dk#dk#dk) .meter-pct { color: var(--ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .meter-approval-note { color: var(--muted, #c2c1d2); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-foot .cal-btn { background: rgba(27, 22, 59, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-foot .cal-btn:hover { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-meet { background: linear-gradient(160deg, #53461f, #645426) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-cal { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-date small, :root:is([data-theme="dark"], #dk#dk#dk) .pb-date .pb-urgent { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-date .pb-urgent { color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pm { background: linear-gradient(120deg, #382561, #491c42); } :root:is([data-theme="dark"], #dk#dk#dk) .pm-ring { background: conic-gradient(from -90deg, #7858fb, #653c9e calc(var(--p) * .5%), #752d76 calc(var(--p) * 1%), rgba(120, 88, 251, 0.15) 0); } :root:is([data-theme="dark"], #dk#dk#dk) .pm-ring::before { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pm-ring b, :root:is([data-theme="dark"], #dk#dk#dk) .pm-ring small { color: var(--btn-ink, #cecaf2); } :root:is([data-theme="dark"], #dk#dk#dk) .pm-words { color: var(--btn-ink, #cecaf2); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-scandal { background: #451a23 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-news { background: linear-gradient(160deg, #253762, #2b3f71) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-news .tile-more { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-pi { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-powers-list.is-over .pb-pi { background: #584921; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-powers-list small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pb > .pb-rel { border-top: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-contact a, :root:is([data-theme="dark"], #dk#dk#dk) .pb-write { border: 0; background: #2c235c; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-contact a:hover, :root:is([data-theme="dark"], #dk#dk#dk) .pb-write:hover { background: #33286a; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-write { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-write:hover { background: #3829c3; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-reach .person-social { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile :is(.cal-btn, .pb-act, .contact-btn) * { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-meet :is(.cal-btn, .pb-act, .contact-btn), :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-meet :is(.cal-btn, .pb-act, .contact-btn):hover { background: rgba(27, 22, 59, 0.55) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-meet :is(.cal-btn, .pb-act, .contact-btn):hover { background: rgba(27, 22, 59, 0.8) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-meet :is(.cal-btn, .pb-act, .contact-btn) { color: #f4e6d2 !important; box-shadow: inset 0 0 0 1px rgba(27, 22, 59, 0.95), 0 2px 8px rgba(0, 0, 0, 0.26) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-hero :is(.cal-btn, .pb-act, .contact-btn) { background: #1d183f !important; color: #d2d0f3 !important; box-shadow: none !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .pb-tile.pb-hero :is(.cal-btn, .pb-act, .contact-btn):hover { background: #312663 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pb > .pb-tile.is-lifted { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.26), 0 22px 54px rgba(0, 0, 0, 0.78) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-head { border: 0; background: none; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-head:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-sub { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-chev { background: rgba(56, 41, 195, 0.1); color: #aca5e9; } /* ---- position.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .pos { --ink: #d2d0f3; --ink--alt: #262184; --quiet: #cbc9df; --quiet--alt: #46436e; --label: #b5b3cf; --label--alt: #6c66a0; --lav: #2d2562; --lav--alt: #f1effe; --tile: 0 2px 4px rgba(0, 0, 0, 0.09), 0 10px 26px rgba(0, 0, 0, 0.18); color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-tile { background: #1d183f; box-shadow: var(--tile); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-h { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-text { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-kicker { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-more { color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-more:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip { background: var(--lav); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip.is-party { color: #ffffff; background: var(--party-other); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip.is-democrat { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip.is-republican { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip.is-warn { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-btn { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-btn:hover { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-btn.is-go { background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-btn.is-go:hover { background: var(--btn-go-hover, #20147b); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-face { background: #1d183f center / cover no-repeat; color: #a8a3d0; box-shadow: 0 0 0 4px #1d183f, 0 0 0 8px var(--p, var(--party-other)), 0 10px 22px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-face.is-small { box-shadow: 0 0 0 2px #1d183f, 0 0 0 4px var(--p, var(--party-other)); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-badges span { background: #1d183f; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-hero { color: #ffffff; background: radial-gradient(120% 140% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-hero .pos-kicker { color: #e18de2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-hero .page-heading { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-lede { color: rgba(255, 255, 255, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-hero .pos-chip { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-switch .seg-btn { border: 0 !important; background: rgba(255, 255, 255, 0.144) !important; color: #ffffff !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-switch .seg-btn[aria-selected="true"] { background: #1d183f !important; color: #cecaf2 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-count { background: linear-gradient(160deg, #21563c, #286a4b); color: #d9f5ed; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-count small { color: #c9eadf; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-count .cal-btn { background: rgba(27, 22, 59, 0.75); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-race { background: linear-gradient(115deg, rgba(0, 31, 230, 0.1), #1d183f 42%, #1d183f 58%, rgba(230, 0, 0, 0.1)), #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-cand { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-vs { background: #291b9a; color: #ffffff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-solo { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-mini { background: var(--lav); color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-picks { background: rgba(26, 20, 61, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-pick-btn { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-pick-btn .pos-face { box-shadow: 0 0 0 2px var(--p, var(--party-other)); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-pick-btn[aria-pressed="true"] { background: #291b9a; color: #ffffff; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-pick-btn::before { background: rgba(56, 41, 195, 0.12); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-pick-note { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) #posHolderBody > a { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-holder .rt { border-top: 1px solid #20174f; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-holder .rt-q { color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-holder .contact-btn { border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-money .pos-fig { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-money p { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-cal { background: #53461f; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-meet-row p { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .pos-meet-row .pos-speak { color: #f0ddc5; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-map { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-map .area-mini-map { background: #333f61; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-prev-list a { background: var(--lav); color: inherit; text-decoration: none; } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) body.position-bg.pos-page { background: transparent; } } @media (max-width: 700px) { :root:is([data-theme="dark"], #dk#dk#dk) .pos-page .position-view { background: none; } } :root:is([data-theme="dark"], #dk#dk#dk) body .pos-count .cal-btn { background: rgba(27, 22, 59, 0.55) !important; color: #d9f5ed !important; box-shadow: inset 0 0 0 1px rgba(27, 22, 59, 0.95), 0 2px 8px rgba(0, 0, 0, 0.26) !important; } :root:is([data-theme="dark"], #dk#dk#dk) body .pos-count .cal-btn:hover { background: rgba(27, 22, 59, 0.8) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-grid > .pos-tile.is-lifted { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.26), 0 22px 54px rgba(0, 0, 0, 0.78) !important; } @media (max-width: 760px) { :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-head { border: 0; background: none; color: #d2d0f3; } } @media (max-width: 760px) { :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-head:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } } @media (max-width: 760px) { :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-sub { color: #cdcdd0; } } @media (max-width: 760px) { :root:is([data-theme="dark"], #dk#dk#dk) .pb-fold-chev { background: rgba(56, 41, 195, 0.1); color: #aca5e9; } } :root:is([data-theme="dark"], #dk#dk#dk) .pos-row { background: var(--lav, #2d2460); color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-row-w b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-row-go { color: #b5b3cf; } :root:is([data-theme="dark"], #dk#dk#dk) .pos-chip.is-holder { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-k { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-k.is-warn { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-lane { color: #d2d0f3; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-track { background: linear-gradient(90deg, var(--party-democrat, #0022ff), #8a2be2 50%, var(--party-republican, #ff0000)); } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-you { border-left: 2px dashed #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-you i { background: #262184; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-ends { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-chip { border: 0; background: #2e2665; color: #d3d1e5; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-chip.is-on { background: #262184; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-chip.is-empty:not(.is-on) { color: #b4b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-none { background: #2a235d; color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-bar { color: #d2d0f3; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-fill { background: #332869; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-fill i { background: var(--party-other, #8a2be2); } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-fill i[data-party="democrat"] { background: var(--party-democrat, #0022ff); } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-fill i[data-party="republican"] { background: var(--party-republican, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-bar.is-top .pcm-v::after { color: #e8d8a3; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-pick { border: 0; background: none; color: #d3d1e5; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-pick.is-on { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-top { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-who b { color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-p { color: #e7e7e7; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-list li { color: #eeeeee; } :root:is([data-theme="dark"], #dk#dk#dk) .pcm-list li::before { background: #7858fb; } @media (min-width: 701px) { :root:is([data-theme="dark"], #dk#dk#dk) .pcm-k.is-gap { background: rgba(27, 22, 59, 0.88); color: #d2d0f3; } } /* ---- posts.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .ps-compose { background: #1d183f; box-shadow: 0 0 0 2px #d3cdfb, var(--card-shadow, 0 10px 26px rgba(0, 0, 0, 0.234)); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-av { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-text { border: 0; background: #2f2460; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-text:focus { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-tool { border: 0; background: #2f2460; color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-tool:hover { background: #34296c; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-count { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-msg { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-go { border: 0; background: var(--btn-go, #291b9a); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-go:hover { background: var(--btn-go-hover, #2f20a6); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-tag { background: #312663; color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.ps-tag:hover { background: #3a2c73; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-tag-x { border: 0; background: none; color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-find input { border: 0; background: #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-find input:focus { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-hit { border: 0; background: none; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-hit:hover, :root:is([data-theme="dark"], #dk#dk#dk) .ps-hit:focus-visible { background: #2f2460; outline: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-hit > i { background: #35286b; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-hit small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-none { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-sugg { background: #1d183f; box-shadow: 0 0 0 1.5px #e4defd, 0 10px 24px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-sugg button { border: 0; background: none; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-sugg button:hover, :root:is([data-theme="dark"], #dk#dk#dk) .ps-sugg button.is-on { background: #2f2460; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-sugg small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-photo-pre .ps-tag-x { background: rgba(27, 22, 59, 0.92); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-post { background: #1d183f; box-shadow: var(--card-shadow, 0 10px 26px rgba(0, 0, 0, 0.234)); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-post.is-held { box-shadow: 0 0 0 2px #f0c46a, var(--card-shadow, 0 10px 26px rgba(0, 0, 0, 0.234)); } :root:is([data-theme="dark"], #dk#dk#dk) .ps-post.is-folded { background: none; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-name { color: #d9d6f5; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-name:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-meta { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-follows { background: #372768; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-body { color: #e1e0f2; } :root:is([data-theme="dark"], #dk#dk#dk) a.ps-hash { color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.ps-hash:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-img { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-held { background: #53441f; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-removed { background: #4f1e1e; color: #f0c6c4; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-act { border: 0; background: none; color: #cfcedf; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-act:hover:not(:disabled) { background: #2f2460; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-act.is-on { color: #e9a7c1; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-del, :root:is([data-theme="dark"], #dk#dk#dk) .ps-flag { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .ps-replies { border-top: 1px solid #302768; } /* ---- privacy.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .pv-bar { background: #1d183f; color: #d2d0f3; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.572), 0 0 0 1px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-bar-signal { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-bar-links a { color: #a8a2e8; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-bar-ok { border: 0; background: #262184; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-bar-ok:focus-visible { outline: 3px solid #372581; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-linkbtn { border: 0; background: none; color: #a8a2e8; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-gate.is-video { background: linear-gradient(135deg, #262184, #3c30c4 60%, #7858fb); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-gate.is-video .pv-gate-note { background: rgba(0, 0, 0, 0.99); color: #e6e2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-gate.is-video .pv-linkbtn { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-play { border: 0; background: #1d183f; color: #d2d0f3; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-play:focus-visible { outline: 3px solid #6b206d; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-gate.is-card .pv-gate-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-scrim { background: rgba(0, 0, 0, 0.81); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-modal { background: #1d183f; color: #e1e0f3; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-modal h2 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-modal-links a { color: #a8a2e8; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-err { color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-main { color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-main h1 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-lede { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-card { background: #1d183f; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.156), 0 6px 20px rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-card h2 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-card.is-ok { background: #1e4f36; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-tick { background: #0a7d4f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) #pvSignal.is-on { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-actions a.land-btn { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-knob { background: #4b4086; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-knob::after { background: #1d183f; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .pv-switch input:checked + .pv-knob { background: #0a7d4f; } :root:is([data-theme="dark"], #dk#dk#dk) .pv-switch input:focus-visible + .pv-knob { outline: 3px solid #372581; } /* ---- profile.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) { --navy: #d2d0f3; --navy--alt: #262184; --lav: #2e2665; --lav--alt: #efedfd; --g1: #7858fb; --g1--alt: #9e8de2; --g2: #653c9e; --g2--alt: #b08de2; --g3: #752d76; --g3--alt: #e18de2; --ok: #cef3e4; --ok--alt: #0a7d4f; --no: #ebafb2; --no--alt: #ad2228; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-av { background: linear-gradient(45deg, var(--g1), var(--g2) 50%, var(--g3)); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-av.h2 { background: linear-gradient(45deg, #59a0ff, #483996 50%, #632644); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-av.h3 { background: linear-gradient(45deg, #ff9b63, #782d48 50%, #5f368f); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-av.h4 { background: linear-gradient(45deg, #64d5b3, #2e557a 50%, #4a358c); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-me { background: var(--btn-tint); color: var(--btn-ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-card { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-card h2 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-sub { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-pill { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-pill.is-ok { background: #21563c; color: var(--ok); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-pill.is-warn { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-pill.is-bad { background: #4f1e1e; color: var(--no); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn { border: 0; background: var(--btn-tint); color: var(--btn-ink); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn.is-go { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn.is-white { background: #1d183f; box-shadow: inset 0 0 0 2px var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn.is-ghost { background: none; color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn.is-danger { background: #4f1e1e; color: var(--no); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-btn.is-ok { background: #21563c; color: var(--ok); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-seg { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-seg button { border: 0; background: none; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-seg button[aria-pressed="true"] { background: #1d183f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-you { background: #21563c; color: var(--ok); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-sec { border-top: 1px solid var(--line, #353540); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-rate h3 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-rate .mk-q { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-big b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-big span { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-div { background: #352b73; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-legend { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-dist div { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-dist span { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-dist span i { background: linear-gradient(90deg, var(--g1), var(--g3)); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-yours { border-top: 1px dashed #221a59; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-yours p { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-scale button { border: 0; background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-scale button[aria-pressed="true"] { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-stars span { color: #d9d4fb; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-stars span.on { color: #9e8de2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-stance { background: #1d183f; box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-stance b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-stance .mk-split { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-split .mk-bar { background: #4f1e1e; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-split .mk-bar i { background: #39a677; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-ad button { border: 0; background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-ad button.is-agree[aria-pressed="true"] { background: #39a677; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-ad button.is-disagree[aria-pressed="true"] { background: #de3941; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-score { background: linear-gradient(90deg, #372768, #4b1d4b); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-compose .mk-box { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-compose .mk-box .mk-typing { border-right: 2px solid var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest { background: #1d183f; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest > div { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest > div.is-on { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest .mk-ico { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-suggest .mk-kind { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-c .mk-who b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-c .mk-who span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-c p { color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-c .mk-replies { border-left: 2px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-badge { background: #21563c; color: var(--ok); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-m { background: var(--lav); color: var(--btn-go--alt, var(--btn-go)); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-m .mk-mi { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-held { background: #50441e; color: #f5ecd7; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-step-n { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-dialog { background: #1d183f; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.728); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-google { border: 0; background: #1d183f; box-shadow: inset 0 0 0 2px #dad6f5; color: #efefef; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-or { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-or::before, :root:is([data-theme="dark"], #dk#dk#dk) .mk-or::after { background: #342b71; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-field .mk-in { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-field small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-code span { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-code span.is-cur { box-shadow: inset 0 0 0 2px var(--btn-ring); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-check { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-check i { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-lock { background: #2c235c; color: #cdcbe0; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-prof h1 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-prof .mk-handle { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-prof .mk-bio { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-tabs { border-bottom: 2px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-tabs span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-tabs span.is-on { color: var(--navy); box-shadow: inset 0 -3px 0 var(--btn-go); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-post p { color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-post .mk-row { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-modtabs span { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-modtabs span.is-on { background: var(--btn-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-modtabs span i { background: #1d183f; color: var(--btn-go--alt, var(--btn-go)); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-item .mk-quote { background: #2d2259; color: #e1e0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-item .mk-why { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-hi { background: #ffdc63; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-pick { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-table th { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-table td { border-top: 1px solid #312767; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-hub a.mk-card { text-decoration: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .mk-hub a.mk-card .mk-ico { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-hub a.mk-card b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .mk-hub a.mk-card p { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-name { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-head h2 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stats { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stats b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-follow.is-on { background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance, :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate { border-bottom: 1px solid #312767; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance:last-child, :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate:last-child { border-bottom: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance b, :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance small, :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance em.is-yes { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-stance em.is-no { background: #4f1e1e; color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate img { border: 2px solid #3d67ff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate img.is-r, :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps img.is-r { border-color: #ff3d3d; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rate em { color: #e6c59a; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-cover-art { background: url("../images/backgrounds/position.jpg") center / cover; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ring { box-shadow: 0 0 0 6px #1d183f, 0 10px 30px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card { color: #ffffff; background: radial-gradient(120% 140% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-name, :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .mk-handle { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .mk-bio { color: rgba(255, 255, 255, 0.88); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card-top .pf-ring { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.175); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card-meta { color: rgba(255, 255, 255, 0.82); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-follow { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-kicker { color: #e18de2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps a { color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps img { border: 3px solid #3d67ff; box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps small { color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card-foot { border-top: 1px solid rgba(34, 30, 56, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-stats, :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-stats b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-stats span { color: rgba(255, 255, 255, 0.75); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-badges span { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-6 .pf-card { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps-card .pf-reps a { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps-card .pf-reps small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-reps-card .pf-reps img { box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-badges.is-light span { background: var(--lav); color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-feed-head { border-bottom: 2px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-feed-head h2 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-act-ico { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-act b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-act small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-act p { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tag.is-yes { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk)[data-card].is-private, :root:is([data-theme="dark"], #dk#dk#dk) [data-card].is-private { box-shadow: inset 0 0 0 2px #dcd8f7; background: repeating-linear-gradient(135deg, #1d183f 0 14px, #291f51 14px 28px); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-private-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-card .pf-edit { background: rgba(255, 255, 255, 0.162); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) body.pf-has-cover .person-bar { background: transparent; border-bottom-color: transparent; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) body.pf-has-cover .pf-cover-art { background: linear-gradient(#1d183f, rgba(27, 22, 59, 0.7) 14%, rgba(27, 22, 59, 0.35) 26%, rgba(255, 255, 255, 0.108) 36%, rgba(255, 255, 255, 0) 44%), #1d183f url("../images/backgrounds/position.jpg") center / 100% 100% no-repeat; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-7-av { box-shadow: 0 0 0 6px #1d183f, 0 10px 26px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-7-card .mk-pill { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-7-card .mk-pill.is-ok { background: rgba(81, 226, 168, 0.2); color: #c9f7e2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-8-av { box-shadow: 0 0 0 6px #1d183f, 0 10px 26px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-8-bio { border-left: 3px solid rgba(107, 32, 109, 0.7); color: rgba(255, 255, 255, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tiles span, :root:is([data-theme="dark"], #dk#dk#dk) .pf-tiles .pf-signs { background: rgba(255, 255, 255, 0.108); color: rgba(255, 255, 255, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tiles b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tiles .pf-signs { text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tiles .pf-signs:hover { background: rgba(255, 255, 255, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-av { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.158); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-stub { border-left: 2px dashed rgba(34, 30, 56, 0.35); background: rgba(255, 255, 255, 0.063); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-counts span { color: rgba(255, 255, 255, 0.75); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-counts b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-8-card .mk-pill, :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-card .mk-pill { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-8-card .mk-pill.is-ok, :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-card .mk-pill.is-ok { background: rgba(81, 226, 168, 0.2); color: #c9f7e2; } @media (max-width: 760px) { :root:is([data-theme="dark"], #dk#dk#dk) .pf-9-stub { border-left: 0; border-top: 2px dashed rgba(34, 30, 56, 0.35); } } :root:is([data-theme="dark"], #dk#dk#dk) .pf-editbar { background: #1d183f; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.728), 0 0 0 1px #e4def9; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-editbar span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-bio-edit span { color: #e18de2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-bio-edit textarea { border: 0; background: #1d183f; color: var(--navy); box-shadow: 0 0 0 3px rgba(240, 180, 241, 0.6); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-bio-edit textarea:focus { outline: none; box-shadow: 0 0 0 3px #f0b4f1; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-bio-edit small { color: rgba(255, 255, 255, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-locked { color: rgba(255, 255, 255, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) body.pf-editing .pf-5-right { filter: saturate(.6); } :root:is([data-theme="dark"], #dk#dk#dk) body.pf-editing [data-card] { box-shadow: inset 0 0 0 2px #d6cdfb, var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk) button.pf-edit { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk)[data-people].is-link:hover, :root:is([data-theme="dark"], #dk#dk#dk) [data-people].is-link:hover, :root:is([data-theme="dark"], #dk#dk#dk)[data-people].is-link:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) [data-people].is-link:focus-visible { background: rgba(255, 255, 255, 0.216); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-back { background: rgba(0, 0, 0, 0.576); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl { background: #1d183f; color: var(--navy); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-x { border: 0; background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-note { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-find { border: 0; background: #302460; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-find:focus { outline: 3px solid #281b5c; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-more, :root:is([data-theme="dark"], #dk#dk#dk) .pf-ppl-none { color: #b6b4c9; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini { color: #ffffff; background: radial-gradient(120% 140% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini.is-gone { filter: saturate(.4); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-top .mk-av { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.122); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-who { color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-who:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-place { background: rgba(255, 255, 255, 0.144); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-chip { background: rgba(81, 226, 168, 0.2); color: #c9f7e2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-btn { border: 0; background: rgba(255, 255, 255, 0.162); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-btn:focus-visible { background: rgba(255, 255, 255, 0.27); outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-btn.is-go { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-btn.is-no { background: #58212c; color: #f0c4ce; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-ask, :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-gone { color: rgba(255, 255, 255, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-none { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-feed-none { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) a.pf-rate { color: inherit; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) a.pf-rate:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-marks { color: inherit !important; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-tag.is-no { background: #4f1e1e; color: #ebafb2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-locked a { color: inherit; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-empty-in h1 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-empty-in p { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-echo-meter { background: linear-gradient(90deg, #27a468, #f0b730 55%, #e23c23); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-echo-meter i { background: #1d183f; border: 3px solid var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-echo-num b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-echo-num span { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-echo-text { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-widen { border-top: 1px solid #1e1b4c; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-widen h3 { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) button.mk-pill.pf-more-btn { border: 0; } :root:is([data-theme="dark"], #dk#dk#dk) button.mk-pill.pf-more-btn:hover, :root:is([data-theme="dark"], #dk#dk#dk) button.mk-pill.pf-more-btn[aria-expanded="true"] { background: rgba(255, 255, 255, 0.252); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-more .mn-menu button:disabled { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-blocked { background: #4f1e1e; color: #f3cfd1; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-invite { background: #752d76; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-invite:hover { background: #632663; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mini-chip.is-invite { background: rgba(255, 255, 255, 0.198); color: #fbe0fb; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mring { --c: #938ebb; --c--alt: #aaa6c9; background: radial-gradient(closest-side, #1d183f 76%, transparent 78%), conic-gradient(var(--c) calc(var(--p) * 1%), #372a6e 0); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mring b { color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mring.is-hi { --c: #5531dc; --c--alt: #a999e6; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mring.is-lo { --c: #1b8e79; --c--alt: #bdeee5; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-mring.is-none b { color: #b3b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-delta { background: #32296b; color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-delta.is-down { background: #22594a; color: #d1f3ed; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-delta.is-up { background: #4f2869; color: #ccb3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-why { color: rgba(255, 255, 255, 0.88); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-why small { color: rgba(255, 255, 255, 0.72); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-echo { background: #2c235c; color: var(--navy); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-echo small { color: #cdcbe0; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-n { color: #ffffff; background: radial-gradient(120% 70% at 100% 0%, #7b41db, #432eb5 45%, #291b9a); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-n small { color: rgba(255, 255, 255, 0.8); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-rec-wait { color: #c3c1d9; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-match { background: rgba(255, 255, 255, 0.126); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-match small { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp { border-top: 1px solid #312767; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp:first-child { border-top: 0; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp a { color: var(--navy); text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp a small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp a:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-wp .mk-btn.is-on { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-widen-more { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-widen-more:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-cam { border: 0; background: #291b9a; color: #ffffff; box-shadow: 0 0 0 3px #1d183f, 0 4px 12px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-cam:hover { background: #2f20a6; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-cam:focus-visible { outline: 3px solid #6b206d; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-now .mk-av { box-shadow: 0 0 0 5px #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-frame { box-shadow: 0 0 0 4px #1d183f, 0 6px 18px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-zoom input[type=range] { accent-color: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .pf-photo-toast { background: #1c137d; color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.78); } /* ---- ratings.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .rt-q { color: var(--surf-ink, #cbc9df); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt { --ring: #0a8f6a; --ring--alt: #c8f1e6; border: 0; background: var(--btn-tint, #3c3182); color: var(--btn-ink, #d9d6f5); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt.is-down { --ring: #c12c4f; --ring--alt: #e8a5b4; } :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt:hover { background: var(--btn-tint-hover, #42368e); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt[aria-pressed="true"], :root:is([data-theme="dark"], #dk#dk#dk) .rt-opt[aria-pressed="true"]:hover { background: var(--ring); color: #ffffff; box-shadow: 0 8px 20px color-mix(in srgb, var(--ring) 30%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .rt.is-tallied .rt-opt { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .rt.is-tallied .rt-opt:hover { background: #352a6f; } :root:is([data-theme="dark"], #dk#dk#dk) .rt.is-tallied .rt-opt::before { background: color-mix(in srgb, var(--ring) 22%, #1d183f); } :root:is([data-theme="dark"], #dk#dk#dk) .rt.is-tallied .rt-opt[aria-pressed="true"] { background: var(--ring); } :root:is([data-theme="dark"], #dk#dk#dk) .rt.is-tallied .rt-opt[aria-pressed="true"]::before { background: rgba(255, 255, 255, 0.162); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-n { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .rt-hint { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .rt-card { background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .rt-card .rt-note { color: var(--surf-ink, #cbc9df); } /* ---- settings.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) body.person { background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .set-main { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .set-sub { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .set-card { background: #1d183f; box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .set-field input, :root:is([data-theme="dark"], #dk#dk#dk) .set-field textarea, :root:is([data-theme="dark"], #dk#dk#dk) .set-field select { border: 0; background: #312663; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .set-field :is(input, textarea, select):focus { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at:focus-within { outline: 3px solid #392379; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at input, :root:is([data-theme="dark"], #dk#dk#dk) .set-at input:focus { outline: 0; background: transparent; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at input[readonly] { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at:has(input[readonly]):focus-within { outline: 0; background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .set-field small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-note.is-ok, :root:is([data-theme="dark"], #dk#dk#dk) .set-msg.is-ok { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .set-note.is-bad, :root:is([data-theme="dark"], #dk#dk#dk) .set-msg.is-bad { color: #edb9b6; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at { background: #312663; } :root:is([data-theme="dark"], #dk#dk#dk) .set-at > span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-p { color: #d1cfe5; } :root:is([data-theme="dark"], #dk#dk#dk) .set-small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-switch { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .set-switch small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-choice { border: 0; background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .set-choice legend small { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-choice label { background: #1d183f; box-shadow: inset 0 0 0 2px #e6e1fb; } :root:is([data-theme="dark"], #dk#dk#dk) .set-choice label:has(input:checked) { box-shadow: inset 0 0 0 2px #7a5cff; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-go { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .set-go:hover { background: #2f20a6; } :root:is([data-theme="dark"], #dk#dk#dk) .set-go.is-danger { background: #ad2228; } :root:is([data-theme="dark"], #dk#dk#dk) .set-go.is-danger:hover:not(:disabled) { background: #8b191f; } :root:is([data-theme="dark"], #dk#dk#dk) .set-msg { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-btn { border: 0; background: #2e2665; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .set-btn:hover { background: #382c75; } :root:is([data-theme="dark"], #dk#dk#dk) .set-danger { box-shadow: inset 0 0 0 2px #f6c9cc, 0 10px 26px rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .set-legal a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main { background: #1d183f; color: #e1e0f3; box-shadow: var(--card-shadow, 0 10px 26px rgba(0, 0, 0, 0.26)); } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main h1 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main h3 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main h2 { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main th, :root:is([data-theme="dark"], #dk#dk#dk) .legal-main td { border-bottom: 1px solid #33286b; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main th { color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-draft { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-date { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main address.legal-agent { border-left: 3px solid #442274; background: #322259; } :root:is([data-theme="dark"], #dk#dk#dk) .legal-main mark { background: #6b5d28; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .ct-card .set-p a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .ct-mail a { color: #cecaf2; text-decoration: none; border-bottom: 2px solid #271d64; } :root:is([data-theme="dark"], #dk#dk#dk) .ct-mail a:hover { border-color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-photo-now .acct-av.is-lg { box-shadow: 0 0 0 4px #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .set-photo-wait { color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .set-photo-pick:focus-within { outline: 3px solid #392379; } :root:is([data-theme="dark"], #dk#dk#dk) .set-crop { background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .set-crop-frame { box-shadow: 0 0 0 4px #1d183f, 0 6px 18px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .set-crop-zoom input[type=range] { accent-color: #291b9a; } :root:is([data-theme="dark"], #dk#dk#dk) .set-blocks li small { color: #c2c1d2; } /* ---- signs.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) body.signs-page { background: #272158; } :root:is([data-theme="dark"], #dk#dk#dk) .signs-main { --ink: #d2d0f3; --ink--alt: #262184; --quiet: #cbc9df; --quiet--alt: #46436e; --label: #b5b3cf; --label--alt: #6c66a0; --lav: #2d2562; --lav--alt: #f1effe; --line: #efedfb; --line--alt: #302768; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-sub { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-addsign { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-meter { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-track { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-track i { background: linear-gradient(90deg, #7858fb, #752d76); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-search input { border: 0; background: #35296d; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-front, :root:is([data-theme="dark"], #dk#dk#dk) .sp-back { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-front { border: 0; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-front:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 14px 32px rgba(0, 0, 0, 0.416); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-ask { background: var(--lav); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-has { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-card.is-seen .sp-front::before { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-back { outline: none; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-who span { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-party { background: var(--party-other); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-party[data-party="democrat"] { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-party[data-party="republican"] { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-face { background: #1d183f center / cover no-repeat; box-shadow: 0 0 0 2px #1d183f, 0 0 0 5px var(--p, var(--party-other)); color: #a8a3d0; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-also { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick span { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick button { border: 0; background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick button[aria-pressed="true"] { background: var(--party-other); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick button[data-party="democrat"][aria-pressed="true"] { background: var(--party-democrat); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-pick button[data-party="republican"][aria-pressed="true"] { background: var(--party-republican); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-thumb { border: 0; background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-credit { color: var(--label); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-credit a { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-go { background: #291b9a; color: #ffffff; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-spot { border: 0; background: #3c3182; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-spot[aria-pressed="true"] { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-add, :root:is([data-theme="dark"], #dk#dk#dk) .sp-flipback { border: 0; background: var(--lav); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-box, :root:is([data-theme="dark"], #dk#dk#dk) .sp-add-box { border: 0; color: #d2d0f3; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.728); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-box::backdrop, :root:is([data-theme="dark"], #dk#dk#dk) .sp-add-box::backdrop { background: rgba(0, 0, 0, 0.63); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-x { border: 0; background: #3c3182; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-field input[type="search"] { border: 0; background: #2e2665; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-result { border: 0; background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-result:hover, :root:is([data-theme="dark"], #dk#dk#dk) .sp-result:focus-visible { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-result span { color: #c2c1d2; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-chip { background: #2e2665; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-change { border: 0; background: none; color: #aca5e9; text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-turn { border: 0; background: #2e2665; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-note { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-err { color: #eebbc3; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-send { border: 0; background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-mybox { background: #1d183f; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13), 0 10px 26px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-mine li { background: var(--lav); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-mine span { color: var(--quiet); } :root:is([data-theme="dark"], #dk#dk#dk) .sp-mine small { color: #eebbc3; } :root:is([data-theme="dark"], #dk#dk#dk) .sp-mine li.is-shown span { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .signs-note { color: var(--label); } /* ---- tour.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) { --ob-ink: #d2d0f3; --ob-ink--alt: #262184; --ob-soft: #cbc9df; --ob-soft--alt: #46436e; --ob-head: #b5b3cf; --ob-head--alt: #6c66a0; --ob-go: #291b9a; --ob-go--alt: #cecaf2; --ob-tint: #3c3182; --ob-tint--alt: #d3cdfb; --ob-surf: #2d2562; --ob-surf--alt: #f1effe; --ob-hz: linear-gradient(90deg, #0521e1, #3712e8 25%, #8a2be2 50%, #af136e 75%, #de0007); --ob-hz--alt: linear-gradient(90deg, #a7afe9, #aca0e7 25%, #c7a3e8 50%, #ecb4d5 75%, #eaaaac); --ob-violet: linear-gradient(135deg, #3323ad, #432eb5 55%, #7b41db); --ob-violet--alt: linear-gradient(135deg, #c7c2f0, #b3a8e9 55%, #b294e4); --ob-card: 0 2px 4px rgba(0, 0, 0, 0.09), 0 10px 26px rgba(0, 0, 0, 0.216); } :root:is([data-theme="dark"], #dk#dk#dk) .ta { color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .ta small { color: var(--ob-soft); } :root:is([data-theme="dark"], #dk#dk#dk) .t-face { border: calc(var(--d) * .055 + 1.5px) solid #8a2be2; background: #342a6e; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .t-face.is-D { border-color: #0022ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-face.is-R { border-color: #ff0000; } :root:is([data-theme="dark"], #dk#dk#dk) .t-av { border: 2px solid #1d183f; background: linear-gradient(45deg, #7858fb, #653c9e 50%, #752d76); color: var(--ob-ink); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .t-av.h2 { background: linear-gradient(45deg, #59a0ff, #483996 50%, #632644); } :root:is([data-theme="dark"], #dk#dk#dk) .t-av.h3 { background: linear-gradient(45deg, #ff9b63, #782d48 50%, #5f368f); } :root:is([data-theme="dark"], #dk#dk#dk) .t-av.h4 { background: linear-gradient(45deg, #64d5b3, #2e557a 50%, #4a358c); } :root:is([data-theme="dark"], #dk#dk#dk) .t-you { background: linear-gradient(45deg, #7858fb, #653c9e 50%, #752d76); color: var(--ob-ink); border: 3px solid #1d183f; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-chip { background: #1d183f; box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-chip.is-dark { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-card { background: #1d183f; box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-field { background: var(--ob-tint); color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-caret { background: var(--ob-go); } :root:is([data-theme="dark"], #dk#dk#dk) .t-follow { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-follow.is-on { background: var(--ob-tint); color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bubble { background: #1d183f; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.572); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar { background: linear-gradient(90deg, #0022ff, #8a2be2, #ff0000); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar i { background: #1d183f; border: 2.5px solid var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tap { background: rgba(27, 22, 59, 0.85); border: 3px solid var(--ob-go); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tap-ring { border: 3px solid #8e5ce0; } :root:is([data-theme="dark"], #dk#dk#dk) .t-lamp { filter: blur(8px); } :root:is([data-theme="dark"], #dk#dk#dk) .t-lamp.is-b { background: radial-gradient(closest-side, rgba(0, 31, 250, 0.55), rgba(0, 31, 250, 0.2) 50%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .t-lamp.is-v { background: radial-gradient(closest-side, rgba(125, 29, 213, 0.5), rgba(125, 29, 213, 0.18) 50%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .t-lamp.is-r { background: radial-gradient(closest-side, rgba(232, 8, 28, 0.5), rgba(232, 8, 28, 0.18) 50%, transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .t-horizon { background: var(--ob-hz); filter: blur(34px); } :root:is([data-theme="dark"], #dk#dk#dk) .t-axis { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-axis.is-v { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-seg { background: #1d183f; box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-seg b { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-seg i { border: 2.5px solid #6b5fdd; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-orb:hover .t-face { box-shadow: 0 0 0 4px #1d183f, 0 10px 24px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-pct { background: var(--ob-go); color: #ffffff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .t-me em { background: rgba(27, 22, 59, 0.92); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tip { background: var(--ob-go); color: #ffffff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tip small { color: #d9d2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-link { fill: none; stroke: #2e2275; } :root:is([data-theme="dark"], #dk#dk#dk) .t-link.is-hot { stroke: #9a61db; } :root:is([data-theme="dark"], #dk#dk#dk) .t-root { background: var(--ob-hz); color: #ffffff; box-shadow: 0 8px 20px rgba(74, 40, 238, 0.3); } :root:is([data-theme="dark"], #dk#dk#dk) .t-root small { color: rgba(255, 255, 255, 0.85); } :root:is([data-theme="dark"], #dk#dk#dk) .t-level { color: #ffffff; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .t-seat { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); } :root:is([data-theme="dark"], #dk#dk#dk) .t-dot { background: #1d183f; border: 4px solid #9a61db; box-shadow: 0 0 0 6px rgba(122, 47, 208, 0.25); } :root:is([data-theme="dark"], #dk#dk#dk) .t-linktag { color: #ffffff; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .t-linktag.is-vote { background: #6e2abb; } :root:is([data-theme="dark"], #dk#dk#dk) .t-linktag.is-budget { background: #c36b05; } :root:is([data-theme="dark"], #dk#dk#dk) .t-mapbg { background: linear-gradient(#2f2665, #3e4762); background-image: linear-gradient(115deg, transparent 48.4%, rgba(27, 22, 59, 0.7) 48.6%, rgba(27, 22, 59, 0.7) 49.2%, transparent 49.4%), linear-gradient(25deg, transparent 61.4%, rgba(27, 22, 59, 0.6) 61.6%, rgba(27, 22, 59, 0.6) 62.1%, transparent 62.3%), linear-gradient(#2f2665, #3e4762); } :root:is([data-theme="dark"], #dk#dk#dk) .t-dist polygon { stroke: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-dist.is-D polygon { fill: #93a0ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-dist.is-R polygon { fill: #fb9d9d; } :root:is([data-theme="dark"], #dk#dk#dk) .t-dist.is-hot.is-D polygon { fill: #3f55ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-pinface em { background: #1d183f; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .t-go { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-pin { background: var(--ob-hz); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-pin::after { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-ripple { border: 3px solid #684bf1; } :root:is([data-theme="dark"], #dk#dk#dk) .t-result a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-fpin .t-av { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tile { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-tile em { color: #f6c6e0; } :root:is([data-theme="dark"], #dk#dk#dk) .t-tile.is-picked { box-shadow: 0 0 0 4px #1d183f, 0 0 0 7px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-money small { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-money b { color: #e7e2f6; } :root:is([data-theme="dark"], #dk#dk#dk) .t-slot { background: #291b54; box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.042); } :root:is([data-theme="dark"], #dk#dk#dk) .t-rcpt { background: #433c19; color: #e9e6ed; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .t-rcpt p { border-bottom: 1px dotted #5c5546; } :root:is([data-theme="dark"], #dk#dk#dk) .t-rcpt p.is-total { border: 0; border-top: 2px dashed #e9e6ed; } :root:is([data-theme="dark"], #dk#dk#dk) .t-zig { background: linear-gradient(-45deg, transparent 6px, #433c19 0) 0 0 / 12px 10px, linear-gradient(45deg, transparent 6px, #433c19 0) 0 0 / 12px 10px; } :root:is([data-theme="dark"], #dk#dk#dk) .t-hero { color: #ffffff; background: radial-gradient(120% 90% at 100% 0, #487bff, transparent 60%), linear-gradient(160deg, #0a2ac1, #1431b5 55%, #0d26bb); box-shadow: 0 16px 34px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-hero .t-face.is-big { border: 5px solid rgba(34, 30, 56, 0.85); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.087), 0 10px 26px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tags span { background: rgba(255, 255, 255, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tags span:first-child { background: #1d183f; color: #b1bbeb; } :root:is([data-theme="dark"], #dk#dk#dk) .t-tags.is-btns span { background: #1d183f; color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-who p { color: #dbdaec; } :root:is([data-theme="dark"], #dk#dk#dk) .t-meter small { color: var(--ob-soft); } :root:is([data-theme="dark"], #dk#dk#dk) .ta mark { background: none; color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .ta.is-fc mark { background: rgba(0, 0, 0, 0.288); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .ta.is-fc mark.is-c { background: rgba(21, 84, 224, 0.16); box-shadow: 0 2px 0 #2563eb; } :root:is([data-theme="dark"], #dk#dk#dk) .ta.is-fc mark.is-a { background: rgba(195, 107, 5, 0.18); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-take small { color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tk { background: var(--ob-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tk.is-on { background: #1d183f; box-shadow: 0 0 0 2.5px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-saved { background: #20543a; color: #d9f5ea; } :root:is([data-theme="dark"], #dk#dk#dk) .t-saved b { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-talk .t-cm em { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-talk .t-cm small { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-fc { background: var(--ob-tint); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .t-fc i { background: #473b9b; } :root:is([data-theme="dark"], #dk#dk#dk) .t-fc i::after { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-fc.is-on i { background: #0a7d4f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-legend { background: #1d183f; box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-legend i.is-ok { background: #0a7d4f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-legend i.is-c { background: #1554e0; } :root:is([data-theme="dark"], #dk#dk#dk) .t-legend i.is-a { background: #c36b05; } :root:is([data-theme="dark"], #dk#dk#dk) .t-prof { color: #ffffff; background: var(--ob-violet); box-shadow: 0 16px 34px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-prof .t-row small { color: #d9d2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-prof .t-follow.is-big { background: #1d183f; color: var(--ob-go--alt, var(--ob-go)); } :root:is([data-theme="dark"], #dk#dk#dk) .t-prof .t-follow.is-big.is-on { background: rgba(255, 255, 255, 0.198); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stats span { background: rgba(255, 255, 255, 0.126); color: #e4defe; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stats b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-echo { background: rgba(255, 255, 255, 0.108); } :root:is([data-theme="dark"], #dk#dk#dk) .t-echo small { color: #d9d2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar.is-echo { background: linear-gradient(90deg, #64d5b3, #4a358c 50%, #782d48); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar.is-echo i { border-color: #1d183f; background: var(--ob-go); } :root:is([data-theme="dark"], #dk#dk#dk) .t-field.is-link { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-copy { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-copy.is-on { background: #0a7d4f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-feed { background: linear-gradient(160deg, #291f51, #302460); box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tabs { background: var(--ob-surf); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tabs i { background: #1d183f; box-shadow: 0 0 0 2px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-post { background: #1d183f; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.208); } :root:is([data-theme="dark"], #dk#dk#dk) .t-post .t-acts { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-tag { background: var(--ob-surf); } :root:is([data-theme="dark"], #dk#dk#dk) .t-post.is-due { background: #544620; } :root:is([data-theme="dark"], #dk#dk#dk) .t-post.is-due p { color: #f2e5cd; } :root:is([data-theme="dark"], #dk#dk#dk) .ta-vote, :root:is([data-theme="dark"], #dk#dk#dk) .ta-ballot { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-odo { filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.9)); } :root:is([data-theme="dark"], #dk#dk#dk) .t-odo-strip span { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-vkick { color: #e18de2; } :root:is([data-theme="dark"], #dk#dk#dk) .t-next { background: #191171; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-next em { background: #752d76; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .t-next small { color: #c9c0ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-road { fill: none; stroke: rgba(34, 30, 56, 0.16); } :root:is([data-theme="dark"], #dk#dk#dk) .t-road-line { fill: none; stroke: rgba(34, 30, 56, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .t-stop > span { color: #e9e4ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stop > span b { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stop i { background: #1d183f; border: 5px solid #8e5ce0; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stop.is-done i { background: #7b41db; border-color: #2e1d64; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stop.is-done i::after { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-eday > span { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-eday i { background: var(--ob-hz); border: 4px solid #1d183f; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.052), 0 10px 26px rgba(247, 0, 8, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .t-here em { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .t-here i { border: 3px solid #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-calbtn { background: #1d183f; color: #cecaf2; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .t-plan { background: #1d183f; color: var(--ob-ink); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-plan h4 small { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-plan p { background: var(--ob-surf); } :root:is([data-theme="dark"], #dk#dk#dk) .t-plan p.is-ticked { background: #20543a; } :root:is([data-theme="dark"], #dk#dk#dk) .t-box { border: 2.5px solid #2a2170; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-box path { fill: none; stroke: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .is-ticked .t-box { background: #0a7d4f; border-color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-ready { background: var(--ob-hz); color: #ffffff; box-shadow: 0 8px 20px rgba(138, 43, 226, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .t-ballot-h small { color: #d9d2ff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-race { background: #1d183f; color: var(--ob-ink); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .t-race > small { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-race > a { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-vs > span.is-on { background: var(--ob-surf); box-shadow: 0 0 0 2px #4232d4; } :root:is([data-theme="dark"], #dk#dk#dk) .t-vs em { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .t-yn span { background: var(--ob-surf); } :root:is([data-theme="dark"], #dk#dk#dk) .t-yn span.is-on { box-shadow: 0 0 0 2.5px #4232d4; background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-print { background: #1d183f; color: #cecaf2; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-paper { background: #1d183f; color: var(--ob-ink); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-paper i { background: #3a2d77; } :root:is([data-theme="dark"], #dk#dk#dk) .t-panel { box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-road-panel { background: #225a2d; } :root:is([data-theme="dark"], #dk#dk#dk) .t-iso-g { fill: #296d36; stroke: #2f6d3b; } :root:is([data-theme="dark"], #dk#dk#dk) .t-iso-road { fill: #dedee2; stroke: #e6e6ea; } :root:is([data-theme="dark"], #dk#dk#dk) .t-iso-dash { fill: none; stroke: #ffd84d; } :root:is([data-theme="dark"], #dk#dk#dk) .t-iso-b polygon { stroke: #e9f0ec; } :root:is([data-theme="dark"], #dk#dk#dk) .t-gtag { background: #1d183f; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.312); } :root:is([data-theme="dark"], #dk#dk#dk) .t-gtag.is-pixel { color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .t-bldtag { background: #291b9a; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-quiz { background: #1d183f; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .t-quiz b { color: #edbbb8; } :root:is([data-theme="dark"], #dk#dk#dk) .t-ans { background: var(--ob-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .t-ans.is-on { background: #0a7d4f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-bennie { background: linear-gradient(#5eb5eb, #2b5870 70%); } :root:is([data-theme="dark"], #dk#dk#dk) .t-sun { background: #ffd942; box-shadow: 0 0 0 5px rgba(255, 224, 102, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .t-sky { background: #a296c9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-water { background: repeating-linear-gradient(90deg, #396487 0 18px, #437093 18px 22px); } :root:is([data-theme="dark"], #dk#dk#dk) .t-ledge { background: linear-gradient(#4db240 0 12px, #7d5127 12px); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.39); } :root:is([data-theme="dark"], #dk#dk#dk) .t-plank { background: #925f30; border: 2px solid #f2e4d5; } :root:is([data-theme="dark"], #dk#dk#dk) .t-heart { color: #e38f9e; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-lawn { background: linear-gradient(#23425c, #342460 62%); } :root:is([data-theme="dark"], #dk#dk#dk) .t-house { background: #413920; box-shadow: inset 0 -8px 0 #e8e4da; } :root:is([data-theme="dark"], #dk#dk#dk) .t-house::after { background: repeating-linear-gradient(90deg, #423182 0 44px, transparent 44px 98px); } :root:is([data-theme="dark"], #dk#dk#dk) .t-grass { background: repeating-linear-gradient(90deg, #4bad4b 0 40px, #4b9c4b 40px 80px); box-shadow: inset 0 8px 0 rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar.is-spot { background: var(--ob-surf); } :root:is([data-theme="dark"], #dk#dk#dk) .t-bar.is-spot i { border: 0; background: var(--ob-hz); } :root:is([data-theme="dark"], #dk#dk#dk) .t-front, :root:is([data-theme="dark"], #dk#dk#dk) .t-back { background: #1d183f; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.65); } :root:is([data-theme="dark"], #dk#dk#dk) .t-front img { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .t-seen { background: var(--ob-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .t-seen.is-on { background: #0a7d4f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-stake { background: #464b53; } :root:is([data-theme="dark"], #dk#dk#dk) .t-polaroid { background: #1d183f; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.728); } :root:is([data-theme="dark"], #dk#dk#dk) .t-polaroid small { color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .t-askbox { background: #1d183f; border: 3px solid transparent; background: linear-gradient(#1d183f, #1d183f) padding-box, var(--ob-hz) border-box; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.468); } :root:is([data-theme="dark"], #dk#dk#dk) .t-drop, :root:is([data-theme="dark"], #dk#dk#dk) .t-answer { background: #1d183f; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.52); } :root:is([data-theme="dark"], #dk#dk#dk) .t-drop p.is-ask { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-drop p.is-on { background: var(--ob-tint); } :root:is([data-theme="dark"], #dk#dk#dk) .t-answer > small { color: #c7a3e8; } :root:is([data-theme="dark"], #dk#dk#dk) .t-answer .t-row b { color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .t-ticker { background: #241a9f; color: #ffffff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.78); } :root:is([data-theme="dark"], #dk#dk#dk) .t-ticker em { background: #1d183f; color: #ccc9f2; } :root:is([data-theme="dark"], #dk#dk#dk) .t-chips span { background: #1d183f; box-shadow: var(--ob-card); } :root:is([data-theme="dark"], #dk#dk#dk) .t-sat-in { background: rgba(27, 22, 59, 0.92); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.416), inset 0 0 0 1px rgba(255, 255, 255, 0.315); } :root:is([data-theme="dark"], #dk#dk#dk) .t-sat em { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .t-sat.is-vote .t-sat-in { background: var(--ob-violet); color: #ffffff; box-shadow: 0 0 0 10px rgba(141, 91, 224, 0.18), 0 16px 34px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .t-sat.is-vote .t-sat-in small { color: #e4defe; } :root:is([data-theme="dark"], #dk#dk#dk) .t-sat.is-vote em { background: var(--ob-hz); } :root:is([data-theme="dark"], #dk#dk#dk) .ob { color: var(--ob-ink); background: #2d2259; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-bg > i { filter: blur(10px); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-bg .is-b { background: radial-gradient(closest-side, rgba(0, 31, 250, 0.55), transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-bg .is-v { background: radial-gradient(closest-side, rgba(125, 29, 213, 0.45), transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-bg .is-r { background: radial-gradient(closest-side, rgba(232, 8, 28, 0.5), transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-bg .ob-violet { filter: none; background: radial-gradient(60% 50% at 80% 10%, rgba(61, 20, 61, 0.35), transparent), var(--ob-violet); } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-skip, :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn { border: 0; background: var(--ob-tint); color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-skip { background: rgba(27, 22, 59, 0.7); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-skip:hover, :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn:hover { background: #42368e; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn.is-go { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn.is-go:hover { background: #20147b; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn.is-hz { background: var(--ob-hz); color: #ffffff; box-shadow: 0 10px 24px rgba(138, 43, 226, 0.35); } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-btn.is-go { background: #1d183f; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-skip { background: rgba(255, 255, 255, 0.144); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-btn:focus-visible, :root:is([data-theme="dark"], #dk#dk#dk) .ob-skip:focus-visible { outline: 3px solid #6b5fdd; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-copy .ob-kicker { background: rgba(26, 20, 61, 0.7); color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-copy p { color: var(--ob-soft); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-copy .ob-link { color: #aca5e9; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-copy .ob-link:hover { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-copy .ob-kicker { background: #752d76; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-copy p { color: #e4defe; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-copy .ob-link { color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-fine { color: var(--ob-head) !important; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-fine a { color: inherit; } :root:is([data-theme="dark"], #dk#dk#dk) .ob-swipe { background: rgba(27, 22, 59, 0.92); box-shadow: var(--ob-card); color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-swipe-track { background: rgba(0, 0, 0, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-swipe-track i { background: var(--ob-go); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-swipe-track i::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.63), transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-swipe { background: rgba(255, 255, 255, 0.144); color: #ffffff; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-swipe-track { background: rgba(255, 255, 255, 0.18); } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-swipe-track i { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .ob-swipe-track i::after { background: linear-gradient(90deg, rgba(27, 22, 59, 0.5), transparent); } :root:is([data-theme="dark"], #dk#dk#dk) .ob-hint { background: #1d183f; box-shadow: var(--ob-card); color: var(--ob-ink); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-progress i { background: var(--ob-hz); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-cue { color: var(--ob-head); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-rail button { border: 0; background: rgba(0, 0, 0, 0.36); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-rail button.is-on { background: var(--ob-go); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-rail button.is-vote { background: rgba(123, 65, 219, 0.5); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-rail button span { background: var(--ob-go); color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .obs-rail button { background: rgba(255, 255, 255, 0.27); } :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .obs-rail button.is-on { background: #1d183f; } @media (max-width: 860px) { :root:is([data-theme="dark"], #dk#dk#dk) .obs-col::before { background: linear-gradient(#2d2259 calc(100% - 24px), rgba(255, 255, 255, 0)); } } @media (max-width: 860px) { :root:is([data-theme="dark"], #dk#dk#dk) .obs-col::after { background: linear-gradient(#3423a2 calc(100% - 24px), rgba(52, 35, 162, 0)); } } @media (max-width: 860px) { :root:is([data-theme="dark"], #dk#dk#dk) .obs-step .ob-copy { background: rgba(27, 22, 59, 0.94); box-shadow: var(--ob-card); color: var(--ob-ink); } } @media (max-width: 860px) { :root:is([data-theme="dark"], #dk#dk#dk) .ob[data-theme="vote"] .obs-step .ob-copy { background: rgba(33, 22, 141, 0.92); color: #ffffff; } } :root:is([data-theme="dark"], #dk#dk#dk) .ob-landtip { background: #262184; color: #ffffff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .obs-scroller:focus, :root:is([data-theme="dark"], #dk#dk#dk) .ob:focus { outline: none; } /* ---- vote.css ---- */ :root:is([data-theme="dark"], #dk#dk#dk) .vh-hero { background: linear-gradient(120deg, #362767, #1d183f 60%, #491c27); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.182); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-sub { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-next { background: #1c137d; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-next small { background: #752d76; color: #d9d6f5; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-switch small { color: #cac9d8; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-switch .seg-btn:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-card { background: #1d183f; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.182); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-count { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-small { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-plan-list li { background: #292259; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-plan-list li.is-done { background: #1d4d33; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-plan-list li.is-done .vh-step b { color: #cee3d8; text-decoration: line-through; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-tick { border: 0; background: #1d183f; box-shadow: inset 0 0 0 2px #b9b2ef; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .is-done .vh-tick { background: #0a7d4f; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-tick:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-step small { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-due { background: #2e2665; color: #cecaf2; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-due.is-soon { background: #584921; color: #f4e9d2; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-due.is-now { background: #21563c; color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-due.is-past { background: #342a70; color: #c3c1cd; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-btn { background: #584921 !important; color: #f4e9d2 !important; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-ballot { background: none; box-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-ballot .vg-race { border: 0; background: #1d183f; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-ballot .vg-race.is-picked { box-shadow: inset 4px 0 0 #4232d4, 0 4px 14px rgba(0, 0, 0, 0.156); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-line { border: 0; background: none; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-line:focus-visible { outline: 3px solid var(--btn-ring, #6b5fdd); } :root:is([data-theme="dark"], #dk#dk#dk) .vg-line-pick { color: #b4b1c9; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-race.is-picked .vg-line-pick { color: #cef3e4; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-line-faces .quiz-face { box-shadow: 0 0 0 2px #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-line-more { color: #cdcdd0; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-chev { background: rgba(56, 41, 195, 0.1); color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-fold { border: 0; background: rgba(56, 41, 195, 0.1); color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .vg-morebtn { border: 0; background: none; color: #aca5e9; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-sheet { border: 0; background: #1d183f; color: #d2d0f3; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.9); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-sheet::backdrop { background: rgba(0, 0, 0, 0.63); } :root:is([data-theme="dark"], #dk#dk#dk) .vh-sheet-x { border: 0; background: #2e2665; color: #d2d0f3; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-step { background: #2a235d; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-step p { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-note { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-dates li { background: #2a235d; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-dates span { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-links small { color: #b5b3cf; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-links a { background: #2e2665; color: #cecaf2; text-decoration: none; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-links a:hover b { text-decoration: underline; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-how-links a span { color: #cbc9df; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-quiz { background: #544720; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-quiz .dt-btn { background: #1d183f; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-quiz .dt-btn.is-right { background: #0a7d4f; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-quiz .dt-btn.is-wrong { background: #ad2228; color: #ffffff; } :root:is([data-theme="dark"], #dk#dk#dk) .vh-sheet .dt-remind { background: none; box-shadow: none; } /* ---- touch.css ---- */ /* ---- hand-tuned (tools/dark_hand.css) ---- */ /* The part of css/dark.css tuned by hand (tools/build_dark.py adds it after the converted colours, with the same weight). Written with :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) / :root:is([data-theme="dark"], #dk#dk#dk#dk#dk); the build gives every rule the dark theme's full weight. */ /* ---- the dark palette: a deep violet night ---- */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) { color-scheme: dark; /* the browser's own parts (scrollbars, date pickers, plain links) go dark too */ --bg: #0e0b22; /* the page */ --panel: #18133a; --ink: #f5f3ff; /* text */ --muted: #cbc7ec; --line: #3d3580; --accent: #f1eeff; --danger: #ff8a7a; --btn-tint: #3b3290; /* plain buttons: clearly lighter than the card under them */ --btn-tint-hover: #4a40a8; --btn-ink: #f4f1ff; --btn-go: #6350ee; /* main actions: the violet, brighter so it stands off the dark page */ --btn-go-hover: #7261f5; --btn-ring: #a99fff; --surf-tint: #251f55; /* menus, panels */ --surf-ink: #d9d5f6; --surf-head: #b7b2e2; --surf-shadow: 0 12px 30px rgba(0, 0, 0, .5); --field: #2d2670; --field-ph: #c4bfe8; --switch-off: #554c9e; --hairline: #453c8c; --card-shadow: 0 2px 4px rgba(0, 0, 0, .25), 0 10px 26px rgba(0, 0, 0, .35); --card-shadow-hover: 0 4px 8px rgba(0, 0, 0, .3), 0 16px 34px rgba(0, 0, 0, .45); /* the party colours as text: lighter, so they read on the dark (rings and fills keep the real ones) */ --party-democrat-ink: #8c9bff; --party-republican-ink: #ff7b7b; --party-other-ink: #c49bff; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) * { scrollbar-color: rgba(255, 255, 255, .28) transparent; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) ::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .28); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body { background: var(--bg); color: var(--ink); } /* the logo: its light version */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) :is(.land-logo, .ab-logo, .mk-logo, .si-logo, .ob-logo) { content: url(../images/brand/gia-logo-dark.svg); } /* ---- page by page ---- */ /* the footer: a step darker than the cards, so it closes the page instead of shouting */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .site-foot { background: #0a0819; color: #c9c5ef; border-top: 1px solid var(--line); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .sf-base { color: #aaa6d4; } /* a person's page: the tiles sit straight on the page */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .pb { background: transparent; } /* the home page's LATEST tag */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .land-news-tag { background: #fff; color: #c00000; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .land-news.is-latest .land-news-tag { color: #150e5e; } /* Genetics' branches: stronger, so they show on the dark page */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .mt-edges path { opacity: .9; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .mt-edges path.is-dash { opacity: .7; } /* the map's zoom buttons and credit line */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .maplibregl-ctrl-group { background: #221c4d !important; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .maplibregl-ctrl-group button + button { border-top-color: var(--line) !important; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .maplibregl-ctrl-group .maplibregl-ctrl-icon { filter: invert(1) hue-rotate(180deg); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .maplibregl-ctrl-attrib { background: rgba(14, 11, 34, .8) !important; color: var(--muted); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .maplibregl-ctrl-attrib a { color: var(--muted); } /* Genetics on phones, Explore's tiers: the level's own colour (set by js/genetics.js), lighter */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .gs-h { color: color-mix(in oklab, var(--c) 45%, white); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .gen-p-kind { color: color-mix(in oklab, var(--k) 45%, white); } /* the strip along the bottom edge that keeps Safari's toolbar on the page's colour (js/navbar.js) */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .bottom-tint { background-color: var(--bg); } /* Money: the totals in the middle of each frame, and the frames' names */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .gen-frame-sum { fill: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .gen-frame-name { fill: var(--muted); } /* glass (Explore's switch, the mix chooser, the map's panel, Orbit's bubbles): dark glass, a faint light rim */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk)[data-glass] { --lg-tint: .5; --lg-glare: .08; --lg-rim: .25; } /* everyday buttons (pills in a faint wash of the horizon): the button colour, the wash a little stronger (not the top bar's see-through glass ones, or the buttons on a person's coloured card) */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body :is(.nav-btn, .index-tab, .land-btn, .land-pill, .reset-button, .view-toggle, .filter-toggle, .compare-open, .show-more, .previously-btn, .fc-toggle:not([aria-pressed="true"]), .seg-btn:not([aria-pressed="true"]), .gen-chip:not([aria-pressed="true"]), .fd-btn:not(.is-go), .hm-go.is-soft, .hm-change, .cal-btn, .vg-reset, .ps-tool, .ls-toggle, .acct-signin):not(:is(.person-bar, .land-bar, .pb-hero, .is-dock) *, .is-dock) { background: linear-gradient(90deg, rgba(60, 90, 255, .22), rgba(150, 70, 240, .14) 50%, rgba(255, 60, 80, .2)), var(--btn-tint) !important; color: var(--btn-ink) !important; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body :is(.nav-btn, .index-tab, .land-btn, .land-pill, .reset-button, .view-toggle, .filter-toggle, .compare-open, .show-more, .previously-btn, .fc-toggle:not([aria-pressed="true"]), .seg-btn:not([aria-pressed="true"]), .gen-chip:not([aria-pressed="true"]), .fd-btn:not(.is-go), .hm-go.is-soft, .hm-change, .cal-btn, .vg-reset, .ps-tool, .ls-toggle, .acct-signin):not(:is(.person-bar, .land-bar, .pb-hero, .is-dock) *, .is-dock):hover { background: linear-gradient(90deg, rgba(60, 90, 255, .3), rgba(150, 70, 240, .2) 50%, rgba(255, 60, 80, .28)), var(--btn-tint-hover) !important; } /* the home page's logo: a faint violet light behind it (its white glow would read as a grey ring on the dark) */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .land-title:has(.land-logo)::before { background: radial-gradient(closest-side, rgba(150, 120, 255, .14), rgba(150, 120, 255, .08) 40%, rgba(150, 120, 255, .025) 70%, rgba(150, 120, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .land-logo { filter: drop-shadow(0 2px 14px rgba(170, 150, 255, .16)); } /* placeholder text in search bars and boxes: readable */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) :is(input, textarea)::placeholder { color: var(--field-ph); opacity: 1; } /* the colours of an office's powers (Presides, Runs, Appoints…) as text: lighter */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .gen-d-card small { color: color-mix(in oklab, var(--k) 45%, white); } /* a position's background photo (the horizon): under a deep violet veil, so it only glows faintly */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk):has(body.position-bg) { background: linear-gradient(rgba(14, 11, 34, .86), rgba(14, 11, 34, .86)), url("../images/backgrounds/position.jpg") center / cover no-repeat fixed; } /* the 404 page (404.html, which has its own styles): the light logo, the horizon under the veil, no white glows */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body:has(> main .logo) { background: linear-gradient(rgba(14, 11, 34, .86), rgba(14, 11, 34, .86)), url("../images/backgrounds/position.jpg") center / 100% 100% no-repeat; color: var(--ink); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) main .logo img { content: url(../images/brand/gia-logo-dark.svg); filter: drop-shadow(0 2px 14px rgba(170, 150, 255, .16)); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) main .logo::before { background: radial-gradient(closest-side, rgba(150, 120, 255, .14), rgba(150, 120, 255, .08) 40%, rgba(150, 120, 255, .025) 70%, rgba(150, 120, 255, 0)); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) main:has(> .logo) :is(h1, .lede) { text-shadow: none; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) main .asked { background: var(--surf-tint); color: var(--surf-ink); box-shadow: var(--card-shadow); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body:has(> main .logo) .nav-btn { background: var(--btn-tint); color: var(--btn-ink); } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) body:has(> main .logo) .nav-btn:hover { background: var(--btn-tint-hover); } /* ---- Bills, on phones: the progress line's dots light on the dark card (css/bills.css) ---- */ :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .bl-dots i { background: #4a4290; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .bl-dots i.is-done { background: #c9c2ff; } :root:is([data-theme="dark"], #dk#dk#dk#dk#dk) .bl-dots i.is-now { background: #1d183f; box-shadow: inset 0 0 0 2.5px #a99fff; }