/* generated by website/build/build.py from design/tokens.json; do not edit */
:root {
  --bgTop: #0A2D78;
  --bgMid: #08245F;
  --bgEdge: #041542;
  --cyan: #3FC2FF;
  --cyanSoft: #2FA8FF;
  --text: #FFFFFF;
  --textDim: #B3C9EE;
  --textMeta: #A9C2EC;
  --textValue: #C6D6F2;
  --crumb: #8FB4F0;
  --crumbOn: #4CC8FF;
  --separator: #1E4A8F;
  --navy: #0B2A63;
  --progressTrack: #143A80;
  --progressFrom: #1C6FF2;
  --progressTo: #3FC2FF;
  --toggleOff: #0A2052;
  --toggleOffStroke: #3A5C9C;
  --mapLand: #2D6FE6;
  --mapLandAlt: #3FB8FF;
  --mapHot: #FF3D7F;
  --mapHotHead: #FFB3CC;
  --mapHead: #BFEFFF;
  --danger: #FF5A5A;
}
.p-searchField { --top: #0A2459; --bottom: #081E4C; --stroke: #3FC2FF; --sw: 2.0px; --r: 100px; --glow: 6; --glowc: #2FA8FF; --gloss: 0; }
.p-iconButton { --top: #0C2C6A; --bottom: #09225A; --stroke: #3FC2FF; --sw: 1.6px; --r: 10px; --glow: 4; --glowc: #2FA8FF; --gloss: 1; }
.p-tabOn { --top: #2E93FF; --bottom: #1466E0; --stroke: #7AD3FF; --sw: 1.6px; --r: 8px; --glow: 4; --glowc: #2FA8FF; --gloss: 1; }
.p-tabOff { --top: rgba(12,43,102,0.878); --bottom: rgba(10,36,88,0.878); --stroke: #2C5BAA; --sw: 1.2px; --r: 8px; --glow: 4; --glowc: rgba(0,0,0,0.000); --gloss: 0; }
.p-rowOn { --top: #1F74E8; --bottom: #1257C9; --stroke: #5CCBFF; --sw: 2.0px; --r: 8px; --glow: 5; --glowc: #2FA8FF; --gloss: 0; }
.p-rowButton { --top: #1A63D6; --bottom: #0C45A8; --stroke: #4A98FF; --sw: 1.2px; --r: 6px; --glow: 2; --glowc: #2FA8FF; --gloss: 1; }
.p-primaryButton { --top: #3A9BFF; --bottom: #1662E6; --stroke: #84D6FF; --sw: 2.0px; --r: 12px; --glow: 7; --glowc: #2FA8FF; --gloss: 1; }
.p-secondaryButton { --top: #0D2E6E; --bottom: #0A245A; --stroke: #3373DD; --sw: 1.6px; --r: 12px; --glow: 3; --glowc: #2FA8FF; --gloss: 0; }
.p-coverFrame { --top: #0D2E6E; --bottom: #0A245A; --stroke: #B5DEFF; --sw: 2.0px; --r: 8px; --glow: 5; --glowc: #3FC2FF; --gloss: 0; }
.p-sheet { --top: #0B2C70; --bottom: #061B4C; --stroke: #3FC2FF; --sw: 1.6px; --r: 16px; --glow: 8; --glowc: #2FA8FF; --gloss: 0; }
.p-settingsPanel { --top: rgba(11,44,112,0.800); --bottom: rgba(8,36,86,0.800); --stroke: #24529E; --sw: 1.2px; --r: 10px; --glow: 3; --glowc: #2FA8FF; --gloss: 0; }
.p-focusRow { --top: rgba(31,116,232,0.400); --bottom: rgba(18,87,201,0.400); --stroke: #3A7BE0; --sw: 1.2px; --r: 8px; --glow: 0; --glowc: rgba(0,0,0,0.000); --gloss: 0; }