/* GENERATED by tool/site/build.dart from lib/core/theme/. Do not edit. */

@font-face {
  font-family: 'JetBrainsMono';
  src: url('fonts/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrainsMono';
  src: url('fonts/JetBrainsMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrainsMono';
  src: url('fonts/JetBrainsMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrainsMono';
  src: url('fonts/JetBrainsMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('fonts/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('fonts/PlusJakartaSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('fonts/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-jet-brains-mono: 'JetBrainsMono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-playfair-display: 'PlayfairDisplay', Georgia, 'Times New Roman', serif;
  --font-plus-jakarta-sans: 'PlusJakartaSans', system-ui, -apple-system, sans-serif;
  --background-primary: #08090c;
  --background-primary-rgb: 8, 9, 12;
  --background-canvas-oled: #0a0a0c;
  --background-canvas-oled-rgb: 10, 10, 12;
  --background-surface: #11131a;
  --background-surface-rgb: 17, 19, 26;
  --background-surface-alt: #141419;
  --background-surface-alt-rgb: 20, 20, 25;
  --background-card: #1a1d27;
  --background-card-rgb: 26, 29, 39;
  --background-card-alt: #1c1c24;
  --background-card-alt-rgb: 28, 28, 36;
  --stroke-subtle: #242938;
  --stroke-subtle-rgb: 36, 41, 56;
  --stroke-strong: #3d435c;
  --stroke-strong-rgb: 61, 67, 92;
  --border-glass: rgba(255, 255, 255, 0.078);
  --border-glass-rgb: 255, 255, 255;
  --phosphor-lime: #d2ff52;
  --phosphor-lime-rgb: 210, 255, 82;
  --phosphor-lime-alt: #ccff00;
  --phosphor-lime-alt-rgb: 204, 255, 0;
  --neon-coral: #ff4b6e;
  --neon-coral-rgb: 255, 75, 110;
  --neon-coral-alt: #ff3366;
  --neon-coral-alt-rgb: 255, 51, 102;
  --warm-amber: #ffa733;
  --warm-amber-rgb: 255, 167, 51;
  --warm-amber-alt: #ffb800;
  --warm-amber-alt-rgb: 255, 184, 0;
  --electric-violet: #7c5cff;
  --electric-violet-rgb: 124, 92, 255;
  --electric-cyan: #00f0ff;
  --electric-cyan-rgb: 0, 240, 255;
  --on-lime: #08090c;
  --on-lime-rgb: 8, 9, 12;
  --lime-ink-on-light: #233b00;
  --lime-ink-on-light-rgb: 35, 59, 0;
  --badge-upset-violet: #c4b5fd;
  --badge-upset-violet-rgb: 196, 181, 253;
  --god-badge-ink-light: #78350f;
  --god-badge-ink-light-rgb: 120, 53, 15;
  --frosted-sheet-light: rgba(255, 255, 255, 0.949);
  --frosted-sheet-light-rgb: 255, 255, 255;
  --frosted-sheet-dark: rgba(20, 20, 25, 0.851);
  --frosted-sheet-dark-rgb: 20, 20, 25;
  --medal-silver-start: #e5e7eb;
  --medal-silver-start-rgb: 229, 231, 235;
  --medal-silver-end: #94a3b8;
  --medal-silver-end-rgb: 148, 163, 184;
  --medal-bronze-start: #f5b78a;
  --medal-bronze-start-rgb: 245, 183, 138;
  --medal-bronze-end: #b8693a;
  --medal-bronze-end-rgb: 184, 105, 58;
  --tier-lower-start: #64748b;
  --tier-lower-start-rgb: 100, 116, 139;
  --tier-lower-end: #475569;
  --tier-lower-end-rgb: 71, 85, 105;
  --text-primary: #ffffff;
  --text-primary-rgb: 255, 255, 255;
  --text-secondary: #c8cad8;
  --text-secondary-rgb: 200, 202, 216;
  --text-tertiary: #7d8198;
  --text-tertiary-rgb: 125, 129, 152;
  --text-disabled: #3d4259;
  --text-disabled-rgb: 61, 66, 89;
  --tier-god-start: #ffe066;
  --tier-god-start-rgb: 255, 224, 102;
  --tier-god-end: #ffa733;
  --tier-god-end-rgb: 255, 167, 51;
  --tier-prestige-start: #a78bfa;
  --tier-prestige-start-rgb: 167, 139, 250;
  --tier-prestige-end: #7c5cff;
  --tier-prestige-end-rgb: 124, 92, 255;
  --tier-great-start: #34d399;
  --tier-great-start-rgb: 52, 211, 153;
  --tier-great-end: #059669;
  --tier-great-end-rgb: 5, 150, 105;
  --tier-good-start: #38bdf8;
  --tier-good-start-rgb: 56, 189, 248;
  --tier-good-end: #0284c7;
  --tier-good-end-rgb: 2, 132, 199;
  --tier-mid-start: #94a3b8;
  --tier-mid-start-rgb: 148, 163, 184;
  --tier-mid-end: #64748b;
  --tier-mid-end-rgb: 100, 116, 139;
  --tier-dropped-start: #f87171;
  --tier-dropped-start-rgb: 248, 113, 113;
  --tier-dropped-end: #dc2626;
  --tier-dropped-end-rgb: 220, 38, 38;
  --t-display-xxl-family: var(--font-playfair-display);
  --t-display-xxl-size: 38px;
  --t-display-xxl-weight: 700;
  --t-display-xxl-line-height: 1.158;
  --t-display-xxl-tracking: -0.03em;
  --t-display-xl-family: var(--font-playfair-display);
  --t-display-xl-size: 28px;
  --t-display-xl-weight: 600;
  --t-display-xl-line-height: 1.214;
  --t-display-xl-tracking: -0.02em;
  --t-screen-title-family: var(--font-plus-jakarta-sans);
  --t-screen-title-size: 24px;
  --t-screen-title-weight: 800;
  --t-screen-title-line-height: 1.25;
  --t-screen-title-tracking: -0.021em;
  --t-subpage-title-family: var(--font-plus-jakarta-sans);
  --t-subpage-title-size: 20px;
  --t-subpage-title-weight: 800;
  --t-subpage-title-line-height: 1.25;
  --t-subpage-title-tracking: -0.015em;
  --t-title-large-family: var(--font-plus-jakarta-sans);
  --t-title-large-size: 22px;
  --t-title-large-weight: 700;
  --t-title-large-line-height: 1.273;
  --t-title-large-tracking: -0.01em;
  --t-title-medium-family: var(--font-plus-jakarta-sans);
  --t-title-medium-size: 18px;
  --t-title-medium-weight: 600;
  --t-title-medium-line-height: 1.333;
  --t-title-medium-tracking: 0em;
  --t-body-large-family: var(--font-plus-jakarta-sans);
  --t-body-large-size: 15px;
  --t-body-large-weight: 400;
  --t-body-large-line-height: 1.467;
  --t-body-large-tracking: 0em;
  --t-body-medium-family: var(--font-plus-jakarta-sans);
  --t-body-medium-size: 13px;
  --t-body-medium-weight: 400;
  --t-body-medium-line-height: 1.385;
  --t-body-medium-tracking: 0em;
  --t-caption-family: var(--font-plus-jakarta-sans);
  --t-caption-size: 11px;
  --t-caption-weight: 500;
  --t-caption-line-height: 1.364;
  --t-caption-tracking: 0.02em;
  --t-headline-small-family: var(--font-plus-jakarta-sans);
  --t-headline-small-size: 16px;
  --t-headline-small-weight: 700;
  --t-headline-small-line-height: 1.375;
  --t-headline-small-tracking: -0.01em;
  --t-label-large-family: var(--font-plus-jakarta-sans);
  --t-label-large-size: 14px;
  --t-label-large-weight: 600;
  --t-label-large-line-height: 1.286;
  --t-label-large-tracking: 0.01em;
  --t-label-medium-family: var(--font-plus-jakarta-sans);
  --t-label-medium-size: 12px;
  --t-label-medium-weight: 600;
  --t-label-medium-line-height: 1.333;
  --t-label-medium-tracking: 0.01em;
  --t-label-small-family: var(--font-plus-jakarta-sans);
  --t-label-small-size: 11px;
  --t-label-small-weight: 600;
  --t-label-small-line-height: 1.273;
  --t-label-small-tracking: 0.01em;
  --t-mono-digits-family: var(--font-jet-brains-mono);
  --t-mono-digits-size: 14px;
  --t-mono-digits-weight: 700;
  --t-mono-digits-line-height: normal;
  --t-mono-digits-tracking: 0em;
  --t-score-hero-family: var(--font-plus-jakarta-sans);
  --t-score-hero-size: 32px;
  --t-score-hero-weight: 800;
  --t-score-hero-line-height: 1;
  --t-score-hero-tracking: -0.04em;
  --t-score-chip-family: var(--font-plus-jakarta-sans);
  --t-score-chip-size: 14px;
  --t-score-chip-weight: 700;
  --t-score-chip-line-height: 1;
  --t-score-chip-tracking: -0.02em;
  --t-score-mono-family: var(--font-jet-brains-mono);
  --t-score-mono-size: 14px;
  --t-score-mono-weight: 700;
  --t-score-mono-line-height: normal;
  --t-score-mono-tracking: 0em;
}

.t-display-xxl {
  font-family: var(--t-display-xxl-family);
  font-size: var(--t-display-xxl-size);
  font-weight: var(--t-display-xxl-weight);
  line-height: var(--t-display-xxl-line-height);
  letter-spacing: var(--t-display-xxl-tracking);
}
.t-display-xl {
  font-family: var(--t-display-xl-family);
  font-size: var(--t-display-xl-size);
  font-weight: var(--t-display-xl-weight);
  line-height: var(--t-display-xl-line-height);
  letter-spacing: var(--t-display-xl-tracking);
}
.t-screen-title {
  font-family: var(--t-screen-title-family);
  font-size: var(--t-screen-title-size);
  font-weight: var(--t-screen-title-weight);
  line-height: var(--t-screen-title-line-height);
  letter-spacing: var(--t-screen-title-tracking);
}
.t-subpage-title {
  font-family: var(--t-subpage-title-family);
  font-size: var(--t-subpage-title-size);
  font-weight: var(--t-subpage-title-weight);
  line-height: var(--t-subpage-title-line-height);
  letter-spacing: var(--t-subpage-title-tracking);
}
.t-title-large {
  font-family: var(--t-title-large-family);
  font-size: var(--t-title-large-size);
  font-weight: var(--t-title-large-weight);
  line-height: var(--t-title-large-line-height);
  letter-spacing: var(--t-title-large-tracking);
}
.t-title-medium {
  font-family: var(--t-title-medium-family);
  font-size: var(--t-title-medium-size);
  font-weight: var(--t-title-medium-weight);
  line-height: var(--t-title-medium-line-height);
  letter-spacing: var(--t-title-medium-tracking);
}
.t-body-large {
  font-family: var(--t-body-large-family);
  font-size: var(--t-body-large-size);
  font-weight: var(--t-body-large-weight);
  line-height: var(--t-body-large-line-height);
  letter-spacing: var(--t-body-large-tracking);
}
.t-body-medium {
  font-family: var(--t-body-medium-family);
  font-size: var(--t-body-medium-size);
  font-weight: var(--t-body-medium-weight);
  line-height: var(--t-body-medium-line-height);
  letter-spacing: var(--t-body-medium-tracking);
}
.t-caption {
  font-family: var(--t-caption-family);
  font-size: var(--t-caption-size);
  font-weight: var(--t-caption-weight);
  line-height: var(--t-caption-line-height);
  letter-spacing: var(--t-caption-tracking);
}
.t-headline-small {
  font-family: var(--t-headline-small-family);
  font-size: var(--t-headline-small-size);
  font-weight: var(--t-headline-small-weight);
  line-height: var(--t-headline-small-line-height);
  letter-spacing: var(--t-headline-small-tracking);
}
.t-label-large {
  font-family: var(--t-label-large-family);
  font-size: var(--t-label-large-size);
  font-weight: var(--t-label-large-weight);
  line-height: var(--t-label-large-line-height);
  letter-spacing: var(--t-label-large-tracking);
}
.t-label-medium {
  font-family: var(--t-label-medium-family);
  font-size: var(--t-label-medium-size);
  font-weight: var(--t-label-medium-weight);
  line-height: var(--t-label-medium-line-height);
  letter-spacing: var(--t-label-medium-tracking);
}
.t-label-small {
  font-family: var(--t-label-small-family);
  font-size: var(--t-label-small-size);
  font-weight: var(--t-label-small-weight);
  line-height: var(--t-label-small-line-height);
  letter-spacing: var(--t-label-small-tracking);
}
.t-mono-digits {
  font-family: var(--t-mono-digits-family);
  font-size: var(--t-mono-digits-size);
  font-weight: var(--t-mono-digits-weight);
  line-height: var(--t-mono-digits-line-height);
  letter-spacing: var(--t-mono-digits-tracking);
  font-variant-numeric: tabular-nums;
}
.t-score-hero {
  font-family: var(--t-score-hero-family);
  font-size: var(--t-score-hero-size);
  font-weight: var(--t-score-hero-weight);
  line-height: var(--t-score-hero-line-height);
  letter-spacing: var(--t-score-hero-tracking);
  font-variant-numeric: tabular-nums;
}
.t-score-chip {
  font-family: var(--t-score-chip-family);
  font-size: var(--t-score-chip-size);
  font-weight: var(--t-score-chip-weight);
  line-height: var(--t-score-chip-line-height);
  letter-spacing: var(--t-score-chip-tracking);
  font-variant-numeric: tabular-nums;
}
.t-score-mono {
  font-family: var(--t-score-mono-family);
  font-size: var(--t-score-mono-size);
  font-weight: var(--t-score-mono-weight);
  line-height: var(--t-score-mono-line-height);
  letter-spacing: var(--t-score-mono-tracking);
  font-variant-numeric: tabular-nums;
}