/* GENERATED — do not edit. packages/ui/scripts/generate-tokens.mjs */
/* AD-46 web root layer — closed contents only. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Inter-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Inter-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter Fallback';
  src: local(Arial), local(Helvetica Neue), local(sans-serif);
  size-adjust: 107.64%;
  ascent-override: 90%;
  descent-override: 22.43%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'IBM Plex Mono Fallback';
  src: local(Courier New), local(monospace);
  size-adjust: 100%;
}

:root {
  color-scheme: light;
  --sb-font-sans: 'Inter', 'Inter Fallback', ui-sans-serif, system-ui, sans-serif;
  --sb-font-mono: 'IBM Plex Mono', 'IBM Plex Mono Fallback', ui-monospace, monospace;
  --sb-canvas: #F6F7F9;
  --sb-raised: #FFFFFF;
  --sb-sunken: #EFF0F4;
  --sb-overlay: #0F11157A;
  --sb-ink: #0F1115;
  --sb-ink-2: #4A5160;
  --sb-ink-3: #626A78;
  --sb-ink-disabled: #9AA1AD;
  --sb-hairline: #E5E7EB;
  --sb-border-input: #838A97;
  --sb-brand: #7C3AED;
  --sb-brand-pressed: #6D28D9;
  --sb-on-brand: #FFFFFF;
  --sb-brand-tint: #F3EEFF;
  --sb-link: #6D28D9;
  --sb-focus: #7C3AED;
  --sb-positive: #0A7A46;
  --sb-positive-tint: #E7F6EE;
  --sb-caution: #8A5300;
  --sb-caution-tint: #FFF4DB;
  --sb-critical: #B42318;
  --sb-critical-tint: #FEECEB;
  --sb-on-critical: #FFFFFF;
  --sb-thumb-plate: #FFFFFF;
  --sb-chart-line: #0F1115;
  --sb-chart-typical: #626A78;
  --sb-chart-grid: #E5E7EB;
  --sb-row-height: 100px;
  --sb-row-standard: 100px;
  --sb-row-compact: 68px;
  --sb-row-list: 56px;
  --sb-row-web: 112px;
  --sb-row-compact-web: 72px;
  --sb-row-list-web: 48px;
  --sb-rail-left: 232px;
  --sb-rail-right: 300px;
  --sb-buybox: 360px;
  --sb-gutter: 16px;
  --sb-content-max: 1280px;
  --sb-breakpoint-medium: 600px;
  --sb-breakpoint-expanded: 1024px;
  --sb-constrained-height: 560px;
}

html[data-density=compact] {
  --sb-row-height: 68px;
}
html[data-density=list] {
  --sb-row-height: 56px;
}

html[data-theme=dark] {
  color-scheme: dark;
  --sb-canvas: #0E1013;
  --sb-raised: #171A1F;
  --sb-sunken: #0A0B0E;
  --sb-overlay: #000000A3;
  --sb-ink: #F2F4F7;
  --sb-ink-2: #B4BBC6;
  --sb-ink-3: #8D95A3;
  --sb-ink-disabled: #5A616C;
  --sb-hairline: #262A31;
  --sb-border-input: #6B7380;
  --sb-brand: #A78BFA;
  --sb-brand-pressed: #C4B5FD;
  --sb-on-brand: #0E1013;
  --sb-brand-tint: #251C3D;
  --sb-link: #C4B5FD;
  --sb-focus: #C4B5FD;
  --sb-positive: #4FD18B;
  --sb-positive-tint: #10291C;
  --sb-caution: #F2B544;
  --sb-caution-tint: #2B2210;
  --sb-critical: #FF8A80;
  --sb-critical-tint: #33171A;
  --sb-on-critical: #0E1013;
  --sb-thumb-plate: #FFFFFF;
  --sb-chart-line: #F2F4F7;
  --sb-chart-typical: #8D95A3;
  --sb-chart-grid: #262A31;
}

html, body {
  background-color: var(--sb-canvas);
  color: var(--sb-ink);
  font-family: var(--sb-font-sans);
}

@media (min-width: 600px) {
  :root {
    --sb-row-height: 112px;
    --sb-gutter: 24px;
  }
  html[data-density=compact] {
    --sb-row-height: 72px;
  }
  html[data-density=list] {
    --sb-row-height: 48px;
  }
}

/* Responsive show switches — only !important rules on the web */
@media (max-width: 599px) {
  html [data-sb-show=compact] { display: flex !important; }
  html [data-sb-show=medium] { display: none !important; }
  html [data-sb-show=expanded] { display: none !important; }
  html [data-sb-show=wide] { display: none !important; }
  html [data-sb-show=narrow] { display: flex !important; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  html [data-sb-show=compact] { display: none !important; }
  html [data-sb-show=medium] { display: flex !important; }
  html [data-sb-show=expanded] { display: none !important; }
  html [data-sb-show=narrow] { display: flex !important; }
}
@media (min-width: 1024px) {
  html [data-sb-show=compact] { display: none !important; }
  html [data-sb-show=medium] { display: none !important; }
  html [data-sb-show=expanded] { display: flex !important; }
  /* narrow (Feed chips) never shares the viewport with the expanded rails */
  html [data-sb-show=narrow] { display: none !important; }
}
/* medium and expanded together (the web shell header and footer) */
@media (min-width: 600px) {
  html [data-sb-show=wide] { display: flex !important; }
}
/* From a breakpoint up (the navbar's Search and links): hidden below it, the element's own display above */
@media (max-width: 599px) {
  html [data-sb-from=medium] { display: none !important; }
}

html [data-sb-pin] {
  position: sticky !important;
  bottom: 0 !important;
}
@media (max-height: 559px) {
  html [data-sb-pin] {
    position: static !important;
  }
}

html[data-sb-viewer=anon] [data-sb-viewer=member] { display: none !important; }
html[data-sb-viewer=anon] [data-sb-viewer=anon] { display: flex !important; }
html[data-sb-viewer=member] [data-sb-viewer=anon] { display: none !important; }
html[data-sb-viewer=member] [data-sb-viewer=member] { display: flex !important; }
html[data-sb-view=other] [data-sb-viewer=anon] { display: none !important; }
html[data-sb-view=other] [data-sb-viewer=member] { display: flex !important; }

html [data-sb-launch=prelaunch] { display: none !important; }
html[data-sb-launch=collect] [data-sb-launch=public] { display: none !important; }
html[data-sb-launch=testers] [data-sb-launch=public] { display: none !important; }
html[data-sb-launch=collect] [data-sb-launch=prelaunch] { display: flex !important; }
html[data-sb-launch=testers] [data-sb-launch=prelaunch] { display: flex !important; }

html [data-sb-grid=cell] { width: 100%; }
@media (min-width: 720px) and (max-width: 1023px) {
  html [data-sb-grid=cell] { width: 50% !important; }
}
@media (min-width: 1200px) {
  html [data-sb-grid=cell] { width: 50% !important; }
}