@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("/brand/ibm-plex-mono-400.ttf"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("/brand/ibm-plex-mono-500.ttf"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url("/brand/ibm-plex-sans-400.ttf"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 500; src: url("/brand/ibm-plex-sans-500.ttf"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 600; src: url("/brand/ibm-plex-sans-600.ttf"); }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-display: swap; font-weight: 500; src: url("/brand/schibsted-grotesk-500.ttf"); }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-display: swap; font-weight: 700; src: url("/brand/schibsted-grotesk-700.ttf"); }
@font-face { font-family: "Schibsted Grotesk"; font-style: normal; font-display: swap; font-weight: 800; src: url("/brand/schibsted-grotesk-800.ttf"); }
html[data-brand="vipixel"] {
  color-scheme: dark;
  --brand-boot-background: #0B0D0F;
  --brand-boot-ink: #A9B0B7;
  --font-display: "Schibsted Grotesk", sans-serif;
  --font-sans: "IBM Plex Sans", "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", "Noto Sans", system-ui, sans-serif;
  --font-condensed: "IBM Plex Sans", system-ui, sans-serif;
  --color-zinc-50: #F2F4F5;
  --color-zinc-100: #F2F4F5;
  --color-zinc-200: #D5DADF;
  --color-zinc-300: #A9B0B7;
  --color-zinc-400: #A9B0B7;
  --color-zinc-500: #8C949C;
  --color-zinc-600: #59616A;
  --color-zinc-700: #2A2F35;
  --color-zinc-800: #1D2125;
  --color-zinc-900: #16191C;
  --color-zinc-950: #0F1113;
  --color-emerald-50: #FFF0EE;
  --color-emerald-100: #FFDBD5;
  --color-emerald-200: #FFB3AA;
  --color-emerald-300: #FF8A7E;
  --color-emerald-400: #D92D20;
  --color-emerald-500: #D92D20;
  --color-emerald-600: #B42318;
  --color-emerald-700: #912018;
  --color-emerald-800: #631B16;
  --color-emerald-900: #3B1714;
  --color-emerald-950: #271411;
  --color-rose-300: #FF8A7E;
  --color-rose-400: #D92D20;
  --color-rose-500: #D92D20;
  --color-rose-700: #912018;
  --color-rose-800: #631B16;
  --color-rose-900: #3B1714;
  --color-rose-950: #271411;
  --color-red-300: #FF8A7E;
  --color-red-400: #D92D20;
  --color-red-500: #D92D20;
  --color-red-700: #912018;
  --color-red-900: #3B1714;
  --color-red-950: #271411;
  --color-velvet: #0B0D0F;
  --color-velvet-raised: #16191C;
  --color-cream: #F2F4F5;
  --color-marquee: #D92D20;
  --color-crimson: #D92D20;
  --color-ground: #0F1113;
  --color-surface: #16191C;
  --color-raised: #1D2125;
  --color-sunken: #0B0D0F;
  --color-overlay: #16191C;
  --color-ink: #F2F4F5;
  --color-ink-strong: #F2F4F5;
  --color-ink-muted: #A9B0B7;
  --color-ink-faint: #8C949C;
  --color-ink-on-accent: #FFFFFF;
  --color-line: #2A2F35;
  --color-line-strong: #59616A;
  --color-line-faint: #1D2125;
  --color-accent: #D92D20;
  --color-accent-strong: #B42318;
  --color-accent-soft: #271411;
  --color-accent-ink: #FFFFFF;
  --color-danger: #FF8A7E;
  --color-danger-soft: #271411;
  --color-warn: #F5B544;
  --color-warn-soft: #271F11;
  --color-ok: #6FD3C8;
  --color-ok-soft: #102B28;
  --color-info: #9DB4FF;
  --color-info-soft: #181F32;
  --color-focus: #D92D20;
  --font-mono: "IBM Plex Mono", monospace;
  --radius-sm: 0.5rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.5rem;
  --radius-panel: 0.5rem;
  --spacing: 0.25rem;
  --dur-fast: 150ms;
  --dur-med: 200ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --color-line-subtle: #1D2125;
  --color-line-hover: #8C949C;
  --color-ink-max: #FFFFFF;
  --color-ink-soft: #A9B0B7;
  --color-ink-ghost: #59616A;
  --color-on-accent: #FFFFFF;
  --color-accent-200: #FFB3AA;
  --color-accent-300: #FF8A7E;
  --color-accent-400: #D92D20;
  --color-accent-500: #D92D20;
  --color-accent-600: #B42318;
  --color-accent-700: #912018;
  --color-accent-800: #631B16;
  --color-accent-900: #3B1714;
  --color-accent-950: #271411;
  --color-warn-200: #FFE099;
  --color-warn-300: #F9CA72;
  --color-warn-400: #F5B544;
  --color-warn-500: #D99B32;
  --color-warn-700: #8C5C15;
  --color-warn-800: #5C3B10;
  --color-warn-900: #38280F;
  --color-warn-950: #271F11;
  --color-danger-300: #FF8A7E;
  --color-danger-400: #D92D20;
  --color-danger-700: #912018;
  --color-danger-950: #271411;
  --color-info-700: #4C6097;
  --color-screen: #0B0D0F;
  --color-lamp-top: transparent;
  --color-lamp-low: transparent;
  --font-display-weight: 800;
  --font-display-case: none;
  --font-display-tracking: -0.03em;
  --font-display-leading: 1.05;
  --font-credit-tracking: 0.08em;
  --color-panel-rim: #16191C;
  --color-panel-rim-line: #2A2F35;
  --color-panel-top: #16191C;
  --color-panel-bottom: #16191C;
  --color-panel-shadow: rgb(0 0 0 / 0.35);
  --color-cta-top: #D92D20;
  --color-cta-bottom: #D92D20;
  --color-cta-ink: #FFFFFF;
  --color-cta-sheen: transparent;
  --color-cta-sheen-hover: rgb(255 255 255 / 0.08);
  --color-cta-glow: transparent;
  --color-cta-glow-hover: transparent;
  --color-cta-glow-quiet: transparent;
  --color-bar-rim: #2A2F35;
  --color-bar-shadow: rgb(0 0 0 / 0.2);
  --color-variant-line: #2A2F35;
  --color-variant-subject: #A9B0B7;
  --color-variant-ray: #8C949C;
  --color-variant-camera: #16191C;
  --color-variant-safe: #6FD3C8;
  --color-variant-warn: #F5B544;
  --color-variant-cone: rgb(111 211 200 / 0.12);
  --color-entity-ring: rgb(111 211 200 / 0.12);
  --font-credit-weight: 600;
  --font-credit-case: uppercase;
  --color-checker-dark: #16191C;
  --color-checker-light: #2A2F35;
  --color-inpaint-brush: #6FD3C8;
  --color-blender-panel: #16191C;
  --color-blender-grid: #0F1113;
  --color-blender-grid-line: #2A2F35;
  --color-blender-sidebar: #1D2125;
  --color-blender-tab-active: #D92D20;
  --color-blender-tab: #8C949C;
  --color-blender-card: #16191C;
  --color-blender-code: #0B0D0F;
  --color-accent-50: #FFF0EE;
  --color-accent-100: #FFDBD5;
  --color-rose-50: #FFF0EE;
  --color-rose-100: #FFDBD5;
  --color-rose-200: #FFB3AA;
  --color-rose-600: #B42318;
  --color-red-50: #FFF0EE;
  --color-red-100: #FFDBD5;
  --color-red-200: #FFB3AA;
  --color-red-600: #B42318;
  --color-red-800: #631B16;
  --color-danger-50: #FFF0EE;
  --color-danger-100: #FFDBD5;
  --color-danger-200: #FFB3AA;
  --color-danger-500: #D92D20;
  --color-danger-600: #B42318;
  --color-danger-800: #631B16;
  --color-danger-900: #3B1714;
  --color-warn-50: #FFF7E6;
  --color-warn-100: #FFEDC2;
  --color-warn-600: #B87F20;
  --color-info-50: #F0F3FF;
  --color-info-100: #E0E7FF;
  --color-info-200: #C9D5FF;
  --color-info-300: #B1C3FF;
  --color-info-400: #9DB4FF;
  --color-info-500: #8099E0;
  --color-info-600: #627ABB;
  --color-info-800: #34436D;
  --color-info-900: #242E4A;
  --color-info-950: #181F32;
}
html[data-brand="vipixel"] .marquee-cta {
  background: var(--color-accent);
  color: var(--color-on-accent);
}
html[data-brand="vipixel"] .marquee-cta:disabled {
  filter: none;
}