/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
--lui-border-radius-circle: 1000000px;
  --lui-border-radius-lg: var(--lui-brand-border-radius-lg);
  --lui-border-radius-md: var(--lui-brand-border-radius-md);
  --lui-border-radius-none: 0;
  --lui-border-radius-sm: var(--lui-brand-border-radius-sm);
  --lui-border-radius-xl: var(--lui-brand-border-radius-xl);
  --lui-border-radius-xs: var(--lui-brand-border-radius-xs);
  --lui-border-width-0: 0;
  --lui-border-width-1: 1px;
  --lui-border-width-2: 2px;
  --lui-border-width-4: 4px;
  --lui-brand-border-radius-lg: 12px;
  --lui-brand-border-radius-md: 8px;
  --lui-brand-border-radius-sm: 4px;
  --lui-brand-border-radius-xl: 16px;
  --lui-brand-border-radius-xs: 2px;
  --lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
  --lui-color-primary-background-surface: var(--lui-brand-color-primary-1);
  --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
  --lui-color-link-default: var(--lui-brand-color-primary-4);
  --lui-color-primary-background-container: var(--lui-brand-color-primary-4);
  --lui-color-primary-border-stroke: var(--lui-brand-color-primary-4);
  --lui-color-primary-icon-default: var(--lui-brand-color-primary-4);
  --lui-color-primary-text-body: var(--lui-brand-color-primary-4);
  --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
  --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
  --lui-color-link-visited: var(--lui-brand-color-primary-6);
  --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
  --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-secondary-1: rgb(100% 100% 100%);
  --lui-color-secondary-background-surface: var(--lui-brand-color-secondary-1);
  --lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);
  --lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);
  --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
  --lui-color-secondary-background-container: var(--lui-brand-color-secondary-4);
  --lui-color-secondary-border-stroke: var(--lui-brand-color-secondary-4);
  --lui-color-secondary-icon-default: var(--lui-brand-color-secondary-4);
  --lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);
  --lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);
  --lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);
  --lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%);
  --lui-brand-opacity-disabled: 0.4;
  --lui-opacity-disabled: var(--lui-brand-opacity-disabled);
  --lui-brand-typography-font-family-body: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-family-heading: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-size-1xl: clamp(1.402rem, 1.21rem + 0.96vw, 2.074rem);
  --lui-brand-typography-font-size-1xs: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
  --lui-brand-typography-font-size-2xl: clamp(1.577rem, 1.3167rem + 1.3014vw, 2.488rem);
  --lui-brand-typography-font-size-2xs: clamp(0.778rem, 0.7623rem + 0.0786vw, 0.833rem);
  --lui-brand-typography-font-size-3xl: clamp(2.245rem, 1.6579rem + 2.9357vw, 4.3rem);
  --lui-brand-typography-font-size-3xs: clamp(0.691rem, 0.6901rem + 0.0043vw, 0.694rem);
  --lui-brand-typography-font-size-lg: clamp(1.246rem, 1.1083rem + 0.6886vw, 1.728rem);
  --lui-brand-typography-font-size-md: clamp(1.107rem, 1.0119rem + 0.4757vw, 1.44rem);
  --lui-brand-typography-font-size-sm: clamp(0.984rem, 0.9223rem + 0.3086vw, 1.2rem);
  --lui-brand-typography-line-height-body: 1.5;
  --lui-brand-typography-line-height-heading: 1.2;
  --lui-brand-typography-weight-block-title: var(--lui-typography-weight-medium);
  --lui-brand-typography-weight-display: var(--lui-typography-weight-light);
  --lui-brand-typography-weight-headline: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-overtitle: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-subheadline: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-subtitle: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-title: var(--lui-typography-weight-semibold);
  --lui-color-blue-1: rgb(92.157% 96.863% 100%);
  --lui-color-info-background-surface: var(--lui-color-blue-1);
  --lui-color-blue-2: rgb(70.196% 87.059% 99.216%);
  --lui-color-blue-3: rgb(49.412% 77.255% 98.431%);
  --lui-color-blue-4: rgb(20% 60.784% 94.118%);
  --lui-color-info-background-container: var(--lui-color-blue-4);
  --lui-color-info-border-stroke: var(--lui-color-blue-4);
  --lui-color-info-icon-default: var(--lui-color-blue-4);
  --lui-color-blue-5: rgb(10.98% 53.725% 89.412%);
  --lui-color-blue-6: rgb(4.7059% 43.922% 77.647%);
  --lui-color-blue-7: rgb(1.1765% 26.275% 48.235%);
  --lui-color-blue-8: rgb(0% 10.588% 20%);
  --lui-color-caution-background-container: var(--lui-color-orange-4);
  --lui-color-caution-background-surface: var(--lui-color-orange-1);
  --lui-color-caution-border-stroke: var(--lui-color-orange-4);
  --lui-color-caution-icon-default: var(--lui-color-orange-4);
  --lui-color-danger-background-container: var(--lui-color-red-4);
  --lui-color-danger-background-surface: var(--lui-color-red-1);
  --lui-color-danger-border-stroke: var(--lui-color-red-4);
  --lui-color-danger-icon-default: var(--lui-color-red-4);
  --lui-color-danger-text-error: var(--lui-color-red-4);
  --lui-color-gray-1: rgb(100% 100% 100%);
  --lui-color-neutral-background-surface: var(--lui-color-gray-1);
  --lui-color-neutral-icon-inverse: var(--lui-color-gray-1);
  --lui-color-neutral-text-inverse: var(--lui-color-gray-1);
  --lui-color-gray-2: rgb(93.333% 92.549% 94.51%);
  --lui-color-neutral-border-divisor: var(--lui-color-gray-2);
  --lui-color-gray-3: rgb(78.039% 79.216% 83.137%);
  --lui-color-neutral-background-container: var(--lui-color-gray-3);
  --lui-color-gray-4: rgb(42.353% 43.922% 50.588%);
  --lui-color-neutral-border-stroke: var(--lui-color-gray-4);
  --lui-color-gray-5: rgb(32.941% 34.51% 40.392%);
  --lui-color-gray-6: rgb(23.922% 25.49% 30.196%);
  --lui-color-gray-7: rgb(15.686% 16.863% 20%);
  --lui-color-neutral-text-body: var(--lui-color-gray-7);
  --lui-color-gray-8: rgb(7.451% 8.2353% 9.8039%);
  --lui-color-neutral-background-overlay: var(--lui-color-gray-8);
  --lui-color-neutral-icon-default: var(--lui-color-gray-8);
  --lui-color-neutral-text-heading: var(--lui-color-gray-8);
  --lui-color-green-1: rgb(90.196% 100% 91.765%);
  --lui-color-success-background-surface: var(--lui-color-green-1);
  --lui-color-green-2: rgb(66.275% 93.725% 70.98%);
  --lui-color-green-3: rgb(46.275% 87.451% 52.941%);
  --lui-color-green-4: rgb(17.647% 66.275% 26.275%);
  --lui-color-success-background-container: var(--lui-color-green-4);
  --lui-color-success-border-stroke: var(--lui-color-green-4);
  --lui-color-success-icon-default: var(--lui-color-green-4);
  --lui-color-green-5: rgb(9.8039% 50.98% 17.255%);
  --lui-color-green-6: rgb(4.7059% 36.078% 10.588%);
  --lui-color-green-7: rgb(1.9608% 21.176% 5.8824%);
  --lui-color-green-8: rgb(0.39216% 5.8824% 1.5686%);
  --lui-color-orange-1: rgb(100% 77.255% 67.843%);
  --lui-color-orange-2: rgb(100% 67.059% 49.02%);
  --lui-color-orange-3: rgb(100% 60.392% 31.373%);
  --lui-color-orange-4: rgb(86.275% 45.098% 5.098%);
  --lui-color-orange-5: rgb(72.941% 36.078% 0%);
  --lui-color-orange-6: rgb(59.216% 29.02% 0%);
  --lui-color-orange-7: rgb(45.49% 21.961% 0%);
  --lui-color-orange-8: rgb(32.157% 14.902% 0%);
  --lui-color-red-1: rgb(100% 85.882% 85.882%);
  --lui-color-red-2: rgb(99.216% 66.275% 66.275%);
  --lui-color-red-3: rgb(98.824% 47.451% 47.451%);
  --lui-color-red-4: rgb(83.137% 20% 19.608%);
  --lui-color-red-5: rgb(68.235% 12.549% 11.765%);
  --lui-color-red-6: rgb(53.725% 7.8431% 7.0588%);
  --lui-color-red-7: rgb(38.824% 5.098% 4.3137%);
  --lui-color-red-8: rgb(23.922% 3.1373% 2.3529%);
  --lui-color-state-hovered: rgb(0% 0% 0% / 0.24);
  --lui-color-state-pressed: rgb(0% 0% 0% / 0.4);
  --lui-color-violet-1: rgb(92.941% 83.922% 100%);
  --lui-color-violet-2: rgb(85.098% 67.843% 100%);
  --lui-color-violet-3: rgb(75.686% 51.765% 100%);
  --lui-color-violet-4: rgb(52.941% 20% 100%);
  --lui-color-violet-5: rgb(40.784% 14.51% 85.882%);
  --lui-color-violet-6: rgb(30.196% 9.8039% 71.765%);
  --lui-color-violet-7: rgb(20.784% 6.2745% 57.647%);
  --lui-color-violet-8: rgb(14.51% 3.5294% 47.843%);
  --lui-elevation-base: 0 0 8px 0 rgb(0% 0% 0% / 0.02), 0 4px 12px 0 rgb(0% 0% 0% / 0.04);
  --lui-elevation-floating: 0 0 8px 0 rgb(0% 0% 0% / 0.08), 0 12px 20px 0 rgb(0% 0% 0% / 0.12);
  --lui-elevation-hovered: 0 0 8px 0 rgb(0% 0% 0% / 0.04), 0 8px 16px 0 rgb(0% 0% 0% / 0.08);
  --lui-elevation-overlay: 0 1px 8px 0 rgb(0% 0% 0% / 0.04), 0 16px 24px 0 rgb(0% 0% 0% / 0.16);
  --lui-opacity-0: 0;
  --lui-opacity-hidden: var(--lui-opacity-0);
  --lui-opacity-100: 100;
  --lui-opacity-visible: var(--lui-opacity-100);
  --lui-spacing-fixed-0: 0;
  --lui-spacing-fixed-8: 8px;
  --lui-spacing-fixed-16: 16px;
  --lui-spacing-fixed-24: 24px;
  --lui-spacing-fixed-32: 32px;
  --lui-spacing-fixed-40: 40px;
  --lui-spacing-fluid-2: clamp(0.1125rem, 0.109rem + 0.001vw, 0.125rem);
  --lui-spacing-fluid-4: clamp(0.225rem, 0.218rem + 0.002vw, 0.25rem);
  --lui-spacing-fluid-8: clamp(0.45rem, 0.436rem + 0.004vw, 0.5rem);
  --lui-spacing-fluid-12: clamp(0.675rem, 0.655rem + 0.006vw, 0.75rem);
  --lui-spacing-fluid-16: clamp(0.9rem, 0.874rem + 0.008vw, 1rem);
  --lui-spacing-fluid-20: clamp(1.125rem, 1.093rem + 0.01vw, 1.25rem);
  --lui-spacing-fluid-24: clamp(1.35rem, 1.311rem + 0.012vw, 1.5rem);
  --lui-spacing-fluid-32: clamp(1.8rem, 1.748rem + 0.016vw, 2rem);
  --lui-spacing-fluid-40: clamp(2.25rem, 2.186rem + 0.02vw, 2.5rem);
  --lui-spacing-fluid-48: clamp(2.7rem, 2.623rem + 0.024vw, 3rem);
  --lui-spacing-fluid-56: clamp(3.15rem, 3.061rem + 0.028vw, 3.5rem);
  --lui-spacing-fluid-64: clamp(3.6rem, 3.498rem + 0.032vw, 4rem);
  --lui-spacing-fluid-72: clamp(4.05rem, 3.936rem + 0.036vw, 4.5rem);
  --lui-spacing-fluid-80: clamp(4.5rem, 4.374rem + 0.04vw, 5rem);
  --lui-typography-case-lowercase: lowercase;
  --lui-typography-case-none: none;
  --lui-typography-case-uppercase: uppercase;
  --lui-typography-decoration-line-through: line-through;
  --lui-typography-decoration-none: none;
  --lui-typography-decoration-underline: underline;
  --lui-typography-font-weight-bold: 700;
  --lui-typography-font-weight-light: 300;
  --lui-typography-font-weight-medium: 500;
  --lui-typography-font-weight-regular: 400;
  --lui-typography-font-weight-semibold: 600;
  --lui-typography-line-height-lg: 1.5;
  --lui-typography-line-height-md: 1.2;
  --lui-typography-line-height-sm: 1.125;
  --lui-typography-tracking-default: 0;
  --lui-typography-tracking-tighter: -1px;
  --lui-typography-tracking-tightest: -2px;
  --lui-typography-tracking-wider: 1px;
  --lui-typography-tracking-widest: 2px;
  --lui-typography-weight-bold: 700;
  --lui-typography-weight-light: 300;
  --lui-typography-weight-medium: 500;
  --lui-typography-weight-regular: 400;
  --lui-typography-weight-semibold: 600;
}

[data-theme="light"] {
  color-scheme: light;
--lui-color-blue-1: rgb(92.157% 96.863% 100%);
  --lui-color-blue-2: rgb(70.196% 87.059% 99.216%);
  --lui-color-blue-3: rgb(49.412% 77.255% 98.431%);
  --lui-color-blue-4: rgb(20% 60.784% 94.118%);
  --lui-color-blue-5: rgb(10.98% 53.725% 89.412%);
  --lui-color-blue-6: rgb(4.7059% 43.922% 77.647%);
  --lui-color-blue-7: rgb(1.1765% 26.275% 48.235%);
  --lui-color-blue-8: rgb(0% 10.588% 20%);
  --lui-color-gray-1: rgb(100% 100% 100%);
  --lui-color-gray-2: rgb(93.333% 92.549% 94.51%);
  --lui-color-gray-3: rgb(78.039% 79.216% 83.137%);
  --lui-color-gray-4: rgb(42.353% 43.922% 50.588%);
  --lui-color-gray-5: rgb(32.941% 34.51% 40.392%);
  --lui-color-gray-6: rgb(23.922% 25.49% 30.196%);
  --lui-color-gray-7: rgb(15.686% 16.863% 20%);
  --lui-color-gray-8: rgb(7.451% 8.2353% 9.8039%);
  --lui-color-green-1: rgb(90.196% 100% 91.765%);
  --lui-color-green-2: rgb(66.275% 93.725% 70.98%);
  --lui-color-green-3: rgb(46.275% 87.451% 52.941%);
  --lui-color-green-4: rgb(17.647% 66.275% 26.275%);
  --lui-color-green-5: rgb(9.8039% 50.98% 17.255%);
  --lui-color-green-6: rgb(4.7059% 36.078% 10.588%);
  --lui-color-green-7: rgb(1.9608% 21.176% 5.8824%);
  --lui-color-green-8: rgb(0.39216% 5.8824% 1.5686%);
  --lui-color-orange-1: rgb(100% 77.255% 67.843%);
  --lui-color-orange-2: rgb(100% 67.059% 49.02%);
  --lui-color-orange-3: rgb(100% 60.392% 31.373%);
  --lui-color-orange-4: rgb(86.275% 45.098% 5.098%);
  --lui-color-orange-5: rgb(72.941% 36.078% 0%);
  --lui-color-orange-6: rgb(59.216% 29.02% 0%);
  --lui-color-orange-7: rgb(45.49% 21.961% 0%);
  --lui-color-orange-8: rgb(32.157% 14.902% 0%);
  --lui-color-red-1: rgb(100% 85.882% 85.882%);
  --lui-color-red-2: rgb(99.216% 66.275% 66.275%);
  --lui-color-red-3: rgb(98.824% 47.451% 47.451%);
  --lui-color-red-4: rgb(83.137% 20% 19.608%);
  --lui-color-red-5: rgb(68.235% 12.549% 11.765%);
  --lui-color-red-6: rgb(53.725% 7.8431% 7.0588%);
  --lui-color-red-7: rgb(38.824% 5.098% 4.3137%);
  --lui-color-red-8: rgb(23.922% 3.1373% 2.3529%);
  --lui-color-violet-1: rgb(92.941% 83.922% 100%);
  --lui-color-violet-2: rgb(85.098% 67.843% 100%);
  --lui-color-violet-3: rgb(75.686% 51.765% 100%);
  --lui-color-violet-4: rgb(52.941% 20% 100%);
  --lui-color-violet-5: rgb(40.784% 14.51% 85.882%);
  --lui-color-violet-6: rgb(30.196% 9.8039% 71.765%);
  --lui-color-violet-7: rgb(20.784% 6.2745% 57.647%);
  --lui-color-violet-8: rgb(14.51% 3.5294% 47.843%);
}

[data-theme="dark"] {
  color-scheme: dark;
--lui-color-blue-1: rgb(0% 10.588% 20%);
  --lui-color-blue-2: rgb(3.1373% 32.941% 58.431%);
  --lui-color-blue-3: rgb(9.0196% 47.843% 80.784%);
  --lui-color-blue-4: rgb(21.569% 60.784% 92.549%);
  --lui-color-blue-5: rgb(30.98% 66.667% 95.294%);
  --lui-color-blue-6: rgb(53.333% 78.431% 97.255%);
  --lui-color-blue-7: rgb(74.118% 88.627% 98.824%);
  --lui-color-blue-8: rgb(92.157% 96.863% 100%);
  --lui-color-gray-1: rgb(7.451% 8.2353% 10.196%);
  --lui-color-gray-2: rgb(16.471% 17.647% 21.176%);
  --lui-color-gray-3: rgb(25.49% 27.451% 32.549%);
  --lui-color-gray-4: rgb(44.706% 47.843% 54.902%);
  --lui-color-gray-5: rgb(55.686% 58.824% 66.275%);
  --lui-color-gray-6: rgb(69.02% 71.765% 77.647%);
  --lui-color-gray-7: rgb(83.529% 85.098% 88.627%);
  --lui-color-gray-8: rgb(98.039% 98.824% 100%);
  --lui-color-green-1: rgb(0.39216% 5.8824% 1.5686%);
  --lui-color-green-2: rgb(2.3529% 17.647% 5.4902%);
  --lui-color-green-3: rgb(5.098% 29.412% 10.196%);
  --lui-color-green-4: rgb(15.294% 52.941% 22.353%);
  --lui-color-green-5: rgb(23.922% 64.706% 31.765%);
  --lui-color-green-6: rgb(43.529% 76.471% 49.412%);
  --lui-color-green-7: rgb(66.275% 88.235% 69.804%);
  --lui-color-green-8: rgb(90.196% 100% 91.765%);
  --lui-color-orange-1: rgb(32.157% 14.902% 0%);
  --lui-color-orange-2: rgb(40.392% 18.431% 0%);
  --lui-color-orange-3: rgb(49.02% 21.961% 0%);
  --lui-color-orange-4: rgb(65.882% 30.98% 5.4902%);
  --lui-color-orange-5: rgb(74.51% 37.255% 12.157%);
  --lui-color-orange-6: rgb(83.137% 48.627% 29.412%);
  --lui-color-orange-7: rgb(91.373% 62.353% 48.627%);
  --lui-color-orange-8: rgb(100% 77.255% 67.843%);
  --lui-color-red-1: rgb(23.922% 3.1373% 2.3529%);
  --lui-color-red-2: rgb(33.333% 5.8824% 4.7059%);
  --lui-color-red-3: rgb(43.137% 9.4118% 8.2353%);
  --lui-color-red-4: rgb(61.961% 19.216% 18.039%);
  --lui-color-red-5: rgb(71.373% 27.451% 26.275%);
  --lui-color-red-6: rgb(81.176% 45.098% 44.706%);
  --lui-color-red-7: rgb(90.588% 65.49% 65.098%);
  --lui-color-red-8: rgb(100% 85.882% 85.882%);
  --lui-color-violet-1: rgb(14.51% 3.5294% 47.843%);
  --lui-color-violet-2: rgb(20.784% 6.2745% 57.647%);
  --lui-color-violet-3: rgb(30.196% 9.8039% 71.765%);
  --lui-color-violet-4: rgb(61.569% 34.118% 100%);
  --lui-color-violet-5: rgb(72.157% 40% 100%);
  --lui-color-violet-6: rgb(75.686% 51.765% 100%);
  --lui-color-violet-7: rgb(85.098% 67.843% 100%);
  --lui-color-violet-8: rgb(92.941% 83.922% 100%);
}

[data-brand="lets-ui"][data-theme="light"] {
  color-scheme: light;
--lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
  --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
  --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
  --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
  --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
  --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-secondary-1: rgb(100% 100% 100%);
  --lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);
  --lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);
  --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
  --lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);
  --lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);
  --lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);
  --lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%);
}

@media (prefers-color-scheme: light) {
  [data-brand="lets-ui"] {
    color-scheme: light;
--lui-brand-color-primary-1: rgb(92.941% 83.922% 100%);
    --lui-brand-color-primary-2: rgb(85.098% 67.843% 100%);
    --lui-brand-color-primary-3: rgb(75.686% 51.765% 100%);
    --lui-brand-color-primary-4: rgb(52.941% 20% 100%);
    --lui-brand-color-primary-5: rgb(40.784% 14.51% 85.882%);
    --lui-brand-color-primary-6: rgb(30.196% 9.8039% 71.765%);
    --lui-brand-color-primary-7: rgb(20.784% 6.2745% 57.647%);
    --lui-brand-color-primary-8: rgb(14.51% 3.5294% 47.843%);
    --lui-brand-color-secondary-1: rgb(100% 100% 100%);
    --lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);
    --lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);
    --lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);
    --lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);
    --lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);
    --lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);
    --lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%);
  }
}

[data-brand="lets-ui"][data-theme="dark"] {
  color-scheme: dark;
--lui-brand-color-primary-1: rgb(14.51% 3.5294% 47.843%);
  --lui-brand-color-primary-2: rgb(20.784% 6.2745% 57.647%);
  --lui-brand-color-primary-3: rgb(30.196% 9.8039% 71.765%);
  --lui-brand-color-primary-4: rgb(61.569% 34.118% 100%);
  --lui-brand-color-primary-5: rgb(72.157% 40% 100%);
  --lui-brand-color-primary-6: rgb(75.686% 51.765% 100%);
  --lui-brand-color-primary-7: rgb(85.098% 67.843% 100%);
  --lui-brand-color-primary-8: rgb(92.941% 83.922% 100%);
  --lui-brand-color-secondary-1: rgb(7.451% 8.2353% 10.196%);
  --lui-brand-color-secondary-2: rgb(16.471% 17.647% 21.176%);
  --lui-brand-color-secondary-3: rgb(25.49% 27.451% 32.549%);
  --lui-brand-color-secondary-4: rgb(44.706% 47.843% 54.902%);
  --lui-brand-color-secondary-5: rgb(55.686% 58.824% 66.275%);
  --lui-brand-color-secondary-6: rgb(69.02% 71.765% 77.647%);
  --lui-brand-color-secondary-7: rgb(83.529% 85.098% 88.627%);
  --lui-brand-color-secondary-8: rgb(98.039% 98.824% 100%);
}

@media (prefers-color-scheme: dark) {
  [data-brand="lets-ui"] {
    color-scheme: dark;
--lui-brand-color-primary-1: rgb(14.51% 3.5294% 47.843%);
    --lui-brand-color-primary-2: rgb(20.784% 6.2745% 57.647%);
    --lui-brand-color-primary-3: rgb(30.196% 9.8039% 71.765%);
    --lui-brand-color-primary-4: rgb(61.569% 34.118% 100%);
    --lui-brand-color-primary-5: rgb(72.157% 40% 100%);
    --lui-brand-color-primary-6: rgb(75.686% 51.765% 100%);
    --lui-brand-color-primary-7: rgb(85.098% 67.843% 100%);
    --lui-brand-color-primary-8: rgb(92.941% 83.922% 100%);
    --lui-brand-color-secondary-1: rgb(7.451% 8.2353% 10.196%);
    --lui-brand-color-secondary-2: rgb(16.471% 17.647% 21.176%);
    --lui-brand-color-secondary-3: rgb(25.49% 27.451% 32.549%);
    --lui-brand-color-secondary-4: rgb(44.706% 47.843% 54.902%);
    --lui-brand-color-secondary-5: rgb(55.686% 58.824% 66.275%);
    --lui-brand-color-secondary-6: rgb(69.02% 71.765% 77.647%);
    --lui-brand-color-secondary-7: rgb(83.529% 85.098% 88.627%);
    --lui-brand-color-secondary-8: rgb(98.039% 98.824% 100%);
  }
}

[data-brand="lets-ui"] {
--lui-brand-border-radius-lg: 12px;
  --lui-brand-border-radius-md: 8px;
  --lui-brand-border-radius-sm: 4px;
  --lui-brand-border-radius-xl: 16px;
  --lui-brand-border-radius-xs: 2px;
  --lui-brand-opacity-disabled: 0.4;
  --lui-brand-typography-font-family-body: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-family-heading: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --lui-brand-typography-font-size-1xl: clamp(1.402rem, 1.21rem + 0.96vw, 2.074rem);
  --lui-brand-typography-font-size-1xs: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
  --lui-brand-typography-font-size-2xl: clamp(1.577rem, 1.3167rem + 1.3014vw, 2.488rem);
  --lui-brand-typography-font-size-2xs: clamp(0.778rem, 0.7623rem + 0.0786vw, 0.833rem);
  --lui-brand-typography-font-size-3xl: clamp(2.245rem, 1.6579rem + 2.9357vw, 4.3rem);
  --lui-brand-typography-font-size-3xs: clamp(0.691rem, 0.6901rem + 0.0043vw, 0.694rem);
  --lui-brand-typography-font-size-lg: clamp(1.246rem, 1.1083rem + 0.6886vw, 1.728rem);
  --lui-brand-typography-font-size-md: clamp(1.107rem, 1.0119rem + 0.4757vw, 1.44rem);
  --lui-brand-typography-font-size-sm: clamp(0.984rem, 0.9223rem + 0.3086vw, 1.2rem);
  --lui-brand-typography-line-height-body: 1.5;
  --lui-brand-typography-line-height-heading: 1.2;
  --lui-brand-typography-weight-block-title: var(--lui-typography-weight-medium);
  --lui-brand-typography-weight-display: var(--lui-typography-weight-light);
  --lui-brand-typography-weight-headline: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-overtitle: var(--lui-typography-weight-semibold);
  --lui-brand-typography-weight-subheadline: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-subtitle: var(--lui-typography-weight-regular);
  --lui-brand-typography-weight-title: var(--lui-typography-weight-semibold);
}