:root { --brand: #E19F05; --neutral: #767676; --success: oklch(0.7139 0.1762 153.08); --warning: oklch(0.7064 0.1872 47.14); --error: oklch(0.6471 0.2288 22.47); --brand-50: color-mix(in oklch, var(--brand), white 92%); --brand-100: color-mix(in oklch, var(--brand), white 82%); --brand-200: color-mix(in oklch, var(--brand), white 65%); --brand-300: color-mix(in oklch, var(--brand), white 50%); --brand-400: color-mix(in oklch, var(--brand), white 30%); --brand-600: color-mix(in oklch, var(--brand), black 10%); --brand-700: color-mix(in oklch, var(--brand), black 25%); --brand-800: color-mix(in oklch, var(--brand), black 45%); --brand-900: color-mix(in oklch, var(--brand), black 65%); --brand-950: color-mix(in oklch, var(--brand), black 82%); --neutral-00: color-mix(in oklch, var(--neutral), white 100%); --neutral-50: color-mix(in oklch, var(--neutral), white 95%); --neutral-100: color-mix(in oklch, var(--neutral), white 88%); --neutral-200: color-mix(in oklch, var(--neutral), white 72%); --neutral-300: color-mix(in oklch, var(--neutral), white 58%); --neutral-400: color-mix(in oklch, var(--neutral), white 40%); --neutral-600: color-mix(in oklch, var(--neutral), black 12%); --neutral-700: color-mix(in oklch, var(--neutral), black 28%); --neutral-800: color-mix(in oklch, var(--neutral), black 48%); --neutral-900: color-mix(in oklch, var(--neutral), black 70%); --neutral-950: color-mix(in oklch, var(--neutral), black 85%); --success-50: color-mix(in oklch, var(--success), white 92%); --success-100: color-mix(in oklch, var(--success), white 82%); --success-200: color-mix(in oklch, var(--success), white 65%); --success-300: color-mix(in oklch, var(--success), white 50%); --success-400: color-mix(in oklch, var(--success), white 30%); --success-600: color-mix(in oklch, var(--success), black 10%); --success-700: color-mix(in oklch, var(--success), black 25%); --success-800: color-mix(in oklch, var(--success), black 45%); --success-900: color-mix(in oklch, var(--success), black 65%); --success-950: color-mix(in oklch, var(--success), black 82%); --warning-50: color-mix(in oklch, var(--warning), white 92%); --warning-100: color-mix(in oklch, var(--warning), white 82%); --warning-200: color-mix(in oklch, var(--warning), white 65%); --warning-300: color-mix(in oklch, var(--warning), white 50%); --warning-400: color-mix(in oklch, var(--warning), white 30%); --warning-600: color-mix(in oklch, var(--warning), black 10%); --warning-700: color-mix(in oklch, var(--warning), black 25%); --warning-800: color-mix(in oklch, var(--warning), black 45%); --warning-900: color-mix(in oklch, var(--warning), black 65%); --warning-950: color-mix(in oklch, var(--warning), black 82%); --error-50: color-mix(in oklch, var(--error), white 92%); --error-100: color-mix(in oklch, var(--error), white 82%); --error-200: color-mix(in oklch, var(--error), white 65%); --error-300: color-mix(in oklch, var(--error), white 50%); --error-400: color-mix(in oklch, var(--error), white 30%); --error-600: color-mix(in oklch, var(--error), black 10%); --error-700: color-mix(in oklch, var(--error), black 25%); --error-800: color-mix(in oklch, var(--error), black 45%); --error-900: color-mix(in oklch, var(--error), black 65%); --error-950: color-mix(in oklch, var(--error), black 82%); --font-base-mobile: 0.875rem; --font-base-desktop: 1rem; --font-xs: clamp(calc(var(--font-base-mobile) * 0.8),calc(0.0968523002vw + 0.6773607748rem),calc(var(--font-base-desktop) * 0.75)); --font-sm: clamp(calc(var(--font-base-mobile) * 0.894427191),calc(0.1615527587vw + 0.7448608348rem),calc(var(--font-base-desktop) * 0.8660254038)); --font-md: clamp(var(--font-base-mobile),calc(0.2421307506vw + 0.818401937rem),var(--font-base-desktop)); --font-lg: clamp(calc(var(--font-base-mobile) * 1.25),calc(0.4640839387vw + 0.9852703793rem),calc(var(--font-base-desktop) * 1.3333333333)); --font-xl: clamp(calc(var(--font-base-mobile) * 1.5625),calc(0.7953322572vw + 1.1812785849rem),calc(var(--font-base-desktop) * 1.7777777778)); --font-2xl: clamp(calc(var(--font-base-mobile) * 1.953125),calc(1.2811351vw + 1.4095190454rem),calc(var(--font-base-desktop) * 2.3703703704)); --font-3xl: clamp(calc(var(--font-base-mobile) * 2.44140625),calc(1.9840452463vw + 1.6724598924rem),calc(var(--font-base-desktop) * 3.1604938272)); --space-3xs: clamp(0.21875rem,calc(0.0605326877vw + 0.2046004843rem),0.25rem); --space-2xs: clamp(0.4375rem,calc(0.1210653753vw + 0.4092009685rem),0.5rem); --space-xs: clamp(0.65625rem,calc(0.181598063vw + 0.6138014528rem),0.75rem); --space-sm: clamp(0.875rem,calc(0.2421307506vw + 0.818401937rem),1rem); --space-md: clamp(1.3125rem,calc(0.3631961259vw + 1.2276029056rem),1.5rem); --space-lg: clamp(1.75rem,calc(0.4842615012vw + 1.6368038741rem),2rem); --space-xl: clamp(2.625rem,calc(0.7263922518vw + 2.4552058111rem),3rem); --space-2xl: clamp(3.5rem,calc(0.9685230024vw + 3.2736077482rem),4rem); --space-3xl: clamp(5.25rem,calc(1.4527845036vw + 4.9104116223rem),6rem); --radius-circle: 50dvh; --radius-pill: 9999px; --radius-xs: calc(var(--radius-ref-xs) * var(--radius-factor)); --radius-sm: calc(var(--radius-ref-sm) * var(--radius-factor)); --radius-md: calc(var(--radius-ref-md) * var(--radius-factor)); --radius-lg: calc(var(--radius-ref-lg) * var(--radius-factor)); --radius-xl: calc(var(--radius-ref-xl) * var(--radius-factor)); --radius-xxl: calc(var(--radius-ref-xxl) * var(--radius-factor)); --radius-factor: 1;}.fs-base-mobile { font-size: var(--font-base-mobile); }.fs-base-desktop { font-size: var(--font-base-desktop); }.fs-xs { font-size: var(--font-xs); }.fs-sm { font-size: var(--font-sm); }.fs-md { font-size: var(--font-md); }.fs-lg { font-size: var(--font-lg); }.fs-xl { font-size: var(--font-xl); }.fs-2xl { font-size: var(--font-2xl); }.fs-3xl { font-size: var(--font-3xl); }.m-3xs { margin: var(--space-3xs); }.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-sm { margin: var(--space-sm); }.m-md { margin: var(--space-md); }.m-lg { margin: var(--space-lg); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.m-3xl { margin: var(--space-3xl); }.p-3xs { padding: var(--space-3xs); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-sm { padding: var(--space-sm); }.p-md { padding: var(--space-md); }.p-lg { padding: var(--space-lg); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.gap-3xs { gap: var(--space-3xs); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-sm { gap: var(--space-sm); }.gap-md { gap: var(--space-md); }.gap-lg { gap: var(--space-lg); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.rounded-none { border-radius: var(--radius-none); }.rounded-circle { border-radius: var(--radius-circle); }.rounded-pill { border-radius: var(--radius-pill); }.rounded-xs { border-radius: var(--radius-xs); }.rounded-sm { border-radius: var(--radius-sm); }.rounded-md { border-radius: var(--radius-md); }.rounded-lg { border-radius: var(--radius-lg); }.rounded-xl { border-radius: var(--radius-xl); }.rounded-xxl { border-radius: var(--radius-xxl); }.rounded-factor { border-radius: var(--radius-factor); }