@epam/assets 5.6.2 → 5.7.0-alpha.0

package/css/theme/theme_promo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../theme/tokens/_theme_promo.scss","../../../theme/theme_promo.scss","../../../../../theme/theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["@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 theme-promo {\n    @include tokens.theme-tokens;\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    /* core variables start */\n\n    /* brand colors */\n\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--gray80);\n\n    --uui-error-contrast: var(--white);\n\n    /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link-visited-hover: #601278;\n\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 0;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\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-primary,\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-secondary,\n    .uui-color-neutral,\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-critical,\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-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\n    .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\n    .uui-color-warning,\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-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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray5 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--gray5);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--gray10);\n        --uui-color-20: var(--gray20);\n        --uui-color-50: var(--gray80);\n        --uui-color-60: var(--gray80);\n        --uui-color-70: var(--gray80);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-gray90 {\n        --uui-color-5: var(--gray60);\n        --uui-color-10: var(--gray70);\n        --uui-color-20: var(--gray80);\n        --uui-color-50: var(--gray90);\n        --uui-color-60: var(--gray90);\n        --uui-color-70: var(--gray90);\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-outline {\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    }\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\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: 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-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    }\n\n    .uui-badge.uui-color-gray60 {\n        &.uui-fill-outline {\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    /* 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-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-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    /* 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                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\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-gray10 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n                --uui-tag-fill: var(--uui-neutral-60);\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.uui-theme-promo {\n    @include theme-promo();\n}\n\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\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\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\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\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\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\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\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\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\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    --uui-surface-sunken: var(--uui-neutral-20);\n\n    // \"\"\n    --uui-border-radius: 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-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: #8018A0;\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}","/*  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  /***************/\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-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-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-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-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-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-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-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  /********************/\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-surface-sunken: var(--uui-neutral-20);\n  --uui-border-radius: 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-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: #8018A0;\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  --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  /* core variables start */\n  /* brand colors */\n  --uui-primary-contrast: var(--white);\n  --uui-accent-contrast: var(--white);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-contrast: var(--white);\n  /* semantic colors */\n  --uui-info-contrast: var(--white);\n  --uui-success-contrast: var(--white);\n  --uui-warning-contrast: var(--gray80);\n  --uui-error-contrast: var(--white);\n  /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n  /* not accepted part */\n  /* control specific */\n  --uui-link-visited-hover: #601278;\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-disabled: var(--uui-neutral-30);\n  --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n  --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n  --uui-border-radius: 0;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* begin color classes */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* Tooltip */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* FlexRow */\n  /* Tag */\n  /* fonts */\n  /* Typography */\n}\n.uui-theme-promo .uui-color-accent,\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-primary,\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-secondary,\n.uui-theme-promo .uui-color-neutral,\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-critical,\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-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-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-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-white {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--gray10);\n  --uui-color-70: var(--gray20);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--gray5);\n  --uui-color-60: var(--gray10);\n  --uui-color-70: var(--gray20);\n  --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--gray10);\n  --uui-color-20: var(--gray20);\n  --uui-color-50: var(--gray80);\n  --uui-color-60: var(--gray80);\n  --uui-color-70: var(--gray80);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n  --uui-color-5: var(--gray60);\n  --uui-color-10: var(--gray70);\n  --uui-color-20: var(--gray80);\n  --uui-color-50: var(--gray90);\n  --uui-color-60: var(--gray90);\n  --uui-color-70: var(--gray90);\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-outline {\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-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-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-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-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-gray60.uui-fill-outline {\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-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-color-none {\n  --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n  --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-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-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  --uui-tag-fill: var(--uui-neutral-60);\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  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\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-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-border-hover: var(--uui-neutral-20);\n  --uui-tag-fill: var(--uui-neutral-60);\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  --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n  --uui-tag-fill: var(--uui-neutral-60);\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}","@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 theme-promo {\n    @include tokens.theme-tokens;\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    /* core variables start */\n\n    /* brand colors */\n\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--gray80);\n\n    --uui-error-contrast: var(--white);\n\n    /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link-visited-hover: #601278;\n\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 0;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\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-primary,\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-secondary,\n    .uui-color-neutral,\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-critical,\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-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\n    .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\n    .uui-color-warning,\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-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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray5 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--gray5);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--gray10);\n        --uui-color-20: var(--gray20);\n        --uui-color-50: var(--gray80);\n        --uui-color-60: var(--gray80);\n        --uui-color-70: var(--gray80);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-gray90 {\n        --uui-color-5: var(--gray60);\n        --uui-color-10: var(--gray70);\n        --uui-color-20: var(--gray80);\n        --uui-color-50: var(--gray90);\n        --uui-color-60: var(--gray90);\n        --uui-color-70: var(--gray90);\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-outline {\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    }\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\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: 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-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    }\n\n    .uui-badge.uui-color-gray60 {\n        &.uui-fill-outline {\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    /* 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-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-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    /* 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                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\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-gray10 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n                --uui-tag-fill: var(--uui-neutral-60);\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.uui-theme-promo {\n    @include theme-promo();\n}\n\n"]}
+{"version":3,"sources":["../../../scss/promo/font-faces.scss","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss","../../../theme/theme_promo.scss%23sass","../../../theme/tokens/_theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\n\n@font-face {\n    font-family: 'Sans Regular';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Sans Semibold';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Sans Italic';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Redacted';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\n    font-display: block;\n}\n\n@font-face {\n    font-family: 'Roboto Mono';\n    font-style: normal;\n    font-weight: normal;\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\n    font-weight: 200;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\n    font-weight: 200;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\n    font-weight: 300;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\n    font-weight: 300;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n    font-weight: 400;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n    font-weight: 400;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n    font-weight: 600;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\n    font-weight: 600;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\n    font-weight: 700;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\n    font-weight: 700;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\n    font-weight: 900;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\n    font-weight: 900;\n    font-style: italic;\n}\n","@use '../scss/promo/font-faces';\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 theme-promo {\n    @include tokens.theme-tokens;\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    /* contrast colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--gray80);\n\n    --uui-error-contrast: var(--white);\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 0;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\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-primary,\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-secondary,\n    .uui-color-neutral,\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-critical,\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-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\n    .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\n    .uui-color-warning,\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-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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray5 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--gray5);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--gray10);\n        --uui-color-20: var(--gray20);\n        --uui-color-50: var(--gray80);\n        --uui-color-60: var(--gray80);\n        --uui-color-70: var(--gray80);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-gray90 {\n        --uui-color-5: var(--gray60);\n        --uui-color-10: var(--gray70);\n        --uui-color-20: var(--gray80);\n        --uui-color-50: var(--gray90);\n        --uui-color-60: var(--gray90);\n        --uui-color-70: var(--gray90);\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-outline {\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    }\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\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: 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-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\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    /* 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-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-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    /* 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                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\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-gray10 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n                --uui-tag-fill: var(--uui-neutral-60);\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.uui-theme-promo {\n    @include theme-promo();\n}\n\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n  font-family: \"Sans Regular\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Sans Semibold\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Sans Italic\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Redacted\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename\") format(\"svg\");\n  font-display: block;\n}\n@font-face {\n  font-family: \"Roboto Mono\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf\") format(\"truetype\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf\") format(\"truetype\");\n  font-weight: 200;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n  font-weight: 300;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf\") format(\"truetype\");\n  font-weight: 300;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n  font-weight: 400;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf\") format(\"truetype\");\n  font-weight: 600;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf\") format(\"truetype\");\n  font-weight: 700;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf\") format(\"truetype\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf\") format(\"truetype\");\n  font-weight: 900;\n  font-style: italic;\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  /***************/\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-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-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-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-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-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-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-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  /********************/\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-surface-sunken: var(--uui-neutral-20);\n  --uui-border-radius: 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  --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  /* contrast colors */\n  --uui-primary-contrast: var(--white);\n  --uui-accent-contrast: var(--white);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-contrast: var(--white);\n  --uui-info-contrast: var(--white);\n  --uui-success-contrast: var(--white);\n  --uui-warning-contrast: var(--gray80);\n  --uui-error-contrast: var(--white);\n  /* shadows */\n  --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n  --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n  --uui-border-radius: 0;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* begin color classes */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* Tooltip */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* FlexRow */\n  /* Tag */\n  /* fonts */\n  /* Typography */\n}\n.uui-theme-promo .uui-color-accent,\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-primary,\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-secondary,\n.uui-theme-promo .uui-color-neutral,\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-critical,\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-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-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-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-white {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--gray10);\n  --uui-color-70: var(--gray20);\n  --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--gray5);\n  --uui-color-60: var(--gray10);\n  --uui-color-70: var(--gray20);\n  --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--gray10);\n  --uui-color-20: var(--gray20);\n  --uui-color-50: var(--gray80);\n  --uui-color-60: var(--gray80);\n  --uui-color-70: var(--gray80);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n  --uui-color-5: var(--gray60);\n  --uui-color-10: var(--gray70);\n  --uui-color-20: var(--gray80);\n  --uui-color-50: var(--gray90);\n  --uui-color-60: var(--gray90);\n  --uui-color-70: var(--gray90);\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-outline {\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-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-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-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-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\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-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-color-none {\n  --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n  --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-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-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  --uui-tag-fill: var(--uui-neutral-60);\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  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\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-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-border-hover: var(--uui-neutral-20);\n  --uui-tag-fill: var(--uui-neutral-60);\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  --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n  --uui-tag-fill: var(--uui-neutral-60);\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}","@use '../scss/promo/font-faces';\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 theme-promo {\n    @include tokens.theme-tokens;\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    /* contrast colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--gray80);\n\n    --uui-error-contrast: var(--white);\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 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 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 0;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\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-primary,\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-secondary,\n    .uui-color-neutral,\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-critical,\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-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\n    .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\n    .uui-color-warning,\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-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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\n    }\n\n    .uui-color-gray5 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--gray5);\n        --uui-color-60: var(--gray10);\n        --uui-color-70: var(--gray20);\n        --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--gray10);\n        --uui-color-20: var(--gray20);\n        --uui-color-50: var(--gray80);\n        --uui-color-60: var(--gray80);\n        --uui-color-70: var(--gray80);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-gray90 {\n        --uui-color-5: var(--gray60);\n        --uui-color-10: var(--gray70);\n        --uui-color-20: var(--gray80);\n        --uui-color-50: var(--gray90);\n        --uui-color-60: var(--gray90);\n        --uui-color-70: var(--gray90);\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-outline {\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    }\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\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: 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-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\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    /* 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-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-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    /* 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                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\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-gray10 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\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-text-primary);\n                --uui-tag-fill: var(--uui-neutral-60);\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.uui-theme-promo {\n    @include theme-promo();\n}\n\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\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\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\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\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\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\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\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\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\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    --uui-surface-sunken: var(--uui-neutral-20);\n\n    // \"\"\n    --uui-border-radius: 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}"]}

package/icons/account-multiple_plus-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 17v2H7v-2s0-4 6-4 6 4 6 4zm-3-9a3 3 0 10-6 0 3 3 0 006 0zm3.2 5.06A5.6 5.6 0 0121 17v2h3v-2s0-3.45-4.8-3.94zM18 5a2.91 2.91 0 00-.89.14 5 5 0 010 5.72c.288.093.588.14.89.14a3 3 0 000-6zM8 10H5V7H3v3H0v2h3v3h2v-3h3v-2z"/></svg>

package/icons/action-account-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10 8a7.984 7.984 0 006.19-2.931.126.126 0 00-.04.031c-.85-.65-1.8-1.163-2.85-1.538A9.745 9.745 0 0012 15c-1.15 0-2.25.187-3.3.562-1.05.375-2 .888-2.85 1.538a.143.143 0 00-.043-.035A7.984 7.984 0 0012 20zm-2.488-8.012C10.187 12.663 11.017 13 12 13c.983 0 1.813-.337 2.488-1.012S15.5 10.483 15.5 9.5c0-.983-.337-1.813-1.012-2.488S12.983 6 12 6c-.983 0-1.813.337-2.488 1.012S8.5 8.517 8.5 9.5c0 .983.337 1.813 1.012 2.488z" clip-rule="evenodd"/></svg>

package/icons/action-add-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.75 3h-3.5v7.25H3v3.5h7.25V21h3.5v-7.25H21v-3.5h-7.25V3z"/></svg>

package/icons/action-add-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.286 3h-2.572v7.714H3v2.572h7.714V21h2.572v-7.714H21v-2.572h-7.714V3z"/></svg>

package/icons/action-align_center-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19 16v-3h4v-2h-4V8l-4 4 4 4zM5 8v3H1v2h4v3l4-4-4-4zm6 12h2V4h-2v16z" clip-rule="evenodd"/></svg>

package/icons/action-align_left-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 16v-3h10v-2H11V8l-4 4 4 4zm-8 4h2V4H3v16z" clip-rule="evenodd"/></svg>

package/icons/action-align_right-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13 16v-3H3v-2h10V8l4 4-4 4zm8 4h-2V4h2v16z" clip-rule="evenodd"/></svg>

package/icons/action-calendar-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 22a1.93 1.93 0 01-1.413-.587A1.928 1.928 0 013 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 015 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 01-.587 1.413A1.928 1.928 0 0119 22H5zm0-2h14V10H5v10z"/></svg>

package/icons/action-copy_content-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9 7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V9a2 2 0 00-2-2H9zm5-4H5a2 2 0 00-2 2v9h2V5h9V3z" clip-rule="evenodd"/></svg>

package/icons/action-copy_content-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19 19H9V9h10M9 7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V9a2 2 0 00-2-2H9zm5-4H5a2 2 0 00-2 2v9h2V5h9V3z" clip-rule="evenodd"/></svg>

package/icons/action-currency-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z" clip-rule="evenodd"/></svg>

package/icons/action-currency_off-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 4.27L4.28 3 21 19.72 19.73 21l-3.67-3.67c-.62.67-1.52 1.22-2.56 1.49V21h-3v-2.18C8.47 18.31 7 16.79 7 15h2c0 1.08 1.37 2 3 2 1.13 0 2.14-.44 2.65-1.08l-2.97-2.97C9.58 12.42 7 11.75 7 9c0-.23 0-.45.07-.66L3 4.27zm7.5.91V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2-.37 0-.72.05-1.05.13L9.4 5.58l1.1-.4z" clip-rule="evenodd"/></svg>

package/icons/action-delete-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5 19c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8H5v11zM20 4h-5V3H9v1H4v2h16V4z" clip-rule="evenodd"/></svg>

package/icons/action-delete-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 3v1H4v2h1v13a2 2 0 002 2h10a2 2 0 002-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"/></svg>

package/icons/action-delete_forever-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z" clip-rule="evenodd"/></svg>

package/icons/action-delete_forever-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15.5 10.167L14.333 9 12 11.333 9.667 9 8.5 10.167l2.333 2.333L8.5 14.833 9.667 16 12 13.667 14.333 16l1.167-1.167-2.333-2.333 2.333-2.333z" clip-rule="evenodd"/><path d="M9 3v1H4v2h1v13a2 2 0 002 2h10a2 2 0 002-2V6h1V4h-5V3H9zM7 6h10v13H7V6z"/></svg>

package/icons/action-drag_corner-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22 22h-4v-4h4v4zm0-8h-4v-4h4v4zm-8 8h-4v-4h4v4zm0-8h-4v-4h4v4zm-8 8H2v-4h4v4zM22 6h-4V2h4v4z" clip-rule="evenodd"/></svg>

package/icons/action-drag_indicator-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 017 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 019 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 019 20zm6 0c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0113 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0115 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0115 20zm-6-6c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 017 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 019 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 019 14zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0113 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0115 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0115 14zM9 8c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 017 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 019 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 019 8zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0113 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0115 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0115 8z"/></svg>

package/icons/action-external_link-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 21a1.93 1.93 0 01-1.413-.587A1.928 1.928 0 013 19V5c0-.55.196-1.021.587-1.413A1.928 1.928 0 015 3h7v2H5v14h14v-7h2v7a1.93 1.93 0 01-.587 1.413A1.928 1.928 0 0119 21H5zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4l-9.3 9.3z"/></svg>

package/icons/action-eye-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14a2 2 0 100-4 2 2 0 000 4z"/><path fill-rule="evenodd" d="M23 12s-4.373 8-11 8-11-8-11-8 4.373-8 11-8 11 8 11 8zm-7 0a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/></svg>

package/icons/action-eye-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 15a3 3 0 100-6 3 3 0 000 6z"/><path fill-rule="evenodd" d="M23 12s-4.373 8-11 8-11-8-11-8 4.373-8 11-8 11 8 11 8zm-2.437.12l.082-.12-.082-.12a19.777 19.777 0 00-2.02-2.494C16.757 7.527 14.5 6 12 6 9.501 6 7.243 7.527 5.457 9.386A19.765 19.765 0 003.355 12l.082.12c.47.686 1.155 1.594 2.02 2.494C7.243 16.473 9.5 18 12 18c2.499 0 4.757-1.527 6.543-3.386a19.85 19.85 0 002.02-2.494z" clip-rule="evenodd"/></svg>

package/icons/action-eye_off-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.05 8c2 .1 3.6 1.7 3.7 3.7l4.1 4.1c1.8-2 2.9-3.9 2.9-3.9s-4.4-8-11-8c-1.1.1-2.2.3-3.2.7l3.5 3.4zm6.3 9.3l-3.2-3.3-3.9-3.9-1.6-1.5L3.05 2l-1.4 1.4 3.4 3.4C2.35 9.1.75 12 .75 12s4.4 8 11 8c1.9 0 3.5-.6 5-1.5l3.6 3.6 1.4-1.4-3.4-3.4zm-6.6-1.3c-2.2 0-4-1.8-4-4 0-.7.2-1.4.5-2l1.5 1.5v.5c0 1.1.9 2 2 2 .2 0 .3 0 .5-.1l1.5 1.5c-.6.4-1.3.6-2 .6z"/></svg>

package/icons/action-eye_off-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.65 17.3l-3.2-3.3-3.9-3.9-1.6-1.5L3.35 2l-1.4 1.4 3.37 3.37C2.594 9.08 1 12 1 12s4.373 8 11 8c1.863 0 3.549-.632 5.008-1.542L20.65 22.1l1.4-1.4-3.4-3.4zm-3.101-.301C14.446 17.616 13.253 18 12 18c-2.499 0-4.757-1.527-6.543-3.386A19.762 19.762 0 013.355 12a19.893 19.893 0 012.102-2.614c.404-.42.832-.824 1.282-1.197L9.28 10.73a3 3 0 003.987 3.987l2.28 2.28z" clip-rule="evenodd"/><path d="M23 12s-1.055 1.93-2.915 3.895l-1.393-1.437A19.89 19.89 0 0020.645 12l-.082-.12a19.777 19.777 0 00-2.02-2.494C16.757 7.527 14.5 6 12 6c-.559 0-1.105.076-1.637.216L8.78 4.633A8.722 8.722 0 0112 4c6.627 0 11 8 11 8z"/></svg>

package/icons/action-flash-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 23v-9H7V2h10l-4 9h4l-7 12z"/></svg>

package/icons/action-full_width-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 20H1V4h2v16zm20 0h-2V4h2v16zM9 16v-3h6v3l4-4-4-4v3H9V8l-4 4 4 4z" clip-rule="evenodd"/></svg>

package/icons/action-history-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 21c-2.3 0-4.304-.763-6.012-2.288C4.279 17.187 3.3 15.283 3.05 13H5.1c.233 1.733 1.004 3.167 2.312 4.3C8.721 18.433 10.25 19 12 19c1.95 0 3.604-.68 4.962-2.038C18.321 15.604 19 13.95 19 12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5a6.75 6.75 0 00-3.225.8A7.431 7.431 0 006.25 8H9v2H3V4h2v2.35a8.73 8.73 0 013.113-2.475A8.928 8.928 0 0112 3a8.71 8.71 0 013.513.712 9.168 9.168 0 012.85 1.925 9.167 9.167 0 011.925 2.85A8.715 8.715 0 0121 12c0 1.25-.237 2.42-.712 3.512a9.151 9.151 0 01-1.925 2.85 9.158 9.158 0 01-2.85 1.926A8.715 8.715 0 0112 21zm2.8-4.8L11 12.4V7h2v4.6l3.2 3.2-1.4 1.4z"/></svg>

package/icons/action-home-fill-opt.2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 21V9l8-6 8 6v12h-6v-7h-4v7H4z"/></svg>