{"version":3,"sources":["../../../../theme/no-fonts/theme_promo.scss%23sass","../../../../../../theme/no-fonts/theme_promo.scss","../../../../theme/variables/promo.scss","../../../../theme/variables/tokens/_theme_promo.scss","../../../../theme/no-fonts/theme_promo.scss","../../../../theme/variables/tokens/_color_classes.scss","../../../../theme/variables/6px_grid.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["@use '../variables/6px_grid' as *;\r\n@use '../variables/promo' as *;\r\n\r\n.uui-theme-promo {\r\n    @include promo_variables();\r\n    @include uui-6px-grid();\r\n}\r\n\r\n","@use '../variables/6px_grid' as *;\r\n@use '../variables/promo' as *;\r\n\r\n.uui-theme-promo {\r\n    @include promo_variables();\r\n    @include uui-6px-grid();\r\n}\r\n\r\n","@use 'tokens/_theme_promo.scss' as tokens;\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin promo_variables {\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    // theme specific fonts\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n    --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n    @include tokens.theme-tokens;\n\n    & {\n        --uui-border-radius: 0;\n        scrollbar-color: var(--uui-neutral-40) transparent;\n    }\n\n    /* begin color classes */\n\n    .uui-color-green {\n        --uui-color-5: var(--uui-accent-5);\n        --uui-color-10: var(--uui-accent-10);\n        --uui-color-20: var(--uui-accent-20);\n        --uui-color-50: var(--uui-accent-50);\n        --uui-color-60: var(--uui-accent-60);\n        --uui-color-70: var(--uui-accent-70);\n        --uui-color-contrast: var(--uui-accent-contrast);\n    }\n\n    .uui-color-blue {\n        --uui-color-5: var(--uui-primary-5);\n        --uui-color-10: var(--uui-primary-10);\n        --uui-color-20: var(--uui-primary-20);\n        --uui-color-50: var(--uui-primary-50);\n        --uui-color-60: var(--uui-primary-60);\n        --uui-color-70: var(--uui-primary-70);\n        --uui-color-contrast: var(--uui-primary-contrast);\n    }\n\n    .uui-color-gray {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\n    .uui-color-red {\n        --uui-color-5: var(--uui-critical-5);\n        --uui-color-10: var(--uui-critical-10);\n        --uui-color-20: var(--uui-critical-20);\n        --uui-color-50: var(--uui-critical-50);\n        --uui-color-60: var(--uui-critical-60);\n        --uui-color-70: var(--uui-critical-70);\n        --uui-color-contrast: var(--uui-critical-contrast);\n    }\n\n    .uui-color-amber {\n        --uui-color-5: var(--uui-warning-5);\n        --uui-color-10: var(--uui-warning-10);\n        --uui-color-20: var(--uui-warning-20);\n        --uui-color-50: var(--uui-warning-50);\n        --uui-color-60: var(--uui-warning-60);\n        --uui-color-70: var(--uui-warning-70);\n        --uui-color-contrast: var(--uui-warning-contrast);\n    }\n\n    .uui-link_button.uui-color-contrast,\n    .uui-color-gray10 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--gray5);\n        --uui-color-50: var(--gray10);\n        --uui-color-60: var(--gray20);\n        --uui-color-70: var(--gray30);\n        --uui-color-contrast: var(--gray70);\n    }\n\n    .uui-color-gray30 {\n        --uui-color-5: var(--gray20);\n        --uui-color-10: var(--gray30);\n        --uui-color-20: var(--gray40);\n        --uui-color-50: var(--gray30);\n        --uui-color-60: var(--gray40);\n        --uui-color-70: var(--gray50);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray50 {\n        --uui-color-5: var(--gray5);\n        --uui-color-10: var(--gray10);\n        --uui-color-20: var(--gray20);\n        --uui-color-50: var(--gray50);\n        --uui-color-60: var(--gray60);\n        --uui-color-70: var(--gray70);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray60 {\n        --uui-color-5: var(--gray20);\n        --uui-color-10: var(--gray60);\n        --uui-color-20: var(--gray40);\n        --uui-color-50: var(--gray60);\n        --uui-color-60: var(--gray70);\n        --uui-color-70: var(--gray80);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    /* Badge */\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-0);\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-gray30 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-color-contrast: var(--uui-neutral-80);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\n            }\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-40);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-gray10 {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-gray60 {\n        &.uui-fill-outline {\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    .uui-button {\n        &.uui-size-42, &.uui-size-48 {\n            .uui-caption {\n                font-family: var(--font-museo-sans);\n            }\n        }\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral,\n    .uui-icon_button.uui-color-gray60 {\n        --uui-icon_btn: var(--uui-neutral-60);\n        --uui-icon_btn-hover: var(--uui-neutral-70);\n        --uui-icon_btn-active: var(--uui-neutral-80);\n    }\n\n    .uui-icon_button.uui-color-secondary {\n        --uui-icon_btn: var(--uui-neutral-50);\n        --uui-icon_btn-hover: var(--uui-neutral-60);\n        --uui-icon_btn-active: var(--uui-neutral-70);\n    }\n\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-white {\n        --uui-link_btn-text-hover: var(--uui-neutral-30);\n        --uui-link_btn-text-active: var(--uui-neutral-40);\n        --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-white {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red {\n        --uui-tooltip-bg: var(--uui-critical-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-gray,\n    .uui-count_indicator.uui-color-neutral {\n        --uui-count_indicator-bg: var(--uui-neutral-30);\n        --uui-count_indicator-border: var(--uui-neutral-30);\n    }\n\n    .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator-dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* FlexRow */\n\n    .uui-flex-row.uui-flex-row-bg-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-flex-row-bg-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-flex-row-bg-gray5 {\n        --uui-flex-row-bg: var(--gray5);\n    }\n\n    .uui-panel.uui-color-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-color-gray90 {\n        --uui-panel-bg: var(--gray90);\n    }\n\n    /* Text */\n\n    .uui-text.uui-color-gray5 {\n        --uui-text: var(--gray5);\n    }\n\n    .uui-text.uui-color-gray80 {\n        --uui-text: var(--gray80);\n    }\n\n    .uui-text.uui-color-gray90 {\n        --uui-text: var(--gray90);\n    }\n\n    .uui-text.uui-color-blue {\n        --uui-text: var(--blue-70);\n    }\n\n    .uui-text.uui-color-green {\n        --uui-text: var(--green-70);\n    }\n\n    .uui-text.uui-color-amber {\n        --uui-text: var(--amber-70);\n    }\n\n    .uui-text.uui-color-red {\n        --uui-text: var(--red-70);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        --uui-border-radius: 3px;\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border-hover: var(--uui-neutral-10);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-0);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-gray10 {\n            &.uui-fill-solid {\n                --uui-tag-bg-hover: var(--uui-neutral-20);\n                --uui-tag-border-hover: var(--uui-neutral-20);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-5);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-gray30 {\n            &.uui-fill-solid {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n                --uui-tag-caption: var(--uui-neutral-70);\n                --uui-tag-fill: var(--uui-neutral-70);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-40);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-gray70 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-70);\n                --uui-tag-border: var(--uui-neutral-70);\n                --uui-tag-bg-hover: var(--uui-neutral-80);\n                --uui-tag-border-hover: var(--uui-neutral-80);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n                    --uui-count_indicator-caption: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-border-hover: var(--uui-neutral-50);\n\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-amber {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-90);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n                }\n            }\n\n            &.uui-fill-outline .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-40);\n            }\n        }\n    }\n\n    .uui-dropdown-body {\n        --uui-dropdown_container-border-radius: 0;\n    }\n\n    .uui-link_button {\n        &.uui-size-42, &.uui-size-48 {\n            :global(.uui-caption) {\n                font-family: var(--font-museo-sans);\n                text-transform: uppercase;\n            }\n        }\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n    }\n\n    .uui-font-sans-italic {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n        --uui-text-font-style: italic;\n    }\n\n    .uui-font-museo-sans {\n        --uui-text-font: var(--font-museo-sans);\n        --uui-text-font-weight: normal;\n    }\n\n    .uui-font-museo-slab {\n        --uui-text-font: var(--font-museo-slab);\n        --uui-text-font-weight: normal;\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h2, h3 {\n            font-family: var(--font-museo-sans);\n        }\n\n        h1 {\n            font-size: 36px;\n        }\n\n        .hero-header {\n            font-family: var(--font-museo-slab);\n        }\n\n        .promo-header:is(h1, h2, h3) {\n            font-family: var(--font-museo-sans);\n        }\n    }\n}\n\n\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n@use './_color_classes.scss' as colorClasses;\n\n@mixin theme-tokens {\n\n    /***************/\n    /*** Palette ***/\n    /***************/\n\n    // \"palette/amber\"\n    --amber-5: #FFFCF5;\n    --amber-10: #FFF2CC;\n    --amber-20: #FFE38F;\n    --amber-50: #FFC000;\n    --amber-60: #DB9D00;\n    --amber-70: #9F6B04;\n\n    // \"\"\n    --black: #000000;\n    --white: #FFFFFF;\n\n    // \"palette/blue\"\n    --blue-5: #F5FBFF;\n    --blue-10: #D6F2FF;\n    --blue-20: #99DDFF;\n    --blue-50: #007BBD;\n    --blue-60: #006AA3;\n    --blue-70: #005685;\n\n    // \"palette-additional/cobalt\"\n    --cobalt-5: #F8FAFF;\n    --cobalt-10: #D9E2FC;\n    --cobalt-20: #AEC0F5;\n    --cobalt-50: #0F98FF;\n    --cobalt-60: #006FE5;\n    --cobalt-70: #0954A5;\n\n    // \"palette-additional/cyan\"\n    --cyan-5: #F6FEFE;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #12B5B5;\n    --cyan-70: #0B6F6F;\n\n    // \"palette-additional/fuchsia\"\n    --fuchsia-5: #FFF7FB;\n    --fuchsia-10: #F9D8E7;\n    --fuchsia-20: #EDADC8;\n    --fuchsia-50: #EA4386;\n    --fuchsia-60: #D61E68;\n    --fuchsia-70: #AE1955;\n\n    // \"palette/gray\"\n    --gray5: #FAFAFC;\n    --gray10: #F5F6FA;\n    --gray20: #EBEDF5;\n    --gray30: #E1E3EB;\n    --gray40: #CED0DB;\n    --gray50: #ACAFBF;\n    --gray60: #6C6F80;\n    --gray70: #474A59;\n    --gray80: #303240;\n    --gray90: #1D1E26;\n\n    // \"palette/green\"\n    --green-5: #FCFFF5;\n    --green-10: #EEFFCC;\n    --green-20: #CFF486;\n    --green-50: #65A300;\n    --green-60: #528500;\n    --green-70: #446600;\n\n    // \"palette-additional/mint\"\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #31AA70;\n    --mint-70: #236E4A;\n\n    // \"palette-additional/orange\"\n    --orange-5: #FEF8F4;\n    --orange-10: #FFE8D7;\n    --orange-20: #FFCCA7;\n    --orange-50: #FF8B3E;\n    --orange-60: #F76B0D;\n    --orange-70: #BD4B00;\n\n    // \"palette-additional/purple\"\n    --purple-5: #FDF6FE;\n    --purple-10: #F2CCFA;\n    --purple-20: #E79DF5;\n    --purple-50: #B114D1;\n    --purple-60: #860F9E;\n    --purple-70: #5E0B6F;\n\n    // \"palette/red\"\n    --red-5: #FEF7F6;\n    --red-10: #FADED9;\n    --red-20: #F5B5A8;\n    --red-50: #DB3A1A;\n    --red-60: #C03316;\n    --red-70: #A02B13;\n\n    // \"palette-additional/violet\"\n    --violet-5: #F8F6FE;\n    --violet-10: #DBCCFA;\n    --violet-20: #BB9DF5;\n    --violet-50: #773CEC;\n    --violet-60: #5514D6;\n    --violet-70: #40109E;\n\n    // \"palette-additional/yellow\"\n    --yellow-5: #FFFFF5;\n    --yellow-10: #FFFFE5;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #EDBE02;\n    --yellow-70: #BC7E02;\n\n    /*********************/\n    /*** Core Semantic ***/\n    /*********************/\n\n    // \"core/semantic/accent-\"\n    --uui-accent-5: var(--green-5);\n    --uui-accent-10: var(--green-10);\n    --uui-accent-20: var(--green-20);\n    --uui-accent-50: var(--green-50);\n    --uui-accent-60: var(--green-60);\n    --uui-accent-70: var(--green-70);\n    --uui-accent-contrast: var(--white);\n\n    // \"core/semantic/critical-\"\n    --uui-critical-5: var(--red-5);\n    --uui-critical-10: var(--red-10);\n    --uui-critical-20: var(--red-20);\n    --uui-critical-50: var(--red-50);\n    --uui-critical-60: var(--red-60);\n    --uui-critical-70: var(--red-70);\n    --uui-critical-contrast: var(--white);\n\n    // \"core/semantic/error-\"\n    --uui-error-5: var(--red-5);\n    --uui-error-10: var(--red-10);\n    --uui-error-20: var(--red-20);\n    --uui-error-50: var(--red-50);\n    --uui-error-60: var(--red-60);\n    --uui-error-70: var(--red-70);\n    --uui-error-contrast: var(--white);\n\n    // \"core/semantic/info-\"\n    --uui-info-5: var(--blue-5);\n    --uui-info-10: var(--blue-10);\n    --uui-info-20: var(--blue-20);\n    --uui-info-50: var(--blue-50);\n    --uui-info-60: var(--blue-60);\n    --uui-info-70: var(--blue-70);\n    --uui-info-contrast: var(--white);\n\n    // \"core/semantic/primary-\"\n    --uui-primary-5: var(--blue-5);\n    --uui-primary-10: var(--blue-10);\n    --uui-primary-20: var(--blue-20);\n    --uui-primary-50: var(--blue-50);\n    --uui-primary-60: var(--blue-60);\n    --uui-primary-70: var(--blue-70);\n    --uui-primary-contrast: var(--white);\n\n    // \"core/semantic/secondary-\"\n    --uui-secondary-5: var(--gray10);\n    --uui-secondary-10: var(--gray20);\n    --uui-secondary-20: var(--gray30);\n    --uui-secondary-50: var(--gray60);\n    --uui-secondary-60: var(--gray70);\n    --uui-secondary-70: var(--gray80);\n    --uui-secondary-contrast: var(--white);\n\n    // \"core/semantic/success-\"\n    --uui-success-5: var(--green-5);\n    --uui-success-10: var(--green-10);\n    --uui-success-20: var(--green-20);\n    --uui-success-50: var(--green-50);\n    --uui-success-60: var(--green-60);\n    --uui-success-70: var(--green-70);\n    --uui-success-contrast: var(--white);\n\n    // \"core/semantic/warning-\"\n    --uui-warning-5: var(--amber-5);\n    --uui-warning-10: var(--amber-10);\n    --uui-warning-20: var(--amber-20);\n    --uui-warning-50: var(--amber-50);\n    --uui-warning-60: var(--amber-60);\n    --uui-warning-70: var(--amber-70);\n    --uui-warning-contrast: var(--gray80);\n\n    /********************/\n    /*** Core Neutral ***/\n    /********************/\n\n    --uui-neutral-0: var(--white);\n    --uui-neutral-5: var(--gray5);\n    --uui-neutral-10: var(--gray10);\n    --uui-neutral-20: var(--gray20);\n    --uui-neutral-30: var(--gray30);\n    --uui-neutral-40: var(--gray40);\n    --uui-neutral-50: var(--gray50);\n    --uui-neutral-60: var(--gray60);\n    --uui-neutral-70: var(--gray70);\n    --uui-neutral-80: var(--gray80);\n    --uui-neutral-90: var(--gray90);\n    --uui-neutral-100: var(--black);\n\n    /************/\n    /*** Core ***/\n    /************/\n\n    // \"core/surfaces\"\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n    --uui-overlay: #1D1E26CC;\n    --uui-surface-higher: var(--uui-neutral-10);\n    --uui-surface-highest: var(--uui-neutral-20);\n    --uui-surface-main: var(--uui-neutral-0);\n\n    // \"core/controls\"\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-border: var(--uui-neutral-40);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-hover: var(--uui-neutral-60);\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-text-disabled);\n    --uui-control-text: var(--uui-text-primary);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    // \"core/icons\"\n    --uui-icon: var(--uui-neutral-60);\n    --uui-icon-active: var(--uui-neutral-80);\n    --uui-icon-disabled: var(--uui-neutral-50);\n    --uui-icon-hover: var(--uui-neutral-70);\n\n    // \"core/links\"\n    --uui-link: var(--uui-primary-50);\n    --uui-link-hover: var(--uui-primary-60);\n    --uui-link-visited: var(--purple-60);\n    --uui-link-visited-hover: var(--purple-70);\n\n    // \"core/other\"\n    --uui-outline-focus: #007BBD7F;\n    --uui-skeleton: var(--uui-neutral-40);\n\n    // \"core/text\"\n    --uui-text-bg-highlight: var(--uui-warning-10);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-disabled: var(--uui-neutral-50);\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-primary: var(--uui-neutral-80);\n    --uui-text-secondary: var(--uui-neutral-70);\n    --uui-text-success: var(--uui-success-70);\n    --uui-text-tertiary: var(--uui-neutral-60);\n    --uui-text-warning: var(--uui-warning-70);\n\n    @include colorClasses.theme-color-classes;\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n  --uui-font: \"Source Sans Pro\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n  --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n  /* shadows */\n  --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n  --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n  --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n  /***************/\n  /*** Palette ***/\n  /***************/\n  --amber-5: #FFFCF5;\n  --amber-10: #FFF2CC;\n  --amber-20: #FFE38F;\n  --amber-50: #FFC000;\n  --amber-60: #DB9D00;\n  --amber-70: #9F6B04;\n  --black: #000000;\n  --white: #FFFFFF;\n  --blue-5: #F5FBFF;\n  --blue-10: #D6F2FF;\n  --blue-20: #99DDFF;\n  --blue-50: #007BBD;\n  --blue-60: #006AA3;\n  --blue-70: #005685;\n  --cobalt-5: #F8FAFF;\n  --cobalt-10: #D9E2FC;\n  --cobalt-20: #AEC0F5;\n  --cobalt-50: #0F98FF;\n  --cobalt-60: #006FE5;\n  --cobalt-70: #0954A5;\n  --cyan-5: #F6FEFE;\n  --cyan-10: #D1FAFA;\n  --cyan-20: #AAEEEE;\n  --cyan-50: #14CCCC;\n  --cyan-60: #12B5B5;\n  --cyan-70: #0B6F6F;\n  --fuchsia-5: #FFF7FB;\n  --fuchsia-10: #F9D8E7;\n  --fuchsia-20: #EDADC8;\n  --fuchsia-50: #EA4386;\n  --fuchsia-60: #D61E68;\n  --fuchsia-70: #AE1955;\n  --gray5: #FAFAFC;\n  --gray10: #F5F6FA;\n  --gray20: #EBEDF5;\n  --gray30: #E1E3EB;\n  --gray40: #CED0DB;\n  --gray50: #ACAFBF;\n  --gray60: #6C6F80;\n  --gray70: #474A59;\n  --gray80: #303240;\n  --gray90: #1D1E26;\n  --green-5: #FCFFF5;\n  --green-10: #EEFFCC;\n  --green-20: #CFF486;\n  --green-50: #65A300;\n  --green-60: #528500;\n  --green-70: #446600;\n  --mint-5: #F2FCF5;\n  --mint-10: #DDF3E4;\n  --mint-20: #B4DFC4;\n  --mint-50: #4FC48C;\n  --mint-60: #31AA70;\n  --mint-70: #236E4A;\n  --orange-5: #FEF8F4;\n  --orange-10: #FFE8D7;\n  --orange-20: #FFCCA7;\n  --orange-50: #FF8B3E;\n  --orange-60: #F76B0D;\n  --orange-70: #BD4B00;\n  --purple-5: #FDF6FE;\n  --purple-10: #F2CCFA;\n  --purple-20: #E79DF5;\n  --purple-50: #B114D1;\n  --purple-60: #860F9E;\n  --purple-70: #5E0B6F;\n  --red-5: #FEF7F6;\n  --red-10: #FADED9;\n  --red-20: #F5B5A8;\n  --red-50: #DB3A1A;\n  --red-60: #C03316;\n  --red-70: #A02B13;\n  --violet-5: #F8F6FE;\n  --violet-10: #DBCCFA;\n  --violet-20: #BB9DF5;\n  --violet-50: #773CEC;\n  --violet-60: #5514D6;\n  --violet-70: #40109E;\n  --yellow-5: #FFFFF5;\n  --yellow-10: #FFFFE5;\n  --yellow-20: #FFFCA4;\n  --yellow-50: #FDD63B;\n  --yellow-60: #EDBE02;\n  --yellow-70: #BC7E02;\n  /*********************/\n  /*** Core Semantic ***/\n  /*********************/\n  --uui-accent-5: var(--green-5);\n  --uui-accent-10: var(--green-10);\n  --uui-accent-20: var(--green-20);\n  --uui-accent-50: var(--green-50);\n  --uui-accent-60: var(--green-60);\n  --uui-accent-70: var(--green-70);\n  --uui-accent-contrast: var(--white);\n  --uui-critical-5: var(--red-5);\n  --uui-critical-10: var(--red-10);\n  --uui-critical-20: var(--red-20);\n  --uui-critical-50: var(--red-50);\n  --uui-critical-60: var(--red-60);\n  --uui-critical-70: var(--red-70);\n  --uui-critical-contrast: var(--white);\n  --uui-error-5: var(--red-5);\n  --uui-error-10: var(--red-10);\n  --uui-error-20: var(--red-20);\n  --uui-error-50: var(--red-50);\n  --uui-error-60: var(--red-60);\n  --uui-error-70: var(--red-70);\n  --uui-error-contrast: var(--white);\n  --uui-info-5: var(--blue-5);\n  --uui-info-10: var(--blue-10);\n  --uui-info-20: var(--blue-20);\n  --uui-info-50: var(--blue-50);\n  --uui-info-60: var(--blue-60);\n  --uui-info-70: var(--blue-70);\n  --uui-info-contrast: var(--white);\n  --uui-primary-5: var(--blue-5);\n  --uui-primary-10: var(--blue-10);\n  --uui-primary-20: var(--blue-20);\n  --uui-primary-50: var(--blue-50);\n  --uui-primary-60: var(--blue-60);\n  --uui-primary-70: var(--blue-70);\n  --uui-primary-contrast: var(--white);\n  --uui-secondary-5: var(--gray10);\n  --uui-secondary-10: var(--gray20);\n  --uui-secondary-20: var(--gray30);\n  --uui-secondary-50: var(--gray60);\n  --uui-secondary-60: var(--gray70);\n  --uui-secondary-70: var(--gray80);\n  --uui-secondary-contrast: var(--white);\n  --uui-success-5: var(--green-5);\n  --uui-success-10: var(--green-10);\n  --uui-success-20: var(--green-20);\n  --uui-success-50: var(--green-50);\n  --uui-success-60: var(--green-60);\n  --uui-success-70: var(--green-70);\n  --uui-success-contrast: var(--white);\n  --uui-warning-5: var(--amber-5);\n  --uui-warning-10: var(--amber-10);\n  --uui-warning-20: var(--amber-20);\n  --uui-warning-50: var(--amber-50);\n  --uui-warning-60: var(--amber-60);\n  --uui-warning-70: var(--amber-70);\n  --uui-warning-contrast: var(--gray80);\n  /********************/\n  /*** Core Neutral ***/\n  /********************/\n  --uui-neutral-0: var(--white);\n  --uui-neutral-5: var(--gray5);\n  --uui-neutral-10: var(--gray10);\n  --uui-neutral-20: var(--gray20);\n  --uui-neutral-30: var(--gray30);\n  --uui-neutral-40: var(--gray40);\n  --uui-neutral-50: var(--gray50);\n  --uui-neutral-60: var(--gray60);\n  --uui-neutral-70: var(--gray70);\n  --uui-neutral-80: var(--gray80);\n  --uui-neutral-90: var(--gray90);\n  --uui-neutral-100: var(--black);\n  /************/\n  /*** Core ***/\n  /************/\n  --uui-app-bg: var(--uui-neutral-10);\n  --uui-divider: var(--uui-neutral-40);\n  --uui-divider-light: var(--uui-neutral-30);\n  --uui-overlay: #1D1E26CC;\n  --uui-surface-higher: var(--uui-neutral-10);\n  --uui-surface-highest: var(--uui-neutral-20);\n  --uui-surface-main: var(--uui-neutral-0);\n  --uui-control-bg: var(--uui-surface-main);\n  --uui-control-bg-disabled: var(--uui-neutral-5);\n  --uui-control-bg-hover: var(--uui-neutral-60);\n  --uui-control-border: var(--uui-neutral-40);\n  --uui-control-border-disabled: var(--uui-neutral-30);\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-hover: var(--uui-neutral-60);\n  --uui-control-icon: var(--uui-neutral-50);\n  --uui-control-icon-disabled: var(--uui-neutral-50);\n  --uui-control-placeholder: var(--uui-neutral-50);\n  --uui-control-placeholder-disabled: var(--uui-text-disabled);\n  --uui-control-text: var(--uui-text-primary);\n  --uui-control-text-disabled: var(--uui-text-tertiary);\n  --uui-icon: var(--uui-neutral-60);\n  --uui-icon-active: var(--uui-neutral-80);\n  --uui-icon-disabled: var(--uui-neutral-50);\n  --uui-icon-hover: var(--uui-neutral-70);\n  --uui-link: var(--uui-primary-50);\n  --uui-link-hover: var(--uui-primary-60);\n  --uui-link-visited: var(--purple-60);\n  --uui-link-visited-hover: var(--purple-70);\n  --uui-outline-focus: #007BBD7F;\n  --uui-skeleton: var(--uui-neutral-40);\n  --uui-text-bg-highlight: var(--uui-warning-10);\n  --uui-text-critical: var(--uui-critical-70);\n  --uui-text-disabled: var(--uui-neutral-50);\n  --uui-text-info: var(--uui-info-70);\n  --uui-text-primary: var(--uui-neutral-80);\n  --uui-text-secondary: var(--uui-neutral-70);\n  --uui-text-success: var(--uui-success-70);\n  --uui-text-tertiary: var(--uui-neutral-60);\n  --uui-text-warning: var(--uui-warning-70);\n  /* begin color classes */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* LinkButton */\n  /* Tooltip */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* FlexRow */\n  /* Text */\n  /* Tag */\n  /* fonts */\n  /* Typography */\n}\n.uui-theme-promo .uui-color-primary {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-promo .uui-color-secondary {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo .uui-color-accent {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-promo .uui-color-info {\n  --uui-color-5: var(--uui-info-5);\n  --uui-color-10: var(--uui-info-10);\n  --uui-color-20: var(--uui-info-20);\n  --uui-color-50: var(--uui-info-50);\n  --uui-color-60: var(--uui-info-60);\n  --uui-color-70: var(--uui-info-70);\n  --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-promo .uui-color-success {\n  --uui-color-5: var(--uui-success-5);\n  --uui-color-10: var(--uui-success-10);\n  --uui-color-20: var(--uui-success-20);\n  --uui-color-50: var(--uui-success-50);\n  --uui-color-60: var(--uui-success-60);\n  --uui-color-70: var(--uui-success-70);\n  --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-promo .uui-color-warning {\n  --uui-color-5: var(--uui-warning-5);\n  --uui-color-10: var(--uui-warning-10);\n  --uui-color-20: var(--uui-warning-20);\n  --uui-color-50: var(--uui-warning-50);\n  --uui-color-60: var(--uui-warning-60);\n  --uui-color-70: var(--uui-warning-70);\n  --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-promo .uui-color-error {\n  --uui-color-5: var(--uui-error-5);\n  --uui-color-10: var(--uui-error-10);\n  --uui-color-20: var(--uui-error-20);\n  --uui-color-50: var(--uui-error-50);\n  --uui-color-60: var(--uui-error-60);\n  --uui-color-70: var(--uui-error-70);\n  --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-promo .uui-color-critical {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-promo .uui-color-white {\n  --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n  --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n  --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n  --uui-color-50: var(--uui-neutral-0);\n  --uui-color-60: var(--uui-neutral-10);\n  --uui-color-70: var(--uui-neutral-20);\n  --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-color-neutral {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo {\n  --uui-border-radius: 0;\n  scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-promo .uui-color-green {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-promo .uui-color-blue {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-promo .uui-color-gray {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo .uui-color-red {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-promo .uui-color-amber {\n  --uui-color-5: var(--uui-warning-5);\n  --uui-color-10: var(--uui-warning-10);\n  --uui-color-20: var(--uui-warning-20);\n  --uui-color-50: var(--uui-warning-50);\n  --uui-color-60: var(--uui-warning-60);\n  --uui-color-70: var(--uui-warning-70);\n  --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--gray5);\n  --uui-color-50: var(--gray10);\n  --uui-color-60: var(--gray20);\n  --uui-color-70: var(--gray30);\n  --uui-color-contrast: var(--gray70);\n}\n.uui-theme-promo .uui-color-gray30 {\n  --uui-color-5: var(--gray20);\n  --uui-color-10: var(--gray30);\n  --uui-color-20: var(--gray40);\n  --uui-color-50: var(--gray30);\n  --uui-color-60: var(--gray40);\n  --uui-color-70: var(--gray50);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n  --uui-color-5: var(--gray5);\n  --uui-color-10: var(--gray10);\n  --uui-color-20: var(--gray20);\n  --uui-color-50: var(--gray50);\n  --uui-color-60: var(--gray60);\n  --uui-color-70: var(--gray70);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray60 {\n  --uui-color-5: var(--gray20);\n  --uui-color-10: var(--gray60);\n  --uui-color-20: var(--gray40);\n  --uui-color-50: var(--gray60);\n  --uui-color-60: var(--gray70);\n  --uui-color-70: var(--gray80);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-yellow {\n  --uui-color-5: var(--yellow-5);\n  --uui-color-10: var(--yellow-10);\n  --uui-color-20: var(--yellow-20);\n  --uui-color-50: var(--yellow-50);\n  --uui-color-60: var(--yellow-60);\n  --uui-color-70: var(--yellow-70);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-orange {\n  --uui-color-5: var(--orange-5);\n  --uui-color-10: var(--orange-10);\n  --uui-color-20: var(--orange-20);\n  --uui-color-50: var(--orange-50);\n  --uui-color-60: var(--orange-60);\n  --uui-color-70: var(--orange-70);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-fuchsia {\n  --uui-color-5: var(--fuchsia-5);\n  --uui-color-10: var(--fuchsia-10);\n  --uui-color-20: var(--fuchsia-20);\n  --uui-color-50: var(--fuchsia-50);\n  --uui-color-60: var(--fuchsia-60);\n  --uui-color-70: var(--fuchsia-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-purple {\n  --uui-color-5: var(--purple-5);\n  --uui-color-10: var(--purple-10);\n  --uui-color-20: var(--purple-20);\n  --uui-color-50: var(--purple-50);\n  --uui-color-60: var(--purple-60);\n  --uui-color-70: var(--purple-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-violet {\n  --uui-color-5: var(--violet-5);\n  --uui-color-10: var(--violet-10);\n  --uui-color-20: var(--violet-20);\n  --uui-color-50: var(--violet-50);\n  --uui-color-60: var(--violet-60);\n  --uui-color-70: var(--violet-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cobalt {\n  --uui-color-5: var(--cobalt-5);\n  --uui-color-10: var(--cobalt-10);\n  --uui-color-20: var(--cobalt-20);\n  --uui-color-50: var(--cobalt-50);\n  --uui-color-60: var(--cobalt-60);\n  --uui-color-70: var(--cobalt-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cyan {\n  --uui-color-5: var(--cyan-5);\n  --uui-color-10: var(--cyan-10);\n  --uui-color-20: var(--cyan-20);\n  --uui-color-50: var(--cyan-50);\n  --uui-color-60: var(--cyan-60);\n  --uui-color-70: var(--cyan-70);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-mint {\n  --uui-color-5: var(--mint-5);\n  --uui-color-10: var(--mint-10);\n  --uui-color-20: var(--mint-20);\n  --uui-color-50: var(--mint-50);\n  --uui-color-60: var(--mint-60);\n  --uui-color-70: var(--mint-70);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-solid {\n  --uui-badge-bg-hover: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-0);\n  --uui-badge-bg-hover: var(--uui-neutral-10);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-40);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-40);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-20);\n  --uui-badge-border: var(--uui-neutral-40);\n  --uui-badge-border-hover: var(--uui-neutral-40);\n  --uui-badge-bg-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-solid {\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-10);\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-70);\n  --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n  --uui-badge-bg-hover: var(--uui-neutral-30);\n  --uui-badge-border: var(--uui-neutral-60);\n  --uui-badge-border-hover: var(--uui-neutral-60);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n  --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n  --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n  font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n  --uui-icon_btn: var(--uui-neutral-60);\n  --uui-icon_btn-hover: var(--uui-neutral-70);\n  --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n  --uui-icon_btn: var(--uui-neutral-50);\n  --uui-icon_btn-hover: var(--uui-neutral-60);\n  --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-icon_button.uui-color-white {\n  --uui-icon_btn-hover: var(--uui-neutral-20);\n  --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-link_button.uui-color-white {\n  --uui-link_btn-text-hover: var(--uui-neutral-30);\n  --uui-link_btn-text-active: var(--uui-neutral-40);\n  --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white {\n  --uui-tooltip-bg: var(--uui-neutral-0);\n  --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red {\n  --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray {\n  --uui-tooltip-bg: var(--uui-neutral-80);\n  --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot {\n  background-color: color-mix(in srgb, var(--white) 20%, transparent);\n  border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-flex-row-bg-none {\n  --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-flex-row-bg-white {\n  --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-flex-row-bg-gray5 {\n  --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n  --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n  --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-gray5 {\n  --uui-text: var(--gray5);\n}\n.uui-theme-promo .uui-text.uui-color-gray80 {\n  --uui-text: var(--gray80);\n}\n.uui-theme-promo .uui-text.uui-color-gray90 {\n  --uui-text: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-blue {\n  --uui-text: var(--blue-70);\n}\n.uui-theme-promo .uui-text.uui-color-green {\n  --uui-text: var(--green-70);\n}\n.uui-theme-promo .uui-text.uui-color-amber {\n  --uui-text: var(--amber-70);\n}\n.uui-theme-promo .uui-text.uui-color-red {\n  --uui-text: var(--red-70);\n}\n.uui-theme-promo .uui-tag {\n  --uui-border-radius: 3px;\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid {\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n  --uui-tag-border-hover: var(--uui-neutral-10);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-0);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid {\n  --uui-tag-bg-hover: var(--uui-neutral-20);\n  --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-5);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n  --uui-tag-caption: var(--uui-neutral-70);\n  --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-40);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n  --uui-tag-bg: var(--uui-neutral-70);\n  --uui-tag-border: var(--uui-neutral-70);\n  --uui-tag-bg-hover: var(--uui-neutral-80);\n  --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n  --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-50);\n  --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid {\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-dropdown-body {\n  --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n  font-family: var(--font-museo-sans);\n  text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 400;\n  --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n  --uui-text-font: var(--font-museo-sans);\n  --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n  --uui-text-font: var(--font-museo-slab);\n  --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n  font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n  font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n  font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n  font-family: var(--font-museo-sans);\n}\n.uui-theme-promo {\n  --uui-grid-unit: 6px;\n  --uui-focus-outline-width: 2px;\n  --uui-focus-outline-offset: 2px;\n  --uui-focus-radius: 2px;\n  --uui-tab-line-width: 3px;\n  --uui-notify-size: 6px;\n  --uui-resize-marker-width: 12px;\n}\n.uui-theme-promo .uui-size-12 {\n  --uui-size: 12px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-promo .uui-size-18 {\n  --uui-size: 18px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 3px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 3px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 10px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-promo .uui-size-24 {\n  --uui-size: 24px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-promo .uui-size-30 {\n  --uui-size: 30px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 6px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-promo .uui-size-36 {\n  --uui-size: 36px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-promo .uui-size-42 {\n  --uui-size: 42px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-promo .uui-size-48 {\n  --uui-size: 48px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 12px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-promo .uui-size-60 {\n  --uui-size: 60px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 18px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 20px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-size-42 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-size-48 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea.uui-size-24 {\n  --uui-line-height: 12px;\n}\n.uui-theme-promo .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n  --uui-horizontal-padding: 6px;\n  --uui-horizontal-gap: 3px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-vertical-tab-button.uui-size-30 {\n  --uui-horizontal-padding: 12px;\n  --uui-icon-size: 12px;\n}\n.uui-theme-promo .uui-vertical-tab-button.uui-size-36 {\n  --uui-horizontal-padding: 18px;\n}\n.uui-theme-promo .uui-vertical-tab-button.uui-size-48 {\n  --uui-horizontal-padding: 18px;\n  --uui-font-size: 14px;\n  --uui-icon-size: 18px;\n}\n.uui-theme-promo .uui-tag.uui-size-18 {\n  --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-tag.uui-size-18 .uui-caption {\n  --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-promo .uui-tag.uui-size-24 {\n  --uui-icon-size: 18px;\n}\n.uui-theme-promo .uui-tag.uui-size-42 {\n  --uui-icon-size: 24px;\n}\n.uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30, .uui-theme-promo .uui-tag.uui-size-36, .uui-theme-promo .uui-tag.uui-size-42 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30 {\n  --uui-horizontal-padding: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .uui-radio-input-container.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-switch.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-switch.uui-size-24 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-30 {\n  --uui-icon-size: 12px;\n  --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-42 {\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-48 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-badge.uui-size-18 {\n  --uui-font-size: 12px;\n  --uui-horizontal-padding: 6px;\n  --uui-badge-caption-horizontal-padding: 0;\n  --uui-badge-indicator-padding: 3px;\n}\n.uui-theme-promo .uui-badge.uui-size-24 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 12px;\n}\n.uui-theme-promo .uui-badge.uui-size-36 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-promo .uui-badge.uui-size-42 {\n  --uui-icon-size: 24px;\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-promo .uui-badge.uui-size-48 {\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-promo .uui-badge.uui-size-24, .uui-theme-promo .uui-badge.uui-size-30, .uui-theme-promo .uui-badge.uui-size-36, .uui-theme-promo .uui-badge.uui-size-42, .uui-theme-promo .uui-badge.uui-size-48 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-promo .uui-status_indicator.uui-size-12 {\n  --uui-horizontal-gap: 4px;\n}\n.uui-theme-promo .uui-status_indicator.uui-size-18 {\n  --uui-horizontal-gap: 6px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-promo .uui-status_indicator.uui-size-24 {\n  --uui-font-size: 14px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-promo .uui-count_indicator.uui-size-12 {\n  --uui-horizontal-padding: 3px;\n  --uui-line-height: 10px;\n  --uui-font-size: 10px;\n}\n.uui-theme-promo .uui-count_indicator.uui-size-18 {\n  --uui-horizontal-padding: 6px;\n  --uui-line-height: 16px;\n  --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-count_indicator.uui-size-24 {\n  --uui-line-height: 22px;\n  --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-36 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-48 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-60 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-picker_toggler.uui-size-30, .uui-theme-promo .uui-picker_toggler.uui-size-36, .uui-theme-promo .uui-picker_toggler.uui-size-42, .uui-theme-promo .uui-picker_toggler.uui-size-48 {\n  --uui-vertical-padding: 3px;\n}\n.uui-theme-promo .uui-alert.uui-size-36 {\n  --uui-alert-indicator-border-width: 3px;\n  --uui-alert-gap-h: 12px;\n  --uui-alert-gap-v: 3px;\n  --uui-alert-padding-h: 9px;\n  --uui-alert-padding-v: 3px;\n  --uui-alert-caption-gap-h: 9px;\n}\n.uui-theme-promo .uui-filters-panel-item-toggler.uui-size-24 {\n  --uui-horizontal-padding: 3px;\n  --uui-horizontal-gap: 3px;\n}","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\r\n\r\n@mixin theme-color-classes {\r\n    .uui-color-primary {\r\n        --uui-color-5: var(--uui-primary-5);\r\n        --uui-color-10: var(--uui-primary-10);\r\n        --uui-color-20: var(--uui-primary-20);\r\n        --uui-color-50: var(--uui-primary-50);\r\n        --uui-color-60: var(--uui-primary-60);\r\n        --uui-color-70: var(--uui-primary-70);\r\n        --uui-color-contrast: var(--uui-primary-contrast);\r\n    }\r\n\r\n    .uui-color-secondary {\r\n        --uui-color-5: var(--uui-secondary-5);\r\n        --uui-color-10: var(--uui-secondary-10);\r\n        --uui-color-20: var(--uui-secondary-20);\r\n        --uui-color-50: var(--uui-secondary-50);\r\n        --uui-color-60: var(--uui-secondary-60);\r\n        --uui-color-70: var(--uui-secondary-70);\r\n        --uui-color-contrast: var(--uui-secondary-contrast);\r\n    }\r\n\r\n    .uui-color-accent {\r\n        --uui-color-5: var(--uui-accent-5);\r\n        --uui-color-10: var(--uui-accent-10);\r\n        --uui-color-20: var(--uui-accent-20);\r\n        --uui-color-50: var(--uui-accent-50);\r\n        --uui-color-60: var(--uui-accent-60);\r\n        --uui-color-70: var(--uui-accent-70);\r\n        --uui-color-contrast: var(--uui-accent-contrast);\r\n    }\r\n\r\n    .uui-color-info {\r\n        --uui-color-5: var(--uui-info-5);\r\n        --uui-color-10: var(--uui-info-10);\r\n        --uui-color-20: var(--uui-info-20);\r\n        --uui-color-50: var(--uui-info-50);\r\n        --uui-color-60: var(--uui-info-60);\r\n        --uui-color-70: var(--uui-info-70);\r\n        --uui-color-contrast: var(--uui-info-contrast);\r\n    }\r\n\r\n    .uui-color-success {\r\n        --uui-color-5: var(--uui-success-5);\r\n        --uui-color-10: var(--uui-success-10);\r\n        --uui-color-20: var(--uui-success-20);\r\n        --uui-color-50: var(--uui-success-50);\r\n        --uui-color-60: var(--uui-success-60);\r\n        --uui-color-70: var(--uui-success-70);\r\n        --uui-color-contrast: var(--uui-success-contrast);\r\n    }\r\n\r\n    .uui-color-warning {\r\n        --uui-color-5: var(--uui-warning-5);\r\n        --uui-color-10: var(--uui-warning-10);\r\n        --uui-color-20: var(--uui-warning-20);\r\n        --uui-color-50: var(--uui-warning-50);\r\n        --uui-color-60: var(--uui-warning-60);\r\n        --uui-color-70: var(--uui-warning-70);\r\n        --uui-color-contrast: var(--uui-warning-contrast);\r\n    }\r\n\r\n    .uui-color-error {\r\n        --uui-color-5: var(--uui-error-5);\r\n        --uui-color-10: var(--uui-error-10);\r\n        --uui-color-20: var(--uui-error-20);\r\n        --uui-color-50: var(--uui-error-50);\r\n        --uui-color-60: var(--uui-error-60);\r\n        --uui-color-70: var(--uui-error-70);\r\n        --uui-color-contrast: var(--uui-error-contrast);\r\n    }\r\n\r\n    .uui-color-critical {\r\n        --uui-color-5: var(--uui-critical-5);\r\n        --uui-color-10: var(--uui-critical-10);\r\n        --uui-color-20: var(--uui-critical-20);\r\n        --uui-color-50: var(--uui-critical-50);\r\n        --uui-color-60: var(--uui-critical-60);\r\n        --uui-color-70: var(--uui-critical-70);\r\n        --uui-color-contrast: var(--uui-critical-contrast);\r\n    }\r\n\r\n    .uui-color-white {\r\n        --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\r\n        --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\r\n        --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\r\n        --uui-color-50: var(--uui-neutral-0);\r\n        --uui-color-60: var(--uui-neutral-10);\r\n        --uui-color-70: var(--uui-neutral-20);\r\n        --uui-color-contrast: var(--uui-neutral-70);\r\n    }\r\n\r\n    .uui-color-neutral {\r\n        --uui-color-5: var(--uui-secondary-5);\r\n        --uui-color-10: var(--uui-secondary-10);\r\n        --uui-color-20: var(--uui-secondary-20);\r\n        --uui-color-50: var(--uui-secondary-50);\r\n        --uui-color-60: var(--uui-secondary-60);\r\n        --uui-color-70: var(--uui-secondary-70);\r\n        --uui-color-contrast: var(--uui-secondary-contrast);\r\n    }\r\n}\r\n","@mixin uui-6px-grid {\n    & {\n        --uui-grid-unit: 6px;\n        --uui-focus-outline-width: 2px;\n        --uui-focus-outline-offset: 2px;\n        --uui-focus-radius: 2px;\n        //--uui-border-radius: 3px; // TODO: ?????\n        --uui-tab-line-width: 3px;\n        --uui-notify-size: 6px;\n        --uui-resize-marker-width: 12px;\n    }\n\n    .uui-size-12 {\n        --uui-size: 12px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px; // remove - discuss\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-18 {\n        --uui-size: 18px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 3px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 3px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 10px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-24 {\n        --uui-size: 24px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 18px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-30 {\n        --uui-size: 30px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 6px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-36 {\n        --uui-size: 36px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-42 {\n        --uui-size: 42px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 10px;\n    }\n\n    .uui-size-48 {\n        --uui-size: 48px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 12px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-size-60 {\n        --uui-size: 60px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 18px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 20px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-input-box {\n        &.uui-size-42 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-textarea {\n            --uui-horizontal-padding: 12px;\n\n            &.uui-size-24 {\n                --uui-line-height: 12px;\n            }\n        }\n    }\n\n    .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n        --uui-horizontal-padding: 6px;\n        --uui-horizontal-gap: 3px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n    }\n\n    .uui-vertical-tab-button {\n        &.uui-size-30 {\n            --uui-horizontal-padding: 12px;\n            --uui-icon-size: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 18px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 18px;\n            --uui-font-size: 14px;\n            --uui-icon-size: 18px;\n        }\n    }\n\n    .uui-tag {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n\n            .uui-caption {\n                --uui-tag-caption-horizontal-padding: 0;\n            }\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42 {\n            --uui-horizontal-gap: 3px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30 {\n            --uui-horizontal-padding: 3px;\n        }\n\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-padding: 9px;\n        }\n    }\n\n    .uui-checkbox-container, .uui-radio-input-container {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-switch {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-24 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 24px;\n            --uui-font-size: 16px;\n        }\n    }\n\n    .uui-labeled-input {\n        &.uui-size-30 {\n            --uui-icon-size: 12px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-42 {\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-48 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-badge {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n            --uui-horizontal-padding: 6px;\n            --uui-badge-caption-horizontal-padding: 0;\n            --uui-badge-indicator-padding: 3px;\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 9px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-gap: 3px;\n        }\n    }\n\n    .uui-status_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-gap: 4px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-gap: 6px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n            --uui-dot-size: 8px;\n        }\n\n        &.uui-size-24 {\n            --uui-font-size: 14px;\n            --uui-dot-size: 10px;\n        }\n    }\n\n    .uui-count_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-padding: 3px;\n            --uui-line-height: 10px;\n            --uui-font-size: 10px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-padding: 6px;\n            --uui-line-height: 16px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-24 {\n            --uui-line-height: 22px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-table-header-cell {\n        &.uui-size-36 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-60 {\n            --uui-horizontal-gap: 12px;\n        }\n    }\n\n    .uui-picker_toggler {\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-vertical-padding: 3px;\n        }\n    }\n\n    .uui-alert {\n        &.uui-size-36 {\n            --uui-alert-indicator-border-width: 3px;\n            --uui-alert-gap-h: 12px;\n            --uui-alert-gap-v: 3px;\n            --uui-alert-padding-h: 9px;\n            --uui-alert-padding-v: 3px;\n            --uui-alert-caption-gap-h: 9px;\n        }\n    }\n\n    .uui-filters-panel-item-toggler {\n        &.uui-size-24 {\n            --uui-horizontal-padding: 3px;\n            --uui-horizontal-gap: 3px;\n        }\n    }\n}\n"]}