/* Shared theme contract. Values: docs/theme-audit/theme-tokens.json. */
@font-face{font-family:Manrope;src:url("/assets/fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{
  color-scheme:light;
  --vz-page:#f5f7f9;
  --vz-card:#ffffff;
  --vz-card-soft:#edf4fb;
  --vz-copy:#263238;
  --vz-muted:#62738b;
  --vz-blue:#123b6d;
  --vz-line:#bacbe9;
  --vz-hover:#edf4fb;
  --vz-selection:#edf4fb;
  --vz-current:#aa1235;
  --vz-ranking-current:#c42d50;
  --vz-ranking-place:#000;
  --vz-on-accent:#ffffff;
  --vz-success:#087b51;
  --vz-error:#ae3544;
  --vz-warning:#92630e;
  --vz-shadow-popup:0 8px 28px #102a4426;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --vz-page:#010a11;
  --vz-card:#04111b;
  --vz-card-soft:#081827;
  --vz-copy:#c6d3e9;
  --vz-muted:#8fa5cf;
  --vz-blue:#9fb7e4;
  --vz-line:#3c4652;
  --vz-hover:#102332;
  --vz-selection:#112737;
  --vz-current:#f2b66d;
  --vz-ranking-current:var(--vz-current);
  --vz-ranking-place:var(--vz-copy);
  --vz-on-accent:#010a11;
  --vz-success:#35d6a2;
  --vz-error:#fb8584;
  --vz-warning:#e9c96f;
  --vz-shadow-popup:0 8px 28px #0008;
}
:root{
  --vz-font-body:Manrope,"Segoe UI",Arial,sans-serif;
  --vz-font-heading:"Times New Roman",Times,serif;
  --vz-control-font-size:14px;--vz-compact-font-size:12px;
  --vz-control-height:44px;--vz-control-radius:11px;--vz-control-padding:12px;
  --vz-compact-height:32px;--vz-compact-radius:6px;--vz-compact-padding:8px;
  --vz-card-radius:15px;--vz-icon-size:40px;--vz-icon-radius:10px;
  --vz-touch-size:44px;--vz-focus-width:2px;--vz-focus-offset:2px;
  --vz-active-filter:var(--vz-current);
}
.vz-service-theme{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:8px;border:1px solid var(--vz-line);border-radius:var(--vz-icon-radius);background:var(--vz-card);color:var(--vz-blue);cursor:pointer}
.vz-service-theme svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vz-service-theme:hover{background:var(--vz-hover)}
.vz-service-theme:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
@media(max-width:767px),(pointer:coarse){.vz-service-theme{width:44px;height:44px}}