.v12 {
  --color-background-primary: rgba(250,250,248,1);
  --color-background-secondary: rgba(240,238,245,1);
  --color-text-primary: rgba(26,24,38,1);
  --color-text-on-dark: rgba(26,24,38,1);
  --color-text-secondary: rgba(92,88,116,1);
  --color-text-tertiary: rgba(107,103,138,1);
  --color-text-muted: rgba(94,91,120,1);
  --color-accent-purple: rgba(65,50,186,1);
  --color-accent-teal: rgba(13,115,111,1);
  --color-surface-white-7: rgba(26,24,38,0.04);
  --color-surface-white-12: rgba(26,24,38,0.06);
  --color-surface-purple-12: rgba(108,94,212,0.08);
  --color-surface-purple-20: rgba(108,94,212,0.15);
  --color-stroke-default: rgba(26,24,38,0.12);
  --color-stroke-purple: rgba(108,94,212,1);
  --color-stroke-teal: rgba(12,125,121,1);
  --color-divider: rgba(0,0,0,0.15);
  --color-surface-purple-40: rgba(108,94,212,0.25);
  --color-surface-teal-10: rgba(12,125,121,0.08);
  --color-surface-teal-20: rgba(12,125,121,0.15);
  --color-surface-scrim: rgba(250,250,248,0.85);
  --color-surface-white-30: rgba(26,24,38,0.12);
  --color-surface-white-50: rgba(26,24,38,0.4);
  --color-stroke-subtle: rgba(26,24,38,0.08);
  --color-stroke-medium: rgba(26,24,38,0.18);
  --color-status-warning: rgba(153,97,0,1);
  --color-status-success: rgba(17,126,57,1);
  --color-status-error: rgba(206,34,34,1);
  --color-status-info: rgba(29,114,175,1);
  --color-status-highlight: rgba(114,74,224,1);
  --color-button-primary-bg: rgba(108,94,212,1);
  --color-button-primary-text: rgba(255,255,255,1);
  --color-tag-default-bg: rgba(156,152,169,0.12);
  --color-tag-pink-bg: rgba(222,52,179,0.12);
  --color-tag-blue-bg: rgba(63,157,224,0.12);
  --color-tag-green-bg: rgba(28,207,94,0.12);
  --color-tag-amber-bg: rgba(255,165,10,0.12);
  --color-tag-orange-bg: rgba(249,115,22,0.12);
  --color-text-supporting-accessible: rgba(94,91,120,1);
  --spacing-0: 0px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-120: 120px;
  --spacing-6: 6px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-20: 20px;
  --spacing-128: 128px;
  --layout-content-max-width: 1256px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --radius-xl: 12px;
  --type-size-display: 80px;
  --type-size-h1: 48px;
  --type-size-h2: 24px;
  --type-size-body: 16px;
  --type-size-small: 14px;
  --type-size-label: 10px;
  --type-size-caption: 12px;
  --type-lineheight-h1: 60px;
  --type-lineheight-h2: 32px;
  --type-lineheight-body: 24px;
  --type-lineheight-label: 18px;
  --type-letterspacing-label: 1.12px;
  --type-lineheight-label-compact: 12px;
  --type-size-micro: 8px;
  --type-lineheight-micro: 16px;
  --type-letterspacing-wide: 2px;
  --type-size-title: 52px;
  --type-size-subtitle: 40px;
  --type-lineheight-subtitle: 48px;
  --type-lineheight-display-compact: 88px;
  --type-letterspacing-display: -2.4px;
  --type-letterspacing-tight: -1.04px;
  --type-letterspacing-snug: -0.8px;
  --type-letterspacing-default: 0px;
  --neutral-25: rgba(250,250,248,1);
  --neutral-50: rgba(243,242,247,1);
  --neutral-75: rgba(240,238,245,1);
  --neutral-400: rgba(156,152,169,1);
  --neutral-450: rgba(158,155,184,1);
  --neutral-475: rgba(107,103,138,1);
  --neutral-500: rgba(128,123,147,1);
  --neutral-525: rgba(94,91,120,1);
  --neutral-550: rgba(92,88,116,1);
  --neutral-900: rgba(22,20,31,1);
  --neutral-925: rgba(26,24,38,1);
  --neutral-950: rgba(8,7,13,1);
  --white: rgba(255,255,255,1);
  --black: rgba(0,0,0,1);
  --purple-400: rgba(153,144,225,1);
  --purple-450: rgba(114,74,224,1);
  --purple-500: rgba(130,119,219,1);
  --purple-600: rgba(108,94,212,1);
  --purple-700: rgba(65,50,186,1);
  --teal-500: rgba(25,223,217,1);
  --teal-600: rgba(12,125,121,1);
  --teal-800: rgba(11,101,98,1);
  --amber-500: rgba(255,165,10,1);
  --amber-600: rgba(153,97,0,1);
  --emerald-500: rgba(16,185,129,1);
  --emerald-600: rgba(12,150,105,1);
  --red-500: rgba(223,59,59,1);
  --red-600: rgba(206,34,34,1);
  --blue-500: rgba(63,157,224,1);
  --blue-600: rgba(29,114,175,1);
  --pink-500: rgba(222,52,179,1);
  --pink-700: rgba(154,25,121,1);
  --green-500: rgba(28,207,94,1);
  --green-700: rgba(17,127,57,1);
  --teal-700: rgba(13,115,111,1);
  --blue-700: rgba(27,106,163,1);
  --amber-700: rgba(143,91,0,1);
  --orange-500: rgba(249,115,22,1);
  --orange-700: rgba(168,78,13,1);
  --neutral-100: rgba(233,232,237,1);
  --neutral-200: rgba(214,213,221,1);
  --neutral-300: rgba(188,186,197,1);
  --neutral-600: rgba(102,98,122,1);
  --neutral-700: rgba(80,76,97,1);
  --neutral-800: rgba(59,55,72,1);
  --purple-50: rgba(246,246,249,1);
  --purple-100: rgba(224,221,242,1);
  --purple-200: rgba(199,193,239,1);
  --purple-300: rgba(176,168,232,1);
  --purple-800: rgba(46,35,131,1);
  --purple-900: rgba(30,24,71,1);
  --purple-950: rgba(10,9,17,1);
  --teal-50: rgba(246,249,249,1);
  --teal-100: rgba(203,243,241,1);
  --teal-200: rgba(152,244,241,1);
  --teal-300: rgba(108,239,234,1);
  --teal-400: rgba(64,234,228,1);
  --teal-900: rgba(11,58,56,1);
  --teal-950: rgba(7,18,18,1);
  --blue-50: rgba(246,248,249,1);
  --blue-100: rgba(211,229,242,1);
  --blue-200: rgba(170,212,241,1);
  --blue-300: rgba(134,193,235,1);
  --blue-400: rgba(99,175,230,1);
  --blue-800: rgba(19,76,116,1);
  --blue-900: rgba(16,44,65,1);
  --blue-950: rgba(8,14,18,1);
  --green-50: rgba(246,249,247,1);
  --green-100: rgba(202,241,216,1);
  --green-200: rgba(150,241,183,1);
  --green-300: rgba(105,234,152,1);
  --green-400: rgba(59,228,121,1);
  --green-600: rgba(17,126,57,1);
  --green-800: rgba(13,92,42,1);
  --green-900: rgba(12,54,27,1);
  --green-950: rgba(7,18,11,1);
  --amber-50: rgba(250,248,245,1);
  --amber-100: rgba(248,231,201,1);
  --amber-200: rgba(255,216,148,1);
  --amber-300: rgba(255,199,102,1);
  --amber-400: rgba(255,182,56,1);
  --amber-800: rgba(122,78,0,1);
  --amber-900: rgba(68,45,6,1);
  --amber-950: rgba(20,15,6,1);
  --red-50: rgba(249,246,246,1);
  --red-100: rgba(242,210,210,1);
  --red-200: rgba(241,169,169,1);
  --red-300: rgba(235,132,132,1);
  --red-400: rgba(229,96,96,1);
  --red-700: rgba(160,26,26,1);
  --red-800: rgba(114,19,19,1);
  --red-900: rgba(64,15,15,1);
  --red-950: rgba(18,8,8,1);
  --pink-50: rgba(249,246,248,1);
  --pink-100: rgba(242,209,233,1);
  --pink-200: rgba(240,166,222,1);
  --pink-300: rgba(234,128,208,1);
  --pink-400: rgba(228,90,194,1);
  --pink-600: rgba(197,32,156,1);
  --pink-800: rgba(110,18,87,1);
  --pink-900: rgba(62,15,50,1);
  --pink-950: rgba(18,8,15,1);
  --border-width-thin: 1px;
  --border-width-default: 1.5px;
  --border-width-thick: 2px;
  --motion-duration-fast: 150ms;
  --motion-duration-normal: 250ms;
  --motion-duration-slow: 400ms;
  --motion-duration-slower: 600ms;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1440px;
  --opacity-4: 4;
  --opacity-5: 5;
  --opacity-6: 6;
  --opacity-7: 7;
  --opacity-8: 8;
  --opacity-10: 10;
  --opacity-12: 12;
  --opacity-15: 15;
  --opacity-18: 18;
  --opacity-20: 20;
  --opacity-25: 25;
  --opacity-30: 30;
  --opacity-40: 40;
  --opacity-50: 50;
  --opacity-85: 85;
  --section-padding-block: 96px;
}
@media(max-width:1199px){.v12{
  --type-size-display: 56px;
  --type-size-h1: 40px;
  --type-size-h2: 22px;
  --type-size-body: 16px;
  --type-size-small: 14px;
  --type-size-label: 10px;
  --type-size-caption: 12px;
  --type-lineheight-h1: 48px;
  --type-lineheight-h2: 30px;
  --type-lineheight-body: 24px;
  --type-lineheight-label: 18px;
  --type-letterspacing-label: 1.12px;
  --type-lineheight-label-compact: 12px;
  --type-size-micro: 8px;
  --type-lineheight-micro: 16px;
  --type-letterspacing-wide: 2px;
  --type-size-title: 40px;
  --type-size-subtitle: 32px;
  --type-lineheight-subtitle: 40px;
  --type-lineheight-display-compact: 64px;
  --type-letterspacing-display: -1.12px;
  --type-letterspacing-tight: -1.04px;
  --type-letterspacing-snug: -0.8px;
  --type-letterspacing-default: 0px;
  --section-padding-block: 64px;
}}
@media(max-width:767px){.v12{
  --type-size-display: 40px;
  --type-size-h1: 32px;
  --type-size-h2: 20px;
  --type-size-body: 16px;
  --type-size-small: 14px;
  --type-size-label: 10px;
  --type-size-caption: 12px;
  --type-lineheight-h1: 40px;
  --type-lineheight-h2: 28px;
  --type-lineheight-body: 24px;
  --type-lineheight-label: 18px;
  --type-letterspacing-label: 1.12px;
  --type-lineheight-label-compact: 12px;
  --type-size-micro: 8px;
  --type-lineheight-micro: 16px;
  --type-letterspacing-wide: 2px;
  --type-size-title: 32px;
  --type-size-subtitle: 24px;
  --type-lineheight-subtitle: 32px;
  --type-lineheight-display-compact: 48px;
  --type-letterspacing-display: -0.8px;
  --type-letterspacing-tight: -1.04px;
  --type-letterspacing-snug: -0.8px;
  --type-letterspacing-default: 0px;
  --section-padding-block: 48px;
}}
@media(max-width:374px){.v12{
  --type-size-display: 32px;
  --type-size-h1: 32px;
  --type-size-h2: 20px;
  --type-size-body: 16px;
  --type-size-small: 14px;
  --type-size-label: 10px;
  --type-size-caption: 12px;
  --type-lineheight-h1: 36px;
  --type-lineheight-h2: 28px;
  --type-lineheight-body: 24px;
  --type-lineheight-label: 18px;
  --type-letterspacing-label: 1.12px;
  --type-lineheight-label-compact: 12px;
  --type-size-micro: 8px;
  --type-lineheight-micro: 16px;
  --type-letterspacing-wide: 2px;
  --type-size-title: 28px;
  --type-size-subtitle: 24px;
  --type-lineheight-subtitle: 32px;
  --type-lineheight-display-compact: 38px;
  --type-letterspacing-display: -0.64px;
  --type-letterspacing-tight: -1.04px;
  --type-letterspacing-snug: -0.8px;
  --type-letterspacing-default: 0px;
  --section-padding-block: 48px;
}}
.v12[data-theme="dark"]{
  --color-background-primary: rgba(8,7,13,1);
  --color-background-secondary: rgba(22,20,31,1);
  --color-text-primary: rgba(243,242,247,1);
  --color-text-on-dark: rgba(255,255,255,1);
  --color-text-secondary: rgba(156,152,169,1);
  --color-text-tertiary: rgba(158,155,184,1);
  --color-text-muted: rgba(128,123,147,1);
  --color-accent-purple: rgba(130,119,219,1);
  --color-accent-teal: rgba(25,223,217,1);
  --color-surface-white-7: rgba(255,255,255,0.07);
  --color-surface-white-12: rgba(255,255,255,0.12);
  --color-surface-purple-12: rgba(130,119,219,0.12);
  --color-surface-purple-20: rgba(130,119,219,0.2);
  --color-stroke-default: rgba(255,255,255,0.07);
  --color-stroke-purple: rgba(130,119,219,1);
  --color-stroke-teal: rgba(25,223,217,1);
  --color-divider: rgba(255,255,255,0.15);
  --color-surface-purple-40: rgba(130,119,219,0.4);
  --color-surface-teal-10: rgba(25,223,217,0.1);
  --color-surface-teal-20: rgba(25,223,217,0.2);
  --color-surface-scrim: rgba(8,7,13,0.85);
  --color-surface-white-30: rgba(255,255,255,0.3);
  --color-surface-white-50: rgba(255,255,255,0.5);
  --color-stroke-subtle: rgba(255,255,255,0.04);
  --color-stroke-medium: rgba(255,255,255,0.12);
  --color-status-warning: rgba(255,165,10,1);
  --color-status-success: rgba(28,207,94,1);
  --color-status-error: rgba(223,59,59,1);
  --color-status-info: rgba(63,157,224,1);
  --color-status-highlight: rgba(153,144,225,1);
  --color-button-primary-bg: rgba(108,94,212,1);
  --color-button-primary-text: rgba(255,255,255,1);
  --color-tag-default-bg: rgba(156,152,169,0.12);
  --color-tag-pink-bg: rgba(222,52,179,0.12);
  --color-tag-blue-bg: rgba(63,157,224,0.12);
  --color-tag-green-bg: rgba(28,207,94,0.12);
  --color-tag-amber-bg: rgba(255,165,10,0.12);
  --color-tag-orange-bg: rgba(249,115,22,0.12);
  --color-text-supporting-accessible: rgba(156,152,169,1);
}