html.theme-light body.prefix-page {
  --pfx-bg: #dcebfb;
  --pfx-panel: rgba(255, 255, 255, .70);
  --pfx-panel-strong: rgba(248, 252, 255, .88);
  --pfx-border: rgba(91, 116, 148, .20);
  --pfx-blue: #0969da;
  --pfx-cyan: #0ea5e9;
  --pfx-gold: #b7791f;
  --pfx-green: #16a34a;
  --pfx-text: #132033;
  --pfx-muted: #5f7089;
  --pfx-danger: #dc2626;
  --pfx-shadow: 0 18px 42px rgba(54, 84, 126, .16);
  color: var(--pfx-text);
  background:
    radial-gradient(980px circle at 12% 5%, rgba(88, 166, 255, .24), transparent 48%),
    radial-gradient(900px circle at 88% 18%, rgba(14, 165, 233, .13), transparent 44%),
    linear-gradient(180deg, #eef7ff 0%, #d8ebfb 52%, #c8e1f5 100%);
}

html.theme-light body.prefix-page::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .55), transparent 30%),
    repeating-linear-gradient(0deg, rgba(31, 111, 235, .045) 0 1px, transparent 1px 6px);
  opacity: .42;
  mix-blend-mode: normal;
}

html.theme-light body.prefix-page .pfx-bg-orbit {
  background: radial-gradient(closest-side, rgba(88, 166, 255, .24), transparent 70%);
  filter: blur(22px);
}

html.theme-light body.prefix-page .pfx-card,
html.theme-light body.prefix-page .pfx-control-card,
html.theme-light body.prefix-page .pfx-stat-card {
  color: var(--pfx-text);
  background:
    radial-gradient(760px 280px at 84% 0%, rgba(88, 166, 255, .12), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(239, 247, 255, .60));
  border-color: rgba(91, 116, 148, .18);
  box-shadow:
    0 18px 42px rgba(54, 84, 126, .16),
    inset 0 1px 0 rgba(255, 255, 255, .86);
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

html.theme-light body.prefix-page .pfx-section-kicker,
html.theme-light body.prefix-page .pfx-card h2,
html.theme-light body.prefix-page .pfx-table-head h2,
html.theme-light body.prefix-page .pfx-selected-title h3,
html.theme-light body.prefix-page .pfx-detail-empty strong,
html.theme-light body.prefix-page .pfx-tool-tile strong {
  color: #132033;
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-section-kicker {
  color: #0969da;
}

html.theme-light body.prefix-page .pfx-search-wrap,
html.theme-light body.prefix-page .pfx-table-search {
  color: #142033;
  background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(244, 249, 255, .82));
  border-color: rgba(31, 111, 235, .22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 8px 18px rgba(54, 84, 126, .10);
}

html.theme-light body.prefix-page .pfx-search-wrap i,
html.theme-light body.prefix-page .pfx-table-search i,
html.theme-light body.prefix-page .pfx-table-head h2 i,
html.theme-light body.prefix-page .pfx-detail-empty i {
  color: #0ea5e9;
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-search-wrap input,
html.theme-light body.prefix-page .pfx-table-search input {
  color: #142033;
}

html.theme-light body.prefix-page .pfx-search-wrap input::placeholder,
html.theme-light body.prefix-page .pfx-table-search input::placeholder {
  color: rgba(66, 96, 127, .62);
}

html.theme-light body.prefix-page .pfx-clear,
html.theme-light body.prefix-page .pfx-table-filter,
html.theme-light body.prefix-page .pfx-map-reset,
html.theme-light body.prefix-page .pfx-page-buttons button {
  color: #17436f;
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(224, 239, 255, .90));
  border-color: rgba(31, 111, 235, .24);
  box-shadow:
    0 8px 18px rgba(54, 84, 126, .12),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-clear:hover,
html.theme-light body.prefix-page .pfx-table-filter:hover,
html.theme-light body.prefix-page .pfx-map-reset:hover,
html.theme-light body.prefix-page .pfx-map-reset:focus-visible,
html.theme-light body.prefix-page .pfx-page-buttons button:hover:not(:disabled),
html.theme-light body.prefix-page .pfx-page-buttons button.is-active {
  color: #0969da;
  background: linear-gradient(180deg, #ffffff, #dcecff);
  border-color: rgba(31, 111, 235, .40);
  box-shadow:
    0 10px 22px rgba(54, 84, 126, .16),
    0 0 0 3px rgba(31, 111, 235, .08),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

html.theme-light body.prefix-page .pfx-chip {
  color: #29415e;
  background: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(229, 241, 253, .78));
  border-color: rgba(91, 116, 148, .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-chip i {
  color: #5f7089;
}

html.theme-light body.prefix-page .pfx-chip:hover,
html.theme-light body.prefix-page .pfx-chip.is-active {
  color: #ffffff;
  border-color: rgba(31, 111, 235, .42);
  background: linear-gradient(180deg, #38a5ff, #0969da);
  box-shadow:
    0 10px 22px rgba(31, 111, 235, .22),
    inset 0 1px 0 rgba(255, 255, 255, .26);
}

html.theme-light body.prefix-page .pfx-chip:hover i,
html.theme-light body.prefix-page .pfx-chip.is-active i {
  color: #ffffff;
}

html.theme-light body.prefix-page .pfx-stat-card span,
html.theme-light body.prefix-page .pfx-stat-card small,
html.theme-light body.prefix-page .pfx-statusbar,
html.theme-light body.prefix-page .pfx-tool-tile span,
html.theme-light body.prefix-page .pfx-detail-empty,
html.theme-light body.prefix-page .pfx-detail-kicker,
html.theme-light body.prefix-page .pfx-detail-row span,
html.theme-light body.prefix-page .pfx-activity-title,
html.theme-light body.prefix-page .pfx-activity-axis,
html.theme-light body.prefix-page .pfx-activity-scale,
html.theme-light body.prefix-page .pfx-page-info,
html.theme-light body.prefix-page .pfx-page-gap {
  color: #5f7089;
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-stat-card strong {
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-stat-icon {
  background: rgba(224, 239, 255, .78);
  border-color: rgba(31, 111, 235, .18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .82),
    0 8px 18px rgba(54, 84, 126, .10);
}

html.theme-light body.prefix-page .pfx-stat-icon--blue {
  color: #0969da;
}

html.theme-light body.prefix-page .pfx-stat-icon--cyan {
  color: #0284c7;
}

html.theme-light body.prefix-page .pfx-stat-icon--green {
  color: #16a34a;
}

html.theme-light body.prefix-page .pfx-stat-icon--gold {
  color: #b7791f;
}

html.theme-light body.prefix-page .pfx-map-frame {
  background: #dceaf6;
  border-color: rgba(91, 116, 148, .22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 12px 28px rgba(54, 84, 126, .14);
}

html.theme-light body.prefix-page .pfx-map-frame::after {
  background:
    radial-gradient(ellipse at center, transparent 58%, rgba(255, 255, 255, .18) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(224, 239, 255, .10));
  box-shadow: inset 0 0 44px rgba(54, 84, 126, .16);
}

html.theme-light body.prefix-page .pfx-map .maplibregl-ctrl-group {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(91, 116, 148, .24);
  box-shadow: 0 10px 22px rgba(54, 84, 126, .18);
}

html.theme-light body.prefix-page .pfx-map .maplibregl-ctrl button {
  background-color: rgba(255, 255, 255, .92);
}

html.theme-light body.prefix-page .pfx-detail-card {
  background:
    radial-gradient(420px 180px at 78% 8%, rgba(88, 166, 255, .12), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(239, 247, 255, .62));
}

html.theme-light body.prefix-page .pfx-selected-top,
html.theme-light body.prefix-page .pfx-detail-row {
  border-color: rgba(91, 116, 148, .15);
}

html.theme-light body.prefix-page .pfx-prefix-badge {
  color: #b7791f;
  background: linear-gradient(180deg, #fff8db, #fde68a);
  border-color: rgba(245, 158, 11, .32);
  box-shadow:
    0 8px 18px rgba(245, 158, 11, .14),
    inset 0 1px 0 rgba(255, 255, 255, .72);
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-detail-row i {
  color: #0ea5e9;
}

html.theme-light body.prefix-page .pfx-detail-row strong,
html.theme-light body.prefix-page .pfx-statusbar strong {
  color: #132033;
}

html.theme-light body.prefix-page .pfx-detail-link {
  color: #0969da;
}

html.theme-light body.prefix-page .pfx-detail-good,
html.theme-light body.prefix-page .pfx-good {
  color: #16a34a !important;
}

html.theme-light body.prefix-page .pfx-activity-chart {
  background: rgba(255, 255, 255, .62);
  border-color: rgba(91, 116, 148, .18);
}

html.theme-light body.prefix-page .pfx-activity-grid {
  background:
    linear-gradient(rgba(91, 116, 148, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91, 116, 148, .10) 1px, transparent 1px);
  background-size: 100% 24px, 20% 100%;
}

html.theme-light body.prefix-page .pfx-action-btn {
  color: #9a5b20;
  background: linear-gradient(180deg, #fff8db, #fde68a);
  border-color: rgba(245, 158, 11, .32);
  box-shadow: 0 8px 18px rgba(245, 158, 11, .14), inset 0 1px 0 rgba(255, 255, 255, .72);
}

html.theme-light body.prefix-page .pfx-action-btn:hover {
  color: #7c2d12;
  border-color: rgba(245, 158, 11, .48);
}

html.theme-light body.prefix-page .pfx-action-btn--soft {
  color: #17436f;
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(224, 239, 255, .90));
  border-color: rgba(31, 111, 235, .24);
  box-shadow: 0 8px 18px rgba(54, 84, 126, .12), inset 0 1px 0 rgba(255, 255, 255, .92);
}

html.theme-light body.prefix-page .pfx-table-head {
  background: linear-gradient(180deg, rgba(232, 243, 255, .82), rgba(214, 232, 250, .70));
  border-color: rgba(91, 116, 148, .18);
}

html.theme-light body.prefix-page .pfx-table-scroll {
  background: rgba(255, 255, 255, .42);
}

html.theme-light body.prefix-page .pfx-table th {
  color: #42607f;
  background: linear-gradient(180deg, rgba(232, 243, 255, .94), rgba(214, 232, 250, .88));
  border-color: rgba(91, 116, 148, .18);
}

html.theme-light body.prefix-page .pfx-table td {
  border-color: rgba(91, 116, 148, .13);
}

html.theme-light body.prefix-page .pfx-table tbody tr {
  color: #223047;
  background: rgba(251, 253, 255, .74);
}

html.theme-light body.prefix-page .pfx-table tbody tr:hover {
  background: rgba(224, 239, 255, .80);
}

html.theme-light body.prefix-page .pfx-table tbody tr.is-selected {
  background: linear-gradient(90deg, rgba(191, 219, 254, .92), rgba(239, 247, 255, .78));
  box-shadow: inset 3px 0 0 #0969da, inset 0 0 24px rgba(31, 111, 235, .10);
}

html.theme-light body.prefix-page .pfx-table-prefix,
html.theme-light body.prefix-page .pfx-table tr.is-selected .pfx-table-prefix {
  color: #0969da;
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-loading-cell,
html.theme-light body.prefix-page .pfx-empty-cell {
  color: #5f7089;
}

html.theme-light body.prefix-page .pfx-fav {
  color: #7a8aa0;
}

html.theme-light body.prefix-page .pfx-table tbody tr.is-selected .pfx-fav,
html.theme-light body.prefix-page .pfx-fav:hover,
html.theme-light body.prefix-page .pfx-fav.is-favorite {
  color: #b7791f;
}

html.theme-light body.prefix-page .pfx-pagination {
  background: rgba(255, 255, 255, .56);
  border-color: rgba(91, 116, 148, .18);
}

html.theme-light body.prefix-page .pfx-tool-tile {
  color: #142033;
  background: rgba(255, 255, 255, .60);
  border-color: rgba(91, 116, 148, .18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-tool-tile:hover,
html.theme-light body.prefix-page .pfx-tool-tile.is-active {
  background: rgba(224, 239, 255, .78);
  border-color: rgba(31, 111, 235, .28);
  box-shadow: 0 10px 22px rgba(54, 84, 126, .14), inset 0 1px 0 rgba(255, 255, 255, .84);
}

html.theme-light body.prefix-page .pfx-tool-tile i {
  text-shadow: none;
}

html.theme-light body.prefix-page .pfx-statusbar {
  background: rgba(255, 255, 255, .68);
  border-color: rgba(91, 116, 148, .18);
  box-shadow: 0 -12px 32px rgba(54, 84, 126, .12), inset 0 1px 0 rgba(255, 255, 255, .84);
}

html.theme-light body.prefix-page .prefix-marker {
  color: #17436f;
  background: rgba(255, 255, 255, .90);
  border-color: rgba(31, 111, 235, .36);
  box-shadow: 0 8px 18px rgba(54, 84, 126, .18);
}

html.theme-light body.prefix-page .prefix-marker::before {
  background: #0ea5e9;
  box-shadow: 0 0 12px rgba(14, 165, 233, .55);
}

html.theme-light body.prefix-page .prefix-marker.is-selected {
  color: #132033;
  background:
    linear-gradient(180deg, rgba(255, 248, 219, .96), rgba(255, 255, 255, .92)),
    radial-gradient(circle at 18% 50%, rgba(245, 158, 11, .20), transparent 54%);
  border-color: rgba(245, 158, 11, .66);
  box-shadow:
    0 0 0 1px rgba(245, 158, 11, .18),
    0 10px 24px rgba(54, 84, 126, .22),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

html.theme-light body.prefix-page .prefix-marker-prefix {
  color: #b7791f;
  text-shadow: none;
}

html.theme-light body.prefix-page .prefix-marker-country {
  color: #29415e;
}

html.theme-light body.prefix-page .prefix-marker.is-selected::after {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(245, 158, 11, .52);
}
