@sddsjs/sdds_finai 0.1.0

package/es/theme/tokens/index.js

@@ -0,0 +1,4298 @@
+// Generated by robots, do not change this manually!
+
+/** Третичный цвет текста */
+var textTertiaryActive = 'var(--text-tertiary-active, #D6DFE65C)';
+
+/** Третичный цвет текста */
+var textTertiaryHover = 'var(--text-tertiary-hover, #D6DFE6FF)';
+
+/** Акцентный минорный цвет */
+var textAccentMinorActive = 'var(--text-accent-minor-active, #10659EFF)';
+
+/** Акцентный минорный цвет */
+var textAccentMinorHover = 'var(--text-accent-minor-hover, #1277BAFF)';
+
+/** Цвет ошибки */
+var textNegativeHover = 'var(--text-negative-hover, #FF5C6CFF)';
+
+/** Цвет ошибки */
+var textNegativeActive = 'var(--text-negative-active, #FF1F35FF)';
+
+/** Минорный цвет успеха */
+var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
+
+/** Цвет информации */
+var textInfoHover = 'var(--text-info-hover, #66BCF5FF)';
+
+/** dark data default dataArctic */
+var dataArctic = 'var(--data-arctic, #197D61)';
+
+/** Желтый цвет для данных */
+var dataYellowActive = 'var(--data-yellow-active, #996600FF)';
+
+/** Минорный цвет информации */
+var textInfoMinor = 'var(--text-info-minor, #0D5382)';
+
+/** Минорный цвет информации */
+var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
+
+/** Минорный цвет информации */
+var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
+
+/** Цвет ошибки */
+var textNegative = 'var(--text-negative, #FF3D51)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
+
+/** Сплошной наборный текст */
+var textParagraph = 'var(--text-paragraph, #F2F5F8CC)';
+
+/** Цвет успеха */
+var textPositive = 'var(--text-positive, #24B23E)';
+
+/** Минорный цвет успеха */
+var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
+
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #F2F5F8F5)';
+
+/** Основной цвет текста */
+var textPrimaryBrightness = 'var(--text-primary-brightness, #F3F6F8FF)';
+
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #D5DFE69E)';
+
+/** Третичный цвет текста */
+var textTertiary = 'var(--text-tertiary, #D5DFE64D)';
+
+/** Цвет предупреждения */
+var textWarning = 'var(--text-warning, #FF7024)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinor = 'var(--text-warning-minor, #85380C)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0E8ADDFF)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #66BCF5FF)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #1277BAFF)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F2F5F8A3)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F2F5F87A)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #1F9835FF)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F2F5F8C4)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F2F5F893)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #D6DFE6FF)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #D6DFE65C)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #D6DFE6FF)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF1F35FF)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5C6CFF)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #FF5D05FF)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FF8442FF)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #66BCF5FF)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimary = 'var(--on-dark-text-primary, #F2F5F8F5)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #D5DFE64D)';
+
+/** Желтый цвет для данных */
+var dataYellowHover = 'var(--data-yellow-hover, #B87A00FF)';
+
+/** Светлый желтый цвет для данных */
+var dataYellowLightHover = 'var(--data-yellow-light-hover, #2A1E09FF)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #717C84FF)';
+
+/** Светлый желтый цвет для данных */
+var dataYellowLightActive = 'var(--data-yellow-light-active, #191205FF)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #485056FF)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #A3DAFFFF)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #13181BA3)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #13181B7A)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D731EFF)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA2CFF)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #717C8493)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #33ADFFFF)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #A3DAFFFF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #C61022FF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #ED263AFF)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF707EFF)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFADB6FF)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraph = 'var(--on-light-text-paragraph, #13181BCC)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #23B83EFF)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #3EDA5BFF)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimary = 'var(--on-light-text-primary, #13181BF5)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #212629FF)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC884AFF)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB086FF)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #485056FF)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegative = 'var(--on-light-text-negative, #E31227)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondary = 'var(--on-light-text-secondary, #485056B0)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiary = 'var(--on-light-text-tertiary, #707C847A)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #13181B93)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #717C84FF)';
+
+/** dark data inverse dataArcticActive */
+var inverseDataArcticActive = 'var(--inverse-data-arctic-active, #156A52FF)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #717C8493)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccentActive = 'var(--inverse-text-accent-active, #096CAEFF)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #34A7F4FF)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #13181BA3)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfoActive = 'var(--inverse-text-info-active, #096CAEFF)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #A3DAFFFF)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #C61022FF)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #ED263AFF)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF707EFF)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFADB6FF)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D731EFF)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #23B83EFF)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #3EDA5BFF)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimary = 'var(--inverse-text-primary, #13181BF5)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #212629FF)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC884AFF)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB086FF)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #A3DAFFFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #1F2528FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #2C343AFF)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #394147FF)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccent = 'var(--inverse-text-accent, #0B7ECB)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52BAFF)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegative = 'var(--inverse-text-negative, #E31227)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraph = 'var(--inverse-text-paragraph, #13181BCC)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondary = 'var(--inverse-text-secondary, #485056B0)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiary = 'var(--inverse-text-tertiary, #707C847A)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #171D21FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #09212FFF)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardActive = 'var(--surface-solid-card-active, #030607FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #0A1114FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F1F5F8FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #2B3136FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #118CDF24)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #118CDF52)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0A)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #D6DFE6AD)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #D6DFE6DB)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #D6DFE642)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #D6DFE62E)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #D6DFE65C)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveActive = 'var(--surface-positive-active, #18952FFF)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #111C22FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefault = 'var(--surface-solid-default, #F7F9FB)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimary = 'var(--surface-solid-primary, #13181B)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #212629FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondary = 'var(--surface-solid-secondary, #23292D)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #30373C)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF0F)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF52)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E24)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E52)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3224)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3252)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0524)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0552)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarningHover = 'var(--surface-warning-hover, #FB7223FF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfo = 'var(--surface-info, #118CDF)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegative = 'var(--surface-negative, #FF293E)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositive = 'var(--surface-positive, #1A9E32)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
+
+/** Основной фон для карточек */
+var surfaceSolidCard = 'var(--surface-solid-card, #060A0C)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeep = 'var(--surface-transparent-deep, #D5DFE6BD)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E33)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3233)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #D5DFE624)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #D5DFE63D)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0533)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarning = 'var(--surface-warning, #FA5F05)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #030607FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #0A1114FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0F1315FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1F2528FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #2C343AFF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B3136FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #394147FF)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #D6DFE614)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #D6DFE642)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #06151EFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #09212FFF)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF475AFF)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #18952FFF)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #199AF038)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #199AF066)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #D6DFE6AD)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #D6DFE6DB)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #D6DFE62E)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #D6DFE65C)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F05B05FF)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB7223FF)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #13181B)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF38)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF66)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E38)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E66)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3238)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3266)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0538)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0566)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #060A0C)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #111C22FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F7F9FB)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #212629FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #30373C)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #D5DFE6BD)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #D5DFE624)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #D5DFE63D)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030607FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0A1114FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #EBF0F4FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E2E9EEFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F5F8F9FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #CFDAE2FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E2E9EEFF)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #D6DFE633)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #D6DFE661)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #ADB9C229)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #ADB9C257)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #8A969E66)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1798EEFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #F6FBFEFF)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #118CDF3D)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #30373BB8)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #30373BE6)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #8A969E38)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #DBF1FFFF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #060A0C)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F2F5F8)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #E8EEF2)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #D5DFE6)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #118CDF1F)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF3D)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E0F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E3D)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED8C3FF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0A1114FF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #EBF0F4FF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E2E9EEFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F5F8F9FF)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #CFDAE2FF)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E2E9EEFF)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #D6DFE633)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #D6DFE661)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #ADB9C229)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #ADB9C257)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #ECF6FCFF)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #CFECFF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373CC7)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E321F)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #D5DFE642)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #ADB9C238)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #8A959D47)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #09212FFF)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #118CDF0F)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #118CDF3D)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #30373BB8)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #8A969E38)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #8A969E66)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #DBF1FFFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFFFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #060A0C)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F2F5F8)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #F3F6F8FF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #E8EEF2)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #D5DFE6)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #118CDF1F)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF3D)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E0F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E3D)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
+
+/** Основной фон */
+var backgroundPrimary = 'var(--background-primary, #060A0C)';
+
+/** Основной фон */
+var backgroundPrimaryBrightness = 'var(--background-primary-brightness, #15191BFF)';
+
+/** Инвертированный основной фон */
+var inverseBackgroundPrimaryBrightness = 'var(--inverse-background-primary-brightness, #F7F9FBFF)';
+
+/** Основной фон на светлом фоне */
+var lightBackgroundPrimary = 'var(--light-background-primary, #F2F5F8)';
+
+/** Цвет фона паранжи размытый */
+var overlayBlur = 'var(--overlay-blur, #060A0C47)';
+
+/** Цвет фона паранжи темный */
+var overlayHard = 'var(--overlay-hard, #060A0CF5)';
+
+/** Цвет фона паранжи светлый */
+var overlaySoft = 'var(--overlay-soft, #060A0C8F)';
+
+/** Цвет фона паранжи размытый на темном фоне */
+var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #060A0C47)';
+
+/** Цвет фона паранжи темный на темном фоне */
+var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #060A0CF5)';
+
+/** Цвет фона паранжи светлый на темном фоне */
+var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #060A0C8F)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #CFECFF)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373CC7)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E321F)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #D5DFE642)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #ADB9C238)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #8A959D47)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F051F)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
+
+/** Цвет обводки успех */
+var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
+
+/** Цвет обводки успех */
+var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #A0ADB6FF)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #96A2ABFF)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #68757DFF)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #199AF056)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #199AF0FF)';
+
+/** Инвертированный цвет фона паранжи размытый */
+var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F7F9FB47)';
+
+/** Инвертированный цвет фона паранжи темный */
+var inverseOverlayHard = 'var(--inverse-overlay-hard, #F7F9FBF5)';
+
+/** Инвертированный цвет фона паранжи светлый */
+var inverseOverlaySoft = 'var(--inverse-overlay-soft, #F7F9FB8F)';
+
+/** Цвет фона паранжи размытый на светлом фоне */
+var onLightOverlayBlur = 'var(--on-light-overlay-blur, #F7F9FB47)';
+
+/** Цвет фона паранжи темный на светлом фоне */
+var onLightOverlayHard = 'var(--on-light-overlay-hard, #F7F9FBF5)';
+
+/** Цвет фона паранжи светлый на светлом фоне */
+var onLightOverlaySoft = 'var(--on-light-overlay-soft, #F7F9FB8F)';
+
+/** Цвет обводки информация */
+var outlineInfo = 'var(--outline-info, #199AF0)';
+
+/** Цвет обводки информация */
+var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
+
+/** Цвет обводки информация */
+var outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
+
+/** Цвет обводки ошибка */
+var outlineNegative = 'var(--outline-negative, #FF3D51)';
+
+/** Цвет обводки ошибка */
+var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
+
+/** Цвет обводки ошибка */
+var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
+
+/** Цвет обводки успех */
+var outlinePositive = 'var(--outline-positive, #24B23E)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimary = 'var(--outline-solid-primary, #23292D)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiary = 'var(--outline-solid-tertiary, #657179)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccent = 'var(--outline-transparent-accent, #199AF047)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositive = 'var(--outline-transparent-positive, #24B23E47)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarning = 'var(--outline-transparent-warning, #FF702447)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
+
+/** Цвет обводки предупреждение */
+var outlineWarning = 'var(--outline-warning, #FF7024)';
+
+/** Цвет обводки предупреждение */
+var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
+
+/** Цвет обводки предупреждение */
+var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0E8ADDFF)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #66BCF5FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #10659EFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1277BAFF)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #A0ADB6FF)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #96A2ABFF)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #68757DFF)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #199AF056)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #199AF0FF)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #66BCF5FF)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #23292D)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #30373C)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #657179)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #199AF047)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
+
+/** dark outline onDark outlineSolidDefault */
+var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F7F9FB)';
+
+/** dark outline onDark outlineSolidDefaultActive */
+var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4EBF1FF)';
+
+/** dark outline onDark outlineSolidDefaultHover */
+var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0DBE7FF)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #24B23E47)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FF702447)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #096CAEFF)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #34A7F4FF)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C2D1DBFF)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #AFC2CFFF)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #4F585FFF)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #68757DFF)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #096CAEFF)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #C61022FF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #ED263AFF)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #13AA2CFF)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #0B7ECB3D)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0B7ECBFF)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A3DAFFFF)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #68757DFF)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccent = 'var(--on-light-outline-accent, #0B7ECB)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #52BAFF)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegative = 'var(--on-light-outline-negative, #E31227)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
+
+/** dark outline onLight outlineSolidDefault */
+var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #060A0C)';
+
+/** dark outline onLight outlineSolidDefaultActive */
+var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #111C22FF)';
+
+/** dark outline onLight outlineSolidDefaultHover */
+var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #1B2D36FF)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #D5DFE6)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #8A959D)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #657179)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #0B7ECB33)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #AFC2CFFF)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #096CAEFF)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #C61022FF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #ED263AFF)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #13AA2CFF)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #0B7ECB3D)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0B7ECBFF)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
+
+/** dark outline inverse outlineSolidDefault */
+var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #060A0C)';
+
+/** dark outline inverse outlineSolidDefaultActive */
+var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #111C22FF)';
+
+/** dark outline inverse outlineSolidDefaultHover */
+var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #1B2D36FF)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D5DFE6)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #8A959D)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #0B7ECB33)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
+
+/** Светлый голубой цвет для данных */
+var dataBlueLight = 'var(--data-blue-light, #0A1924)';
+
+/** Светлый голубой цвет для данных */
+var dataBlueLightHover = 'var(--data-blue-light-hover, #0C1F2CFF)';
+
+/** dark data default dataBlueMild */
+var dataBlueMild = 'var(--data-blue-mild, #0C72B6)';
+
+/** dark data default dataBlueMinor */
+var dataBlueMinor = 'var(--data-blue-minor, #0D3B59)';
+
+/** dark data default dataBlueTransparent */
+var dataBlueTransparent = 'var(--data-blue-transparent, #118CDF3D)';
+
+/** dark data default dataElectricBlue */
+var dataElectricBlue = 'var(--data-electric-blue, #1549AB)';
+
+/** dark data default dataFuchsia */
+var dataFuchsia = 'var(--data-fuchsia, #8A2178)';
+
+/** dark data default dataGray */
+var dataGray = 'var(--data-gray, #707C84)';
+
+/** dark data default dataGrayMinor */
+var dataGrayMinor = 'var(--data-gray-minor, #30373C)';
+
+/** dark data default dataGreen */
+var dataGreen = 'var(--data-green, #1A9E32)';
+
+/** dark data default dataGreenActive */
+var dataGreenActive = 'var(--data-green-active, #18952FFF)';
+
+/** dark data default dataGreenHover */
+var dataGreenHover = 'var(--data-green-hover, #1DAF37FF)';
+
+/** dark data default dataGreenLight */
+var dataGreenLight = 'var(--data-green-light, #0A4014)';
+
+/** dark data default dataGreenMinor */
+var dataGreenMinor = 'var(--data-green-minor, #0D8523)';
+
+/** dark data default dataGreenTransparent */
+var dataGreenTransparent = 'var(--data-green-transparent, #1A9E323D)';
+
+/** dark data default dataMalachite */
+var dataMalachite = 'var(--data-malachite, #007D80)';
+
+/** dark data default dataMalachiteMinor */
+var dataMalachiteMinor = 'var(--data-malachite-minor, #0C585A)';
+
+/** dark data default dataOrange */
+var dataOrange = 'var(--data-orange, #FA5F05)';
+
+/** dark data default dataOrangeActive */
+var dataOrangeActive = 'var(--data-orange-active, #F05B05FF)';
+
+/** dark data default dataOrangeHover */
+var dataOrangeHover = 'var(--data-orange-hover, #FB7223FF)';
+
+/** dark data default dataOrangeLight */
+var dataOrangeLight = 'var(--data-orange-light, #3D1D0A)';
+
+/** dark data default dataOrangeLightActive */
+var dataOrangeLightActive = 'var(--data-orange-light-active, #351909FF)';
+
+/** dark data default dataOrangeLightHover */
+var dataOrangeLightHover = 'var(--data-orange-light-hover, #4F250DFF)';
+
+/** dark data default dataOrangeMinor */
+var dataOrangeMinor = 'var(--data-orange-minor, #85380C)';
+
+/** dark data default dataOrangeMinorActive */
+var dataOrangeMinorActive = 'var(--data-orange-minor-active, #79340BFF)';
+
+/** dark data default dataOrangeMinorHover */
+var dataOrangeMinorHover = 'var(--data-orange-minor-hover, #95400EFF)';
+
+/** dark data default dataOrchid */
+var dataOrchid = 'var(--data-orchid, #AD42F5)';
+
+/** dark data default dataOrchidActive */
+var dataOrchidActive = 'var(--data-orchid-active, #A938F5FF)';
+
+/** dark data default dataOrchidHover */
+var dataOrchidHover = 'var(--data-orchid-hover, #BA5FF7FF)';
+
+/** dark data default dataOrchidMinor */
+var dataOrchidMinor = 'var(--data-orchid-minor, #722BA1)';
+
+/** dark data default dataOrchidMinorActive */
+var dataOrchidMinorActive = 'var(--data-orchid-minor-active, #6C2999FF)';
+
+/** dark data default dataOrchidMinorHover */
+var dataOrchidMinorHover = 'var(--data-orchid-minor-hover, #7D2FB1FF)';
+
+/** dark data default dataPink */
+var dataPink = 'var(--data-pink, #9B0D46)';
+
+/** dark data default dataRed */
+var dataRed = 'var(--data-red, #E31227)';
+
+/** dark data default dataRedActive */
+var dataRedActive = 'var(--data-red-active, #D91226FF)';
+
+/** dark data default dataRedHover */
+var dataRedHover = 'var(--data-red-hover, #ED1D31FF)';
+
+/** dark data default dataRedLight */
+var dataRedLight = 'var(--data-red-light, #4A0D13)';
+
+/** dark data default dataRedMinor */
+var dataRedMinor = 'var(--data-red-minor, #9C1422)';
+
+/** dark data default dataRedTransparent */
+var dataRedTransparent = 'var(--data-red-transparent, #FF293E3D)';
+
+/** Светлый голубой цвет для данных */
+var dataSkyBlueLightActive = 'var(--data-sky-blue-light-active, #DBF7FFFF)';
+
+/** dark data default dataSpring */
+var dataSpring = 'var(--data-spring, #0D8523)';
+
+/** Желтый цвет для данных */
+var dataYellow = 'var(--data-yellow, #A16B00)';
+
+/** Светлый желтый цвет для данных */
+var dataYellowLight = 'var(--data-yellow-light, #211807)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinor = 'var(--data-yellow-minor, #493203)';
+
+/** dark data default dataBlue */
+var dataBlue = 'var(--data-blue, #118CDF)';
+
+/** dark data default dataBlueActive */
+var dataBlueActive = 'var(--data-blue-active, #1086D5FF)';
+
+/** dark data default dataBlueHover */
+var dataBlueHover = 'var(--data-blue-hover, #1798EEFF)';
+
+/** dark data default dataBlueMildActive */
+var dataBlueMildActive = 'var(--data-blue-mild-active, #0B6CADFF)';
+
+/** dark data default dataBlueMildHover */
+var dataBlueMildHover = 'var(--data-blue-mild-hover, #0D7EC9FF)';
+
+/** dark data default dataBlueMinorActive */
+var dataBlueMinorActive = 'var(--data-blue-minor-active, #0B3550FF)';
+
+/** dark data default dataBlueTransparentActive */
+var dataBlueTransparentActive = 'var(--data-blue-transparent-active, #118CDF2E)';
+
+/** dark data default dataBlueTransparentHover */
+var dataBlueTransparentHover = 'var(--data-blue-transparent-hover, #118CDF5C)';
+
+/** dark data default dataElectricBlueActive */
+var dataElectricBlueActive = 'var(--data-electric-blue-active, #1446A3FF)';
+
+/** dark data default dataElectricBlueHover */
+var dataElectricBlueHover = 'var(--data-electric-blue-hover, #1852BFFF)';
+
+/** dark data default dataFuchsiaActive */
+var dataFuchsiaActive = 'var(--data-fuchsia-active, #832073FF)';
+
+/** dark data default dataFuchsiaHover */
+var dataFuchsiaHover = 'var(--data-fuchsia-hover, #9C2688FF)';
+
+/** dark data default dataGrayActive */
+var dataGrayActive = 'var(--data-gray-active, #6C777FFF)';
+
+/** dark data default dataGrayHover */
+var dataGrayHover = 'var(--data-gray-hover, #7B878EFF)';
+
+/** dark data default dataGrayMinorActive */
+var dataGrayMinorActive = 'var(--data-gray-minor-active, #2B3136FF)';
+
+/** dark data default dataGrayMinorHover */
+var dataGrayMinorHover = 'var(--data-gray-minor-hover, #394147FF)';
+
+/** dark data default dataGreenLightHover */
+var dataGreenLightHover = 'var(--data-green-light-hover, #0D541AFF)';
+
+/** dark data default dataGreenMinorActive */
+var dataGreenMinorActive = 'var(--data-green-minor-active, #0C7D21FF)';
+
+/** dark data default dataGreenMinorHover */
+var dataGreenMinorHover = 'var(--data-green-minor-hover, #0F9928FF)';
+
+/** dark data default dataGreenTransparentActive */
+var dataGreenTransparentActive = 'var(--data-green-transparent-active, #1A9E322E)';
+
+/** dark data default dataGreenTransparentHover */
+var dataGreenTransparentHover = 'var(--data-green-transparent-hover, #1A9E325C)';
+
+/** dark data default dataMalachiteActive */
+var dataMalachiteActive = 'var(--data-malachite-active, #007375FF)';
+
+/** dark data default dataMalachiteHover */
+var dataMalachiteHover = 'var(--data-malachite-hover, #009194FF)';
+
+/** dark data default dataMalachiteMinorActive */
+var dataMalachiteMinorActive = 'var(--data-malachite-minor-active, #0B4E51FF)';
+
+/** dark data default dataMalachiteMinorHover */
+var dataMalachiteMinorHover = 'var(--data-malachite-minor-hover, #0F696CFF)';
+
+/** dark data default dataOrangeTransparentActive */
+var dataOrangeTransparentActive = 'var(--data-orange-transparent-active, #FA5F052E)';
+
+/** dark data default dataOrangeTransparentHover */
+var dataOrangeTransparentHover = 'var(--data-orange-transparent-hover, #FA5F055C)';
+
+/** dark data default dataPinkActive */
+var dataPinkActive = 'var(--data-pink-active, #920C42FF)';
+
+/** dark data default dataPinkHover */
+var dataPinkHover = 'var(--data-pink-hover, #AF0E4EFF)';
+
+/** dark data default dataRedLightActive */
+var dataRedLightActive = 'var(--data-red-light-active, #410B11FF)';
+
+/** dark data default dataRedLightHover */
+var dataRedLightHover = 'var(--data-red-light-hover, #5B1018FF)';
+
+/** dark data default dataRedMinorActive */
+var dataRedMinorActive = 'var(--data-red-minor-active, #951320FF)';
+
+/** dark data default dataRedMinorHover */
+var dataRedMinorHover = 'var(--data-red-minor-hover, #B01726FF)';
+
+/** dark data default dataRedTransparentActive */
+var dataRedTransparentActive = 'var(--data-red-transparent-active, #FF293E2E)';
+
+/** dark data default dataRedTransparentHover */
+var dataRedTransparentHover = 'var(--data-red-transparent-hover, #FF293E5C)';
+
+/** dark data default dataSpringActive */
+var dataSpringActive = 'var(--data-spring-active, #0C7D21FF)';
+
+/** dark data default dataSpringHover */
+var dataSpringHover = 'var(--data-spring-hover, #0F9928FF)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #996600FF)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #B87A00FF)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #5D3F04FF)';
+
+/** dark data default dataArcticHover */
+var dataArcticHover = 'var(--data-arctic-hover, #1C8D6DFF)';
+
+/** Светлый голубой цвет для данных на темном фоне */
+var onDarkDataBlueLight = 'var(--on-dark-data-blue-light, #0A1924)';
+
+/** dark data onDark dataBlueMild */
+var onDarkDataBlueMild = 'var(--on-dark-data-blue-mild, #0C72B6)';
+
+/** dark data onDark dataBlueMinor */
+var onDarkDataBlueMinor = 'var(--on-dark-data-blue-minor, #0D3B59)';
+
+/** dark data onDark dataBlueMinorActive */
+var onDarkDataBlueMinorActive = 'var(--on-dark-data-blue-minor-active, #0B3550FF)';
+
+/** dark data onDark dataBlueMinorHover */
+var onDarkDataBlueMinorHover = 'var(--on-dark-data-blue-minor-hover, #0F466BFF)';
+
+/** dark data onDark dataBlueTransparent */
+var onDarkDataBlueTransparent = 'var(--on-dark-data-blue-transparent, #118CDF3D)';
+
+/** dark data onDark dataElectricBlue */
+var onDarkDataElectricBlue = 'var(--on-dark-data-electric-blue, #1549AB)';
+
+/** dark data onDark dataFuchsia */
+var onDarkDataFuchsia = 'var(--on-dark-data-fuchsia, #8A2178)';
+
+/** dark data onDark dataGray */
+var onDarkDataGray = 'var(--on-dark-data-gray, #707C84)';
+
+/** dark data onDark dataGrayMinor */
+var onDarkDataGrayMinor = 'var(--on-dark-data-gray-minor, #30373C)';
+
+/** dark data onDark dataGreen */
+var onDarkDataGreen = 'var(--on-dark-data-green, #1A9E32)';
+
+/** dark data onDark dataGreenLight */
+var onDarkDataGreenLight = 'var(--on-dark-data-green-light, #0A4014)';
+
+/** dark data onDark dataGreenMinor */
+var onDarkDataGreenMinor = 'var(--on-dark-data-green-minor, #0D8523)';
+
+/** dark data onDark dataGreenTransparent */
+var onDarkDataGreenTransparent = 'var(--on-dark-data-green-transparent, #1A9E323D)';
+
+/** dark data onDark dataMalachite */
+var onDarkDataMalachite = 'var(--on-dark-data-malachite, #007D80)';
+
+/** dark data onDark dataMalachiteMinor */
+var onDarkDataMalachiteMinor = 'var(--on-dark-data-malachite-minor, #0C585A)';
+
+/** dark data onDark dataOrange */
+var onDarkDataOrange = 'var(--on-dark-data-orange, #FA5F05)';
+
+/** dark data onDark dataOrangeLight */
+var onDarkDataOrangeLight = 'var(--on-dark-data-orange-light, #3D1D0A)';
+
+/** dark data onDark dataOrangeMinor */
+var onDarkDataOrangeMinor = 'var(--on-dark-data-orange-minor, #85380C)';
+
+/** dark data onDark dataOrchid */
+var onDarkDataOrchid = 'var(--on-dark-data-orchid, #AD42F5)';
+
+/** dark data onDark dataOrchidMinor */
+var onDarkDataOrchidMinor = 'var(--on-dark-data-orchid-minor, #722BA1)';
+
+/** dark data onDark dataOrchidMinorActive */
+var onDarkDataOrchidMinorActive = 'var(--on-dark-data-orchid-minor-active, #6C2999FF)';
+
+/** dark data onDark dataOrchidMinorHover */
+var onDarkDataOrchidMinorHover = 'var(--on-dark-data-orchid-minor-hover, #7D2FB1FF)';
+
+/** dark data onDark dataPink */
+var onDarkDataPink = 'var(--on-dark-data-pink, #9B0D46)';
+
+/** dark data onDark dataRed */
+var onDarkDataRed = 'var(--on-dark-data-red, #E31227)';
+
+/** dark data onDark dataRedLight */
+var onDarkDataRedLight = 'var(--on-dark-data-red-light, #4A0D13)';
+
+/** dark data onDark dataRedLightHover */
+var onDarkDataRedLightHover = 'var(--on-dark-data-red-light-hover, #5B1018FF)';
+
+/** dark data onDark dataRedMinor */
+var onDarkDataRedMinor = 'var(--on-dark-data-red-minor, #9C1422)';
+
+/** dark data onDark dataRedMinorActive */
+var onDarkDataRedMinorActive = 'var(--on-dark-data-red-minor-active, #951320FF)';
+
+/** dark data onDark dataRedMinorHover */
+var onDarkDataRedMinorHover = 'var(--on-dark-data-red-minor-hover, #B01726FF)';
+
+/** dark data onDark dataRedTransparent */
+var onDarkDataRedTransparent = 'var(--on-dark-data-red-transparent, #FF293E3D)';
+
+/** Cветлый голубой цвет для данных на темном фоне */
+var onDarkDataSkyBlueLightActive = 'var(--on-dark-data-sky-blue-light-active, #DBF7FFFF)';
+
+/** Cветлый голубой цвет для данных на темном фоне */
+var onDarkDataSkyBlueLightHover = 'var(--on-dark-data-sky-blue-light-hover, #E0F8FFFF)';
+
+/** dark data onDark dataSpring */
+var onDarkDataSpring = 'var(--on-dark-data-spring, #567D0C)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellow = 'var(--on-dark-data-yellow, #A16B00)';
+
+/** Светлый желтый цвет для данных на темном фоне */
+var onDarkDataYellowLight = 'var(--on-dark-data-yellow-light, #211807)';
+
+/** Светлый желтый цвет для данных на темном фоне */
+var onDarkDataYellowLightActive = 'var(--on-dark-data-yellow-light-active, #191205FF)';
+
+/** Светлый желтый цвет для данных на темном фоне */
+var onDarkDataYellowLightHover = 'var(--on-dark-data-yellow-light-hover, #2A1E09FF)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #493203)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparent = 'var(--on-dark-data-yellow-transparent, #F3A9128F)';
+
+/** dark data onDark dataBlueActive */
+var onDarkDataBlueActive = 'var(--on-dark-data-blue-active, #1086D5FF)';
+
+/** dark data onDark dataBlueHover */
+var onDarkDataBlueHover = 'var(--on-dark-data-blue-hover, #1798EEFF)';
+
+/** dark data onDark dataBlueMildActive */
+var onDarkDataBlueMildActive = 'var(--on-dark-data-blue-mild-active, #0B6CADFF)';
+
+/** dark data onDark dataBlueMildHover */
+var onDarkDataBlueMildHover = 'var(--on-dark-data-blue-mild-hover, #0D7EC9FF)';
+
+/** dark data onDark dataElectricBlueActive */
+var onDarkDataElectricBlueActive = 'var(--on-dark-data-electric-blue-active, #1446A3FF)';
+
+/** dark data onDark dataElectricBlueHover */
+var onDarkDataElectricBlueHover = 'var(--on-dark-data-electric-blue-hover, #1852BFFF)';
+
+/** dark data onDark dataFuchsiaActive */
+var onDarkDataFuchsiaActive = 'var(--on-dark-data-fuchsia-active, #832073FF)';
+
+/** dark data onDark dataFuchsiaHover */
+var onDarkDataFuchsiaHover = 'var(--on-dark-data-fuchsia-hover, #9C2688FF)';
+
+/** dark data onDark dataGrayActive */
+var onDarkDataGrayActive = 'var(--on-dark-data-gray-active, #6C777FFF)';
+
+/** dark data onDark dataGrayHover */
+var onDarkDataGrayHover = 'var(--on-dark-data-gray-hover, #7B878EFF)';
+
+/** dark data onDark dataGrayMinorHover */
+var onDarkDataGrayMinorHover = 'var(--on-dark-data-gray-minor-hover, #394147FF)';
+
+/** dark data onDark dataGreenActive */
+var onDarkDataGreenActive = 'var(--on-dark-data-green-active, #18952FFF)';
+
+/** dark data onDark dataGreenHover */
+var onDarkDataGreenHover = 'var(--on-dark-data-green-hover, #1DAF37FF)';
+
+/** dark data onDark dataGreenLightActive */
+var onDarkDataGreenLightActive = 'var(--on-dark-data-green-light-active, #093912FF)';
+
+/** dark data onDark dataGreenLightHover */
+var onDarkDataGreenLightHover = 'var(--on-dark-data-green-light-hover, #0D541AFF)';
+
+/** dark data onDark dataGreenMinorActive */
+var onDarkDataGreenMinorActive = 'var(--on-dark-data-green-minor-active, #0C7D21FF)';
+
+/** dark data onDark dataGreenMinorHover */
+var onDarkDataGreenMinorHover = 'var(--on-dark-data-green-minor-hover, #0F9928FF)';
+
+/** dark data onDark dataMalachiteActive */
+var onDarkDataMalachiteActive = 'var(--on-dark-data-malachite-active, #007375FF)';
+
+/** dark data onDark dataMalachiteHover */
+var onDarkDataMalachiteHover = 'var(--on-dark-data-malachite-hover, #009194FF)';
+
+/** dark data onDark dataMalachiteMinorActive */
+var onDarkDataMalachiteMinorActive = 'var(--on-dark-data-malachite-minor-active, #0B4E51FF)';
+
+/** dark data onDark dataMalachiteMinorHover */
+var onDarkDataMalachiteMinorHover = 'var(--on-dark-data-malachite-minor-hover, #0F696CFF)';
+
+/** dark data onDark dataOrangeActive */
+var onDarkDataOrangeActive = 'var(--on-dark-data-orange-active, #F05B05FF)';
+
+/** dark data onDark dataOrangeHover */
+var onDarkDataOrangeHover = 'var(--on-dark-data-orange-hover, #FB7223FF)';
+
+/** dark data onDark dataOrangeLightActive */
+var onDarkDataOrangeLightActive = 'var(--on-dark-data-orange-light-active, #351909FF)';
+
+/** dark data onDark dataOrangeLightHover */
+var onDarkDataOrangeLightHover = 'var(--on-dark-data-orange-light-hover, #4F250DFF)';
+
+/** dark data onDark dataOrangeMinorActive */
+var onDarkDataOrangeMinorActive = 'var(--on-dark-data-orange-minor-active, #79340BFF)';
+
+/** dark data onDark dataOrangeMinorHover */
+var onDarkDataOrangeMinorHover = 'var(--on-dark-data-orange-minor-hover, #95400EFF)';
+
+/** dark data onDark dataOrangeTransparentActive */
+var onDarkDataOrangeTransparentActive = 'var(--on-dark-data-orange-transparent-active, #FA5F052E)';
+
+/** dark data onDark dataOrangeTransparentHover */
+var onDarkDataOrangeTransparentHover = 'var(--on-dark-data-orange-transparent-hover, #FA5F055C)';
+
+/** dark data onDark dataOrchidActive */
+var onDarkDataOrchidActive = 'var(--on-dark-data-orchid-active, #A938F5FF)';
+
+/** dark data onDark dataOrchidHover */
+var onDarkDataOrchidHover = 'var(--on-dark-data-orchid-hover, #BA5FF7FF)';
+
+/** dark data onDark dataPinkActive */
+var onDarkDataPinkActive = 'var(--on-dark-data-pink-active, #920C42FF)';
+
+/** dark data onDark dataPinkHover */
+var onDarkDataPinkHover = 'var(--on-dark-data-pink-hover, #AF0E4EFF)';
+
+/** dark data onDark dataRedActive */
+var onDarkDataRedActive = 'var(--on-dark-data-red-active, #D91226FF)';
+
+/** dark data onDark dataRedHover */
+var onDarkDataRedHover = 'var(--on-dark-data-red-hover, #ED1D31FF)';
+
+/** dark data onDark dataRedLightActive */
+var onDarkDataRedLightActive = 'var(--on-dark-data-red-light-active, #410B11FF)';
+
+/** dark data onDark dataRedTransparentActive */
+var onDarkDataRedTransparentActive = 'var(--on-dark-data-red-transparent-active, #FF293E2E)';
+
+/** dark data onDark dataRedTransparentHover */
+var onDarkDataRedTransparentHover = 'var(--on-dark-data-red-transparent-hover, #FF293E5C)';
+
+/** dark data onDark dataSpringActive */
+var onDarkDataSpringActive = 'var(--on-dark-data-spring-active, #4F740BFF)';
+
+/** dark data onDark dataSpringHover */
+var onDarkDataSpringHover = 'var(--on-dark-data-spring-hover, #62900EFF)';
+
+/** dark data onDark dataArcticHover */
+var onDarkDataArcticHover = 'var(--on-dark-data-arctic-hover, #1C8D6DFF)';
+
+/** dark data onDark dataGreenTransparentActive */
+var onDarkDataGreenTransparentActive = 'var(--on-dark-data-green-transparent-active, #1A9E322E)';
+
+/** dark data onDark dataGreenTransparentHover */
+var onDarkDataGreenTransparentHover = 'var(--on-dark-data-green-transparent-hover, #1A9E325C)';
+
+/** dark data onLight dataArctic */
+var onLightDataArctic = 'var(--on-light-data-arctic, #14CC98)';
+
+/** dark data onLight dataBlue */
+var onLightDataBlue = 'var(--on-light-data-blue, #118CDF)';
+
+/** dark data onLight dataBlueMild */
+var onLightDataBlueMild = 'var(--on-light-data-blue-mild, #52BAFF)';
+
+/** dark data onLight dataBlueMinor */
+var onLightDataBlueMinor = 'var(--on-light-data-blue-minor, #CFECFF)';
+
+/** dark data onLight dataBlueTransparent */
+var onLightDataBlueTransparent = 'var(--on-light-data-blue-transparent, #118CDF33)';
+
+/** dark data onLight dataElectricBlue */
+var onLightDataElectricBlue = 'var(--on-light-data-electric-blue, #52BAFF)';
+
+/** dark data onLight dataFuchsia */
+var onLightDataFuchsia = 'var(--on-light-data-fuchsia, #F391E2)';
+
+/** dark data onLight dataGray */
+var onLightDataGray = 'var(--on-light-data-gray, #8A959D)';
+
+/** dark data onLight dataGrayMinor */
+var onLightDataGrayMinor = 'var(--on-light-data-gray-minor, #D5DFE6)';
+
+/** dark data onLight dataGreen */
+var onLightDataGreen = 'var(--on-light-data-green, #1A9E32)';
+
+/** dark data onLight dataGreenMinor */
+var onLightDataGreenMinor = 'var(--on-light-data-green-minor, #28D247)';
+
+/** dark data onLight dataMalachite */
+var onLightDataMalachite = 'var(--on-light-data-malachite, #04C6C9)';
+
+/** dark data onLight dataMalachiteMinor */
+var onLightDataMalachiteMinor = 'var(--on-light-data-malachite-minor, #00DDE0)';
+
+/** dark data onLight dataOrange */
+var onLightDataOrange = 'var(--on-light-data-orange, #FA5F05)';
+
+/** dark data onLight dataOrangeLight */
+var onLightDataOrangeLight = 'var(--on-light-data-orange-light, #FEE2D2)';
+
+/** dark data onLight dataOrangeMinor */
+var onLightDataOrangeMinor = 'var(--on-light-data-orange-minor, #FD9C68)';
+
+/** dark data onLight dataOrchid */
+var onLightDataOrchid = 'var(--on-light-data-orchid, #C46BFF)';
+
+/** dark data onLight dataOrchidMinor */
+var onLightDataOrchidMinor = 'var(--on-light-data-orchid-minor, #DEB7F7)';
+
+/** dark data onLight dataPink */
+var onLightDataPink = 'var(--on-light-data-pink, #FF8FBC)';
+
+/** dark data onLight dataRed */
+var onLightDataRed = 'var(--on-light-data-red, #FF293E)';
+
+/** dark data onLight dataRedLight */
+var onLightDataRedLight = 'var(--on-light-data-red-light, #FFE0E3)';
+
+/** dark data onLight dataRedMinor */
+var onLightDataRedMinor = 'var(--on-light-data-red-minor, #FF8F9A)';
+
+/** dark data onLight dataRedTransparent */
+var onLightDataRedTransparent = 'var(--on-light-data-red-transparent, #FF293E33)';
+
+/** Светлый голубой цвет для данных на светлом фоне */
+var onLightDataSkyBlueLightActive = 'var(--on-light-data-sky-blue-light-active, #DBF7FFFF)';
+
+/** Светлый голубой цвет для данных на светлом фоне */
+var onLightDataSkyBlueLightHover = 'var(--on-light-data-sky-blue-light-hover, #E0F8FFFF)';
+
+/** dark data onLight dataSpring */
+var onLightDataSpring = 'var(--on-light-data-spring, #93E006)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
+
+/** Светлый желтый цвет для данных на светлом фоне */
+var onLightDataYellowLightActive = 'var(--on-light-data-yellow-light-active, #FFF3DBFF)';
+
+/** Светлый желтый цвет для данных на светлом фоне */
+var onLightDataYellowLightHover = 'var(--on-light-data-yellow-light-hover, #FFF4E0FF)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinor = 'var(--on-light-data-yellow-minor, #FFD37A)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF70FF)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparent, #F3A9128F)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A812A3)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A8129E)';
+
+/** dark data onDark dataBlueTransparentHover */
+var onDarkDataBlueTransparentHover = 'var(--on-dark-data-blue-transparent-hover, #118CDF5C)';
+
+/** dark data onLight dataBlueActive */
+var onLightDataBlueActive = 'var(--on-light-data-blue-active, #0F81CCFF)';
+
+/** dark data onLight dataBlueHover */
+var onLightDataBlueHover = 'var(--on-light-data-blue-hover, #209CEEFF)';
+
+/** dark data onLight dataBlueMildActive */
+var onLightDataBlueMildActive = 'var(--on-light-data-blue-mild-active, #3DB1FFFF)';
+
+/** dark data onLight dataBlueMildHover */
+var onLightDataBlueMildHover = 'var(--on-light-data-blue-mild-hover, #7ACAFFFF)';
+
+/** dark data onLight dataBlueMinorActive */
+var onLightDataBlueMinorActive = 'var(--on-light-data-blue-minor-active, #C2E7FFFF)';
+
+/** dark data onLight dataBlueMinorHover */
+var onLightDataBlueMinorHover = 'var(--on-light-data-blue-minor-hover, #C7E9FFFF)';
+
+/** dark data onLight dataElectricBlueActive */
+var onLightDataElectricBlueActive = 'var(--on-light-data-electric-blue-active, #3DB1FFFF)';
+
+/** dark data onLight dataElectricBlueHover */
+var onLightDataElectricBlueHover = 'var(--on-light-data-electric-blue-hover, #7ACAFFFF)';
+
+/** dark data onLight dataFuchsiaActive */
+var onLightDataFuchsiaActive = 'var(--on-light-data-fuchsia-active, #F17EDEFF)';
+
+/** dark data onLight dataFuchsiaHover */
+var onLightDataFuchsiaHover = 'var(--on-light-data-fuchsia-hover, #F288E0FF)';
+
+/** dark data onLight dataGreenActive */
+var onLightDataGreenActive = 'var(--on-light-data-green-active, #178C2CFF)';
+
+/** dark data onLight dataGreenHover */
+var onLightDataGreenHover = 'var(--on-light-data-green-hover, #1EB83AFF)';
+
+/** dark data onLight dataGreenLight */
+var onLightDataGreenLight = 'var(--on-light-data-green-light, #9EFAAF)';
+
+/** dark data onLight dataGreenMinorActive */
+var onLightDataGreenMinorActive = 'var(--on-light-data-green-minor-active, #25C141FF)';
+
+/** dark data onLight dataGreenMinorHover */
+var onLightDataGreenMinorHover = 'var(--on-light-data-green-minor-hover, #36D954FF)';
+
+/** dark data onLight dataGreenTransparent */
+var onLightDataGreenTransparent = 'var(--on-light-data-green-transparent, #1A9E3233)';
+
+/** dark data onLight dataMalachiteActive */
+var onLightDataMalachiteActive = 'var(--on-light-data-malachite-active, #04B1B4FF)';
+
+/** dark data onLight dataMalachiteHover */
+var onLightDataMalachiteHover = 'var(--on-light-data-malachite-hover, #04D8DCFF)';
+
+/** dark data onLight dataMalachiteMinorActive */
+var onLightDataMalachiteMinorActive = 'var(--on-light-data-malachite-minor-active, #00C9CCFF)';
+
+/** dark data onLight dataMalachiteMinorHover */
+var onLightDataMalachiteMinorHover = 'var(--on-light-data-malachite-minor-hover, #00F1F5FF)';
+
+/** dark data onLight dataOrangeActive */
+var onLightDataOrangeActive = 'var(--on-light-data-orange-active, #E65705FF)';
+
+/** dark data onLight dataOrangeHover */
+var onLightDataOrangeHover = 'var(--on-light-data-orange-hover, #FB782DFF)';
+
+/** dark data onLight dataOrangeLightActive */
+var onLightDataOrangeLightActive = 'var(--on-light-data-orange-light-active, #FED9C3FF)';
+
+/** dark data onLight dataOrangeLightHover */
+var onLightDataOrangeLightHover = 'var(--on-light-data-orange-light-hover, #FEDCC8FF)';
+
+/** dark data onLight dataOrangeMinorActive */
+var onLightDataOrangeMinorActive = 'var(--on-light-data-orange-minor-active, #FC8F54FF)';
+
+/** dark data onLight dataOrangeMinorHover */
+var onLightDataOrangeMinorHover = 'var(--on-light-data-orange-minor-hover, #FD965EFF)';
+
+/** dark data onLight dataOrangeTransparent */
+var onLightDataOrangeTransparent = 'var(--on-light-data-orange-transparent, #FA5F0533)';
+
+/** dark data onLight dataOrchidActive */
+var onLightDataOrchidActive = 'var(--on-light-data-orchid-active, #BC57FFFF)';
+
+/** dark data onLight dataOrchidHover */
+var onLightDataOrchidHover = 'var(--on-light-data-orchid-hover, #C061FFFF)';
+
+/** dark data onLight dataOrchidMinorActive */
+var onLightDataOrchidMinorActive = 'var(--on-light-data-orchid-minor-active, #D6A3F5FF)';
+
+/** dark data onLight dataOrchidMinorHover */
+var onLightDataOrchidMinorHover = 'var(--on-light-data-orchid-minor-hover, #DAACF6FF)';
+
+/** dark data onLight dataRedActive */
+var onLightDataRedActive = 'var(--on-light-data-red-active, #FF142CFF)';
+
+/** dark data onLight dataRedHover */
+var onLightDataRedHover = 'var(--on-light-data-red-hover, #FF5263FF)';
+
+/** dark data onLight dataRedLightActive */
+var onLightDataRedLightActive = 'var(--on-light-data-red-light-active, #FFD1D6FF)';
+
+/** dark data onLight dataRedLightHover */
+var onLightDataRedLightHover = 'var(--on-light-data-red-light-hover, #FFD6DAFF)';
+
+/** dark data onLight dataRedMinorActive */
+var onLightDataRedMinorActive = 'var(--on-light-data-red-minor-active, #FF7A88FF)';
+
+/** dark data onLight dataRedMinorHover */
+var onLightDataRedMinorHover = 'var(--on-light-data-red-minor-hover, #FF8591FF)';
+
+/** dark data onLight dataSpringActive */
+var onLightDataSpringActive = 'var(--on-light-data-spring-active, #86CC05FF)';
+
+/** dark data onLight dataSpringHover */
+var onLightDataSpringHover = 'var(--on-light-data-spring-hover, #A1F406FF)';
+
+/** dark data onLight dataArcticHover */
+var onLightDataArcticHover = 'var(--on-light-data-arctic-hover, #16DFA6FF)';
+
+/** dark data inverse dataGreenMinor */
+var inverseDataGreenMinor = 'var(--inverse-data-green-minor, #0D8523)';
+
+/** dark data inverse dataOrange */
+var inverseDataOrange = 'var(--inverse-data-orange, #FA5F05)';
+
+/** dark data inverse dataOrangeMinor */
+var inverseDataOrangeMinor = 'var(--inverse-data-orange-minor, #85380C)';
+
+/** dark data inverse dataOrchid */
+var inverseDataOrchid = 'var(--inverse-data-orchid, #AD42F5)';
+
+/** dark data inverse dataOrchidMinor */
+var inverseDataOrchidMinor = 'var(--inverse-data-orchid-minor, #722BA1)';
+
+/** dark data inverse dataRed */
+var inverseDataRed = 'var(--inverse-data-red, #E31227)';
+
+/** dark data inverse dataRedLight */
+var inverseDataRedLight = 'var(--inverse-data-red-light, #4A0D13)';
+
+/** dark data inverse dataRedMinor */
+var inverseDataRedMinor = 'var(--inverse-data-red-minor, #9C1422)';
+
+/** Инвертированный светлый голубой цвет для данных */
+var inverseDataSkyBlueLightActive = 'var(--inverse-data-sky-blue-light-active, #DBF7FFFF)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
+
+/** Инвертированный светлый желтый цвет для данных */
+var inverseDataYellowLight = 'var(--inverse-data-yellow-light, #FFF6E5)';
+
+/** Инвертированный светлый желтый цвет для данных */
+var inverseDataYellowLightActive = 'var(--inverse-data-yellow-light-active, #FFF3DBFF)';
+
+/** Инвертированный светлый желтый цвет для данных */
+var inverseDataYellowLightHover = 'var(--inverse-data-yellow-light-hover, #FFF4E0FF)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFCF70FF)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A812A3)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A8129E)';
+
+/** dark data onLight dataBlueTransparentActive */
+var onLightDataBlueTransparentActive = 'var(--on-light-data-blue-transparent-active, #118CDF47)';
+
+/** dark data onLight dataBlueTransparentHover */
+var onLightDataBlueTransparentHover = 'var(--on-light-data-blue-transparent-hover, #118CDF42)';
+
+/** dark data onLight dataGrayActive */
+var onLightDataGrayActive = 'var(--on-light-data-gray-active, #7F8B94FF)';
+
+/** dark data onLight dataGrayHover */
+var onLightDataGrayHover = 'var(--on-light-data-gray-hover, #9BA5ABFF)';
+
+/** dark data onLight dataGrayMinorActive */
+var onLightDataGrayMinorActive = 'var(--on-light-data-gray-minor-active, #C9D5DEFF)';
+
+/** dark data onLight dataGrayMinorHover */
+var onLightDataGrayMinorHover = 'var(--on-light-data-gray-minor-hover, #CFDAE2FF)';
+
+/** dark data onLight dataGreenLightActive */
+var onLightDataGreenLightActive = 'var(--on-light-data-green-light-active, #8BF99FFF)';
+
+/** dark data onLight dataGreenLightHover */
+var onLightDataGreenLightHover = 'var(--on-light-data-green-light-hover, #94F9A7FF)';
+
+/** dark data onLight dataGreenTransparentActive */
+var onLightDataGreenTransparentActive = 'var(--on-light-data-green-transparent-active, #1A9E3247)';
+
+/** dark data onLight dataGreenTransparentHover */
+var onLightDataGreenTransparentHover = 'var(--on-light-data-green-transparent-hover, #1A9E3242)';
+
+/** dark data onLight dataOrangeTransparentActive */
+var onLightDataOrangeTransparentActive = 'var(--on-light-data-orange-transparent-active, #FA5F0547)';
+
+/** dark data onLight dataOrangeTransparentHover */
+var onLightDataOrangeTransparentHover = 'var(--on-light-data-orange-transparent-hover, #FA5F0542)';
+
+/** dark data onLight dataPinkActive */
+var onLightDataPinkActive = 'var(--on-light-data-pink-active, #FF7AAFFF)';
+
+/** dark data onLight dataPinkHover */
+var onLightDataPinkHover = 'var(--on-light-data-pink-hover, #FF85B6FF)';
+
+/** dark data onLight dataRedTransparentActive */
+var onLightDataRedTransparentActive = 'var(--on-light-data-red-transparent-active, #FF293E47)';
+
+/** dark data onLight dataRedTransparentHover */
+var onLightDataRedTransparentHover = 'var(--on-light-data-red-transparent-hover, #FF293E42)';
+
+/** dark data inverse dataBlueMinor */
+var inverseDataBlueMinor = 'var(--inverse-data-blue-minor, #0D3B59)';
+
+/** dark data inverse dataBlueActive */
+var inverseDataBlueActive = 'var(--inverse-data-blue-active, #0F81CCFF)';
+
+/** dark data inverse dataBlueHover */
+var inverseDataBlueHover = 'var(--inverse-data-blue-hover, #209CEEFF)';
+
+/** dark data inverse dataBlueMild */
+var inverseDataBlueMild = 'var(--inverse-data-blue-mild, #0C72B6)';
+
+/** dark data inverse dataBlueMinorActive */
+var inverseDataBlueMinorActive = 'var(--inverse-data-blue-minor-active, #0A2F47FF)';
+
+/** dark data inverse dataBlueMinorHover */
+var inverseDataBlueMinorHover = 'var(--inverse-data-blue-minor-hover, #114C74FF)';
+
+/** dark data inverse dataBlueTransparent */
+var inverseDataBlueTransparent = 'var(--inverse-data-blue-transparent, #118CDF33)';
+
+/** dark data inverse dataElectricBlue */
+var inverseDataElectricBlue = 'var(--inverse-data-electric-blue, #1549AB)';
+
+/** dark data inverse dataFuchsia */
+var inverseDataFuchsia = 'var(--inverse-data-fuchsia, #8A2178)';
+
+/** dark data inverse dataGray */
+var inverseDataGray = 'var(--inverse-data-gray, #707C84)';
+
+/** dark data inverse dataGrayMinor */
+var inverseDataGrayMinor = 'var(--inverse-data-gray-minor, #30373C)';
+
+/** dark data inverse dataGreenActive */
+var inverseDataGreenActive = 'var(--inverse-data-green-active, #178C2CFF)';
+
+/** dark data inverse dataGreenHover */
+var inverseDataGreenHover = 'var(--inverse-data-green-hover, #1EB83AFF)';
+
+/** dark data inverse dataGreenLight */
+var inverseDataGreenLight = 'var(--inverse-data-green-light, #0A4014)';
+
+/** dark data inverse dataGreenLightActive */
+var inverseDataGreenLightActive = 'var(--inverse-data-green-light-active, #08310FFF)';
+
+/** dark data inverse dataGreenLightHover */
+var inverseDataGreenLightHover = 'var(--inverse-data-green-light-hover, #0E5D1DFF)';
+
+/** dark data inverse dataGreenMinorActive */
+var inverseDataGreenMinorActive = 'var(--inverse-data-green-minor-active, #0B741FFF)';
+
+/** dark data inverse dataGreenMinorHover */
+var inverseDataGreenMinorHover = 'var(--inverse-data-green-minor-hover, #0F9928FF)';
+
+/** dark data inverse dataGreenTransparent */
+var inverseDataGreenTransparent = 'var(--inverse-data-green-transparent, #1A9E3233)';
+
+/** dark data inverse dataMalachite */
+var inverseDataMalachite = 'var(--inverse-data-malachite, #007D80)';
+
+/** dark data inverse dataMalachiteMinor */
+var inverseDataMalachiteMinor = 'var(--inverse-data-malachite-minor, #0C585A)';
+
+/** dark data inverse dataOrangeActive */
+var inverseDataOrangeActive = 'var(--inverse-data-orange-active, #E65705FF)';
+
+/** dark data inverse dataOrangeHover */
+var inverseDataOrangeHover = 'var(--inverse-data-orange-hover, #FB782DFF)';
+
+/** dark data inverse dataOrangeLightActive */
+var inverseDataOrangeLightActive = 'var(--inverse-data-orange-light-active, #2C1507FF)';
+
+/** dark data inverse dataOrangeLightHover */
+var inverseDataOrangeLightHover = 'var(--inverse-data-orange-light-hover, #58290EFF)';
+
+/** dark data inverse dataOrangeMinorActive */
+var inverseDataOrangeMinorActive = 'var(--inverse-data-orange-minor-active, #70300AFF)';
+
+/** dark data inverse dataOrangeMinorHover */
+var inverseDataOrangeMinorHover = 'var(--inverse-data-orange-minor-hover, #95400EFF)';
+
+/** dark data inverse dataOrangeTransparent */
+var inverseDataOrangeTransparent = 'var(--inverse-data-orange-transparent, #FA5F0533)';
+
+/** dark data inverse dataOrchidActive */
+var inverseDataOrchidActive = 'var(--inverse-data-orchid-active, #A52FF4FF)';
+
+/** dark data inverse dataOrchidHover */
+var inverseDataOrchidHover = 'var(--inverse-data-orchid-hover, #BE69F7FF)';
+
+/** dark data inverse dataOrchidMinorActive */
+var inverseDataOrchidMinorActive = 'var(--inverse-data-orchid-minor-active, #662791FF)';
+
+/** dark data inverse dataOrchidMinorHover */
+var inverseDataOrchidMinorHover = 'var(--inverse-data-orchid-minor-hover, #7D2FB1FF)';
+
+/** dark data inverse dataPink */
+var inverseDataPink = 'var(--inverse-data-pink, #9B0D46)';
+
+/** dark data inverse dataRedActive */
+var inverseDataRedActive = 'var(--inverse-data-red-active, #D01124FF)';
+
+/** dark data inverse dataRedHover */
+var inverseDataRedHover = 'var(--inverse-data-red-hover, #ED1D31FF)';
+
+/** dark data inverse dataRedLightActive */
+var inverseDataRedLightActive = 'var(--inverse-data-red-light-active, #380A0FFF)';
+
+/** dark data inverse dataRedLightHover */
+var inverseDataRedLightHover = 'var(--inverse-data-red-light-hover, #64121AFF)';
+
+/** dark data inverse dataRedMinorActive */
+var inverseDataRedMinorActive = 'var(--inverse-data-red-minor-active, #8C121EFF)';
+
+/** dark data inverse dataRedMinorHover */
+var inverseDataRedMinorHover = 'var(--inverse-data-red-minor-hover, #B91828FF)';
+
+/** dark data inverse dataRedTransparent */
+var inverseDataRedTransparent = 'var(--inverse-data-red-transparent, #FF293E33)';
+
+/** dark data inverse dataSpring */
+var inverseDataSpring = 'var(--inverse-data-spring, #567D0C)';
+
+/** dark data inverse dataSpringActive */
+var inverseDataSpringActive = 'var(--inverse-data-spring-active, #496B0BFF)';
+
+/** dark data inverse dataSpringHover */
+var inverseDataSpringHover = 'var(--inverse-data-spring-hover, #62900EFF)';
+
+/** dark data inverse dataElectricBlueActive */
+var inverseDataElectricBlueActive = 'var(--inverse-data-electric-blue-active, #13429AFF)';
+
+/** dark data inverse dataElectricBlueHover */
+var inverseDataElectricBlueHover = 'var(--inverse-data-electric-blue-hover, #1956C8FF)';
+
+/** dark data inverse dataFuchsiaActive */
+var inverseDataFuchsiaActive = 'var(--inverse-data-fuchsia-active, #7B1E6CFF)';
+
+/** dark data inverse dataFuchsiaHover */
+var inverseDataFuchsiaHover = 'var(--inverse-data-fuchsia-hover, #9C2688FF)';
+
+/** dark data inverse dataGrayActive */
+var inverseDataGrayActive = 'var(--inverse-data-gray-active, #677279FF)';
+
+/** dark data inverse dataGrayHover */
+var inverseDataGrayHover = 'var(--inverse-data-gray-hover, #869198FF)';
+
+/** dark data inverse dataGrayMinorActive */
+var inverseDataGrayMinorActive = 'var(--inverse-data-gray-minor-active, #272C30FF)';
+
+/** dark data inverse dataGrayMinorHover */
+var inverseDataGrayMinorHover = 'var(--inverse-data-gray-minor-hover, #394147FF)';
+
+/** dark data inverse dataGreenTransparentHover */
+var inverseDataGreenTransparentHover = 'var(--inverse-data-green-transparent-hover, #1A9E3242)';
+
+/** dark data inverse dataMalachiteActive */
+var inverseDataMalachiteActive = 'var(--inverse-data-malachite-active, #00696BFF)';
+
+/** dark data inverse dataMalachiteHover */
+var inverseDataMalachiteHover = 'var(--inverse-data-malachite-hover, #009194FF)';
+
+/** dark data inverse dataMalachiteMinorActive */
+var inverseDataMalachiteMinorActive = 'var(--inverse-data-malachite-minor-active, #0A4648FF)';
+
+/** dark data inverse dataMalachiteMinorHover */
+var inverseDataMalachiteMinorHover = 'var(--inverse-data-malachite-minor-hover, #107175FF)';
+
+/** dark data inverse dataOrangeTransparentActive */
+var inverseDataOrangeTransparentActive = 'var(--inverse-data-orange-transparent-active, #FA5F0547)';
+
+/** dark data inverse dataOrangeTransparentHover */
+var inverseDataOrangeTransparentHover = 'var(--inverse-data-orange-transparent-hover, #FA5F0542)';
+
+/** dark data inverse dataPinkActive */
+var inverseDataPinkActive = 'var(--inverse-data-pink-active, #890B3DFF)';
+
+/** dark data inverse dataPinkHover */
+var inverseDataPinkHover = 'var(--inverse-data-pink-hover, #AF0E4EFF)';
+
+/** dark data inverse dataRedTransparentActive */
+var inverseDataRedTransparentActive = 'var(--inverse-data-red-transparent-active, #FF293E47)';
+
+/** dark data inverse dataRedTransparentHover */
+var inverseDataRedTransparentHover = 'var(--inverse-data-red-transparent-hover, #FF293E42)';
+
+/** dark data inverse dataBlueTransparentActive */
+var inverseDataBlueTransparentActive = 'var(--inverse-data-blue-transparent-active, #118CDF47)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #0F1315FF)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccentActive = 'var(--surface-accent-active, #1086D5FF)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #D6DFE614)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #1086D5FF)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #1086D5FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #071A26FF)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccent = 'var(--on-light-surface-accent, #118CDF)';
+
+/** Акцентный цвет */
+var textAccent = 'var(--text-accent, #199AF0)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #199AF047)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
+
+/** Цвет успеха */
+var textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)';
+
+/** Акцентный цвет */
+var textAccentActive = 'var(--text-accent-active, #0E8ADDFF)';
+
+/** Цвет информации */
+var textInfoActive = 'var(--text-info-active, #0E8ADDFF)';
+
+/** Основной цвет текста */
+var textPrimaryHover = 'var(--text-primary-hover, #F2F5F893)';
+
+/** Вторичный цвет текста */
+var textSecondaryHover = 'var(--text-secondary-hover, #D6DFE6FF)';
+
+/** Цвет предупреждения */
+var textWarningHover = 'var(--text-warning-hover, #FF8442FF)';
+
+/** Цвет успеха */
+var textPositiveActive = 'var(--text-positive-active, #1F9835FF)';
+
+/** Минорный цвет успеха */
+var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
+
+/** Основной цвет текста */
+var textPrimaryActive = 'var(--text-primary-active, #F2F5F8C4)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #D6DFE6BE)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccent = 'var(--on-dark-text-accent, #199AF0)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E8ADDFF)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondary = 'var(--on-dark-text-secondary, #D5DFE69E)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccent = 'var(--on-light-text-accent, #0B7ECB)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #52BAFF)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #13181B93)';
+
+/** Светлый голубой цвет для данных */
+var dataBlueLightActive = 'var(--data-blue-light-active, #08141CFF)';
+
+/** dark data inverse dataBlueMildHover */
+var inverseDataBlueMildHover = 'var(--inverse-data-blue-mild-hover, #0D84D3FF)';
+
+/** Инвертированный светлый голубой цвет для данных */
+var inverseDataSkyBlueLight = 'var(--inverse-data-sky-blue-light, #E8FAFF)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
+
+/** dark data onDark dataArctic */
+var onDarkDataArctic = 'var(--on-dark-data-arctic, #197D61)';
+
+/** dark data onDark dataArcticActive */
+var onDarkDataArcticActive = 'var(--on-dark-data-arctic-active, #177359FF)';
+
+/** Светлый голубой цвет для данных на темном фоне */
+var onDarkDataBlueLightActive = 'var(--on-dark-data-blue-light-active, #08141CFF)';
+
+/** dark outline default outlineSolidDefault */
+var outlineSolidDefault = 'var(--outline-solid-default, #F7F9FB)';
+
+/** dark data onDark dataOrangeTransparent */
+var onDarkDataOrangeTransparent = 'var(--on-dark-data-orange-transparent, #FA5F053D)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #402B03FF)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
+
+/** dark data onLight dataArcticActive */
+var onLightDataArcticActive = 'var(--on-light-data-arctic-active, #12BA8AFF)';
+
+/** Акцентный цвет обводки */
+var outlineAccentActive = 'var(--outline-accent-active, #0E8ADDFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #10659EFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F1F5F8FF)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C2D1DBFF)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondary = 'var(--outline-solid-secondary, #30373C)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccent = 'var(--inverse-outline-accent, #0B7ECB)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #52BAFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #0D5382)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF0F)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #E5F2FBFF)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF0F)';
+
+/** Сплошной наборный текст */
+var textParagraphActive = 'var(--text-paragraph-active, #F2F5F8A3)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentActive = 'var(--on-light-text-accent-active, #096CAEFF)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #13181BC4)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)';
+
+/** Акцентный минорный цвет */
+var textAccentMinor = 'var(--text-accent-minor, #0D5382)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #13181B7A)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #485056D3)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
+
+/** Вторичный цвет текста */
+var textSecondaryActive = 'var(--text-secondary-active, #D6DFE6BE)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #13181BC4)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfo = 'var(--on-dark-text-info, #199AF0)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F2F5F8CC)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #485056D3)';
+
+/** Основной фон на темном фоне */
+var darkBackgroundPrimary = 'var(--dark-background-primary, #060A0C)';
+
+/** Инвертированный основной фон */
+var inverseBackgroundPrimary = 'var(--inverse-background-primary, #F2F5F8)';
+
+/** dark data default dataArcticActive */
+var dataArcticActive = 'var(--data-arctic-active, #177359FF)';
+
+/** dark data default dataBlueMinorHover */
+var dataBlueMinorHover = 'var(--data-blue-minor-hover, #0F466BFF)';
+
+/** dark data default dataGreenLightActive */
+var dataGreenLightActive = 'var(--data-green-light-active, #093912FF)';
+
+/** dark data default dataOrangeTransparent */
+var dataOrangeTransparent = 'var(--data-orange-transparent, #FA5F053D)';
+
+/** Светлый голубой цвет для данных */
+var dataSkyBlueLightHover = 'var(--data-sky-blue-light-hover, #E0F8FFFF)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinorActive = 'var(--data-yellow-minor-active, #402B03FF)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #5D3F04FF)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
+
+/** dark data inverse dataArctic */
+var inverseDataArctic = 'var(--inverse-data-arctic, #197D61)';
+
+/** dark data inverse dataArcticHover */
+var inverseDataArcticHover = 'var(--inverse-data-arctic-hover, #1C8D6DFF)';
+
+/** dark data inverse dataBlue */
+var inverseDataBlue = 'var(--inverse-data-blue, #118CDF)';
+
+/** dark data inverse dataBlueMildActive */
+var inverseDataBlueMildActive = 'var(--inverse-data-blue-mild-active, #0A66A3FF)';
+
+/** dark data inverse dataBlueTransparentHover */
+var inverseDataBlueTransparentHover = 'var(--inverse-data-blue-transparent-hover, #118CDF42)';
+
+/** dark data inverse dataGreen */
+var inverseDataGreen = 'var(--inverse-data-green, #1A9E32)';
+
+/** dark data inverse dataGreenTransparentActive */
+var inverseDataGreenTransparentActive = 'var(--inverse-data-green-transparent-active, #1A9E3247)';
+
+/** dark data inverse dataOrangeLight */
+var inverseDataOrangeLight = 'var(--inverse-data-orange-light, #3D1D0A)';
+
+/** Инвертированный светлый голубой цвет для данных */
+var inverseDataSkyBlueLightHover = 'var(--inverse-data-sky-blue-light-hover, #E0F8FFFF)';
+
+/** dark data onDark dataBlue */
+var onDarkDataBlue = 'var(--on-dark-data-blue, #118CDF)';
+
+/** Светлый голубой цвет для данных на темном фоне */
+var onDarkDataBlueLightHover = 'var(--on-dark-data-blue-light-hover, #0C1F2CFF)';
+
+/** dark data onDark dataBlueTransparentActive */
+var onDarkDataBlueTransparentActive = 'var(--on-dark-data-blue-transparent-active, #118CDF2E)';
+
+/** dark data onDark dataGrayMinorActive */
+var onDarkDataGrayMinorActive = 'var(--on-dark-data-gray-minor-active, #2B3136FF)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
+
+/** Светлый голубой цвет для данных на светлом фоне */
+var onLightDataBlueLight = 'var(--on-light-data-blue-light, #EDF8FF)';
+
+/** Светлый голубой цвет для данных на светлом фоне */
+var onLightDataBlueLightActive = 'var(--on-light-data-blue-light-active, #E0F3FFFF)';
+
+/** Светлый голубой цвет для данных на светлом фоне */
+var onLightDataBlueLightHover = 'var(--on-light-data-blue-light-hover, #E5F5FFFF)';
+
+/** Светлый желтый цвет для данных на светлом фоне */
+var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
+
+/** Акцентный цвет обводки */
+var outlineAccent = 'var(--outline-accent, #199AF0)';
+
+/** Акцентный цвет обводки */
+var outlineAccentHover = 'var(--outline-accent-hover, #66BCF5FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinor = 'var(--outline-accent-minor, #0D5382)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1277BAFF)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
+
+/** dark outline default outlineSolidDefaultActive */
+var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4EBF1FF)';
+
+/** dark outline default outlineSolidDefaultHover */
+var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0DBE7FF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #096CAEFF)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #34A7F4FF)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #33ADFFFF)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #A3DAFFFF)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #4F585FFF)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #199AF0)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADDFF)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #33ADFFFF)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccent = 'var(--surface-accent, #118CDF)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccentHover = 'var(--surface-accent-hover, #1798EEFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinor = 'var(--surface-accent-minor, #071A26FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #06151EFF)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccent = 'var(--surface-transparent-accent, #118CDF33)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1798EEFF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #071A26FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #06151EFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030607FF)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #30373BE6)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #118CDF)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1798EEFF)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #23292D)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #1086D5FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #F3F6F8FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #118CDF0F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F051F)';
+
+/** Акцентный цвет */
+var textAccentHover = 'var(--text-accent-hover, #66BCF5FF)';
+
+/** Цвет информации */
+var textInfo = 'var(--text-info, #199AF0)';
+
+/** Сплошной наборный текст */
+var textParagraphHover = 'var(--text-paragraph-hover, #F2F5F87A)';
+
+/** Цвет предупреждения */
+var textWarningActive = 'var(--text-warning-active, #FF5D05FF)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #33ADFFFF)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #33ADFFFF)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #0D5382)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #10659EFF)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #F3F6F8FF)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #34A7F4FF)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #33ADFFFF)';
+
+/** New description */
+var dataDataPinkLight = 'var(--data-data-pink-light, #FF8FBC)';
+
+/** New description */
+var dataDataPinkLightActive = 'var(--data-data-pink-light-active, #FF85B6FF)';
+
+/** New description */
+var dataDataPinkLightHover = 'var(--data-data-pink-light-hover, #FFA3C8FF)';
+
+/** New description */
+var inverseDataDataPinkLight = 'var(--inverse-data-data-pink-light, #FF4791)';
+
+/** New description */
+var inverseDataDataPinkLightActive = 'var(--inverse-data-data-pink-light-active, #FF3385FF)';
+
+/** New description */
+var inverseDataDataPinkLightHover = 'var(--inverse-data-data-pink-light-hover, #FF70A9FF)';
+
+/** New description */
+var onDarkDataDataPinkLight = 'var(--on-dark-data-data-pink-light, #FF8FBC)';
+
+/** New description */
+var onDarkDataDataPinkLightActive = 'var(--on-dark-data-data-pink-light-active, #FF85B6FF)';
+
+/** New description */
+var onDarkDataDataPinkLightHover = 'var(--on-dark-data-data-pink-light-hover, #FFA3C8FF)';
+
+/** New description */
+var onLightDataDataPinkLight = 'var(--on-light-data-data-pink-light, #FF4791)';
+
+/** New description */
+var onLightDataDataPinkLightActive = 'var(--on-light-data-data-pink-light-active, #FF3385FF)';
+
+/** New description */
+var onLightDataDataPinkLightHover = 'var(--on-light-data-data-pink-light-hover, #FF70A9FF)';
+
+/** Яркий фон для скелетона */
+var surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
+
+/** Яркий фон для скелетона */
+var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
+
+/** Фон для скелетона */
+var surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
+
+/** Яркий фон для скелетона */
+var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
+
+/** Фон для скелетона */
+var onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
+
+/** Фон для скелетона */
+var inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
+
+/** Яркий фон для скелетона */
+var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
+
+/** Фон для скелетона */
+var onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
+
+/** Яркий фон для скелетона */
+var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+
+/** Яркий фон для скелетона */
+var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
+
+/** Фон для скелетона */
+var inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var dataNegativeGradientHover = 'var(--data-negative-gradient-hover, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var dataPositiveGradient = 'var(--data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%))';
+
+/** Цвет успеха с градиентом */
+var dataPositiveGradientActive = 'var(--data-positive-gradient-active, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var dataPositiveGradientHover = 'var(--data-positive-gradient-hover, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var dataWarningGradient = 'var(--data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%))';
+
+/** Цвет предупреждения с градиентом */
+var dataWarningGradientActive = 'var(--data-warning-gradient-active, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var dataWarningGradientHover = 'var(--data-warning-gradient-hover, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var onDarkDataInfoGradient = 'var(--on-dark-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%))';
+
+/** Цвет информации с градиентом */
+var onDarkDataInfoGradientActive = 'var(--on-dark-data-info-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var onDarkDataInfoGradientHover = 'var(--on-dark-data-info-gradient-hover, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var onDarkDataNegativeGradient = 'var(--on-dark-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%))';
+
+/** Цвет ошибки с градиентом */
+var onDarkDataNegativeGradientActive = 'var(--on-dark-data-negative-gradient-active, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var onDarkDataNegativeGradientHover = 'var(--on-dark-data-negative-gradient-hover, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var onDarkDataPositiveGradient = 'var(--on-dark-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%))';
+
+/** Цвет успеха с градиентом */
+var onDarkDataPositiveGradientActive = 'var(--on-dark-data-positive-gradient-active, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var onDarkDataPositiveGradientHover = 'var(--on-dark-data-positive-gradient-hover, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var onDarkDataWarningGradient = 'var(--on-dark-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%))';
+
+/** Цвет предупреждения с градиентом */
+var onDarkDataWarningGradientHover = 'var(--on-dark-data-warning-gradient-hover, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var onLightDataPositiveGradient = 'var(--on-light-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет успеха с градиентом */
+var onLightDataPositiveGradientHover = 'var(--on-light-data-positive-gradient-hover, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var inverseDataNegativeGradient = 'var(--inverse-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет ошибки с градиентом */
+var inverseDataNegativeGradientActive = 'var(--inverse-data-negative-gradient-active, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var inverseDataNegativeGradientHover = 'var(--inverse-data-negative-gradient-hover, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var inverseDataPositiveGradient = 'var(--inverse-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет успеха с градиентом */
+var inverseDataPositiveGradientActive = 'var(--inverse-data-positive-gradient-active, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var inverseDataPositiveGradientHover = 'var(--inverse-data-positive-gradient-hover, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var inverseDataWarningGradientActive = 'var(--inverse-data-warning-gradient-active, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var inverseDataWarningGradientHover = 'var(--inverse-data-warning-gradient-hover, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var onLightDataInfoGradient = 'var(--on-light-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет информации с градиентом */
+var onLightDataInfoGradientActive = 'var(--on-light-data-info-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var onLightDataInfoGradientHover = 'var(--on-light-data-info-gradient-hover, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var onLightDataNegativeGradient = 'var(--on-light-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет ошибки с градиентом */
+var onLightDataNegativeGradientHover = 'var(--on-light-data-negative-gradient-hover, #FFFFFFFF)';
+
+/** Цвет успеха с градиентом */
+var onLightDataPositiveGradientActive = 'var(--on-light-data-positive-gradient-active, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var onLightDataWarningGradient = 'var(--on-light-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет предупреждения с градиентом */
+var onLightDataWarningGradientActive = 'var(--on-light-data-warning-gradient-active, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var onLightDataWarningGradientHover = 'var(--on-light-data-warning-gradient-hover, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var dataInfoGradient = 'var(--data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%))';
+
+/** Цвет ошибки с градиентом */
+var onLightDataNegativeGradientActive = 'var(--on-light-data-negative-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var inverseDataInfoGradient = 'var(--inverse-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет информации с градиентом */
+var dataInfoGradientActive = 'var(--data-info-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var dataInfoGradientHover = 'var(--data-info-gradient-hover, #FFFFFFFF)';
+
+/** Цвет ошибки с градиентом */
+var dataNegativeGradient = 'var(--data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%))';
+
+/** Цвет ошибки с градиентом */
+var dataNegativeGradientActive = 'var(--data-negative-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var inverseDataInfoGradientActive = 'var(--inverse-data-info-gradient-active, #FFFFFFFF)';
+
+/** Цвет информации с градиентом */
+var inverseDataInfoGradientHover = 'var(--inverse-data-info-gradient-hover, #FFFFFFFF)';
+
+/** Цвет предупреждения с градиентом */
+var inverseDataWarningGradient = 'var(--inverse-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%))';
+
+/** Цвет предупреждения с градиентом */
+var onDarkDataWarningGradientActive = 'var(--on-dark-data-warning-gradient-active, #FFFFFFFF)';
+
+/** shadow down hard l */
+var shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)';
+
+/** shadow down hard m */
+var shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)';
+
+/** shadow down hard s */
+var shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)';
+
+/** shadow down soft l */
+var shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)';
+
+/** shadow down soft m */
+var shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)';
+
+/** shadow down soft s */
+var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)';
+
+/** shadow up hard l */
+var shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)';
+
+/** shadow up hard m */
+var shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)';
+
+/** shadow up hard s */
+var shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)';
+
+/** shadow up soft l */
+var shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)';
+
+/** shadow up soft m */
+var shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)';
+
+/** shadow up soft s */
+var shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)';
+
+/** borderRadius l */
+var borderRadiusL = 'var(--border-radius-l, 20px)';
+
+/** borderRadius m */
+var borderRadiusM = 'var(--border-radius-m, 16px)';
+
+/** borderRadius s */
+var borderRadiusS = 'var(--border-radius-s, 12px)';
+
+/** borderRadius xl */
+var borderRadiusXl = 'var(--border-radius-xl, 24px)';
+
+/** borderRadius xs */
+var borderRadiusXs = 'var(--border-radius-xs, 8px)';
+
+/** borderRadius xxl */
+var borderRadiusXxl = 'var(--border-radius-xxl, 32px)';
+
+/** borderRadius xxs */
+var borderRadiusXxs = 'var(--border-radius-xxs, 4px)';
+
+/** spacing 0x */
+var spacing0x = 'var(--spacing-0x, 0px)';
+
+/** spacing 10x */
+var spacing10x = 'var(--spacing-10x, 20px)';
+
+/** spacing 1x */
+var spacing1x = 'var(--spacing-1x, 2px)';
+
+/** spacing 2x */
+var spacing2x = 'var(--spacing-2x, 4px)';
+
+/** spacing 3x */
+var spacing3x = 'var(--spacing-3x, 6px)';
+
+/** spacing 4x */
+var spacing4x = 'var(--spacing-4x, 8px)';
+
+/** spacing 6x */
+var spacing6x = 'var(--spacing-6x, 12px)';
+
+/** spacing 8x */
+var spacing8x = 'var(--spacing-8x, 16px)';
+
+/** spacing 20x */
+var spacing20x = 'var(--spacing-20x, 40px)';
+
+/** spacing 24x */
+var spacing24x = 'var(--spacing-24x, 48px)';
+
+/** spacing 32x */
+var spacing32x = 'var(--spacing-32x, 64px)';
+
+/** spacing 40x */
+var spacing40x = 'var(--spacing-40x, 80px)';
+
+/** spacing 60x */
+var spacing60x = 'var(--spacing-60x, 120px)';
+
+/** spacing 12x */
+var spacing12x = 'var(--spacing-12x, 24px)';
+
+/** spacing 16x */
+var spacing16x = 'var(--spacing-16x, 32px)';
+
+/** typography s body-l-medium */
+var bodyLMedium = {
+  fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-medium-line-height)'
+};
+
+/** typography s body-l */
+var bodyL = {
+  fontFamily: 'var(--plasma-typo-body-l-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-line-height)'
+};
+
+/** typography s body-m-bold */
+var bodyMBold = {
+  fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-bold-line-height)'
+};
+
+/** typography s body-m-medium */
+var bodyMMedium = {
+  fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-medium-line-height)'
+};
+
+/** typography s body-m */
+var bodyM = {
+  fontFamily: 'var(--plasma-typo-body-m-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-line-height)'
+};
+
+/** typography s body-s-bold */
+var bodySBold = {
+  fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-bold-line-height)'
+};
+
+/** typography s body-s-medium */
+var bodySMedium = {
+  fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-medium-line-height)'
+};
+
+/** typography s body-s */
+var bodyS = {
+  fontFamily: 'var(--plasma-typo-body-s-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-line-height)'
+};
+
+/** typography s body-xs-bold */
+var bodyXSBold = {
+  fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-xs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)'
+};
+
+/** typography s body-xs */
+var bodyXS = {
+  fontFamily: 'var(--plasma-typo-body-xs-font-family)',
+  fontSize: 'var(--plasma-typo-body-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xs-line-height)'
+};
+
+/** typography s body-xxs-bold */
+var bodyXXSBold = {
+  fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)'
+};
+
+/** typography s body-xxs-medium */
+var bodyXXSMedium = {
+  fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
+};
+
+/** typography s body-xxs */
+var bodyXXS = {
+  fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
+  fontSize: 'var(--plasma-typo-body-xxs-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
+};
+
+/** typography s display-l-bold */
+var dsplLBold = {
+  fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)'
+};
+
+/** typography s display-l-medium */
+var dsplLMedium = {
+  fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)'
+};
+
+/** typography s display-l */
+var dsplL = {
+  fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-l-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-l-line-height)'
+};
+
+/** typography s display-m-bold */
+var dsplMBold = {
+  fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)'
+};
+
+/** typography s display-m-medium */
+var dsplMMedium = {
+  fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)'
+};
+
+/** typography s display-m */
+var dsplM = {
+  fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-m-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-m-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-m-line-height)'
+};
+
+/** typography s display-s-bold */
+var dsplSBold = {
+  fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)'
+};
+
+/** typography s display-s-medium */
+var dsplSMedium = {
+  fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
+};
+
+/** typography s display-s */
+var dsplS = {
+  fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
+};
+
+/** typography s header-h1-bold */
+var h1Bold = {
+  fontFamily: 'var(--plasma-typo-h1-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h1-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h1-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h1-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h1-bold-line-height)'
+};
+
+/** typography s header-h1-medium */
+var h1Medium = {
+  fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h1-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h1-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h1-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h1-medium-line-height)'
+};
+
+/** typography s header-h1 */
+var h1 = {
+  fontFamily: 'var(--plasma-typo-h1-font-family)',
+  fontSize: 'var(--plasma-typo-h1-font-size)',
+  fontStyle: 'var(--plasma-typo-h1-font-style)',
+  fontWeight: 'var(--plasma-typo-h1-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h1-line-height)'
+};
+
+/** typography s header-h2-bold */
+var h2Bold = {
+  fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h2-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h2-bold-line-height)'
+};
+
+/** typography s header-h2 */
+var h2 = {
+  fontFamily: 'var(--plasma-typo-h2-font-family)',
+  fontSize: 'var(--plasma-typo-h2-font-size)',
+  fontStyle: 'var(--plasma-typo-h2-font-style)',
+  fontWeight: 'var(--plasma-typo-h2-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h2-line-height)'
+};
+
+/** typography s header-h3-bold */
+var h3Bold = {
+  fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h3-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h3-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h3-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h3-bold-line-height)'
+};
+
+/** typography s header-h3-medium */
+var h3Medium = {
+  fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h3-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h3-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h3-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h3-medium-line-height)'
+};
+
+/** typography s header-h3 */
+var h3 = {
+  fontFamily: 'var(--plasma-typo-h3-font-family)',
+  fontSize: 'var(--plasma-typo-h3-font-size)',
+  fontStyle: 'var(--plasma-typo-h3-font-style)',
+  fontWeight: 'var(--plasma-typo-h3-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h3-line-height)'
+};
+
+/** typography s header-h4-bold */
+var h4Bold = {
+  fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h4-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h4-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h4-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h4-bold-line-height)'
+};
+
+/** typography s header-h4-medium */
+var h4Medium = {
+  fontFamily: 'var(--plasma-typo-h4-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h4-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h4-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h4-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h4-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h4-medium-line-height)'
+};
+
+/** typography s header-h4 */
+var h4 = {
+  fontFamily: 'var(--plasma-typo-h4-font-family)',
+  fontSize: 'var(--plasma-typo-h4-font-size)',
+  fontStyle: 'var(--plasma-typo-h4-font-style)',
+  fontWeight: 'var(--plasma-typo-h4-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h4-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h4-line-height)'
+};
+
+/** typography s header-h5-bold */
+var h5Bold = {
+  fontFamily: 'var(--plasma-typo-h5-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h5-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h5-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h5-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h5-bold-line-height)'
+};
+
+/** typography s header-h5-medium */
+var h5Medium = {
+  fontFamily: 'var(--plasma-typo-h5-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h5-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h5-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h5-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h5-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h5-medium-line-height)'
+};
+
+/** typography s header-h5 */
+var h5 = {
+  fontFamily: 'var(--plasma-typo-h5-font-family)',
+  fontSize: 'var(--plasma-typo-h5-font-size)',
+  fontStyle: 'var(--plasma-typo-h5-font-style)',
+  fontWeight: 'var(--plasma-typo-h5-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h5-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h5-line-height)'
+};
+
+/** typography s header-h6-bold */
+var h6Bold = {
+  fontFamily: 'var(--plasma-typo-h6-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h6-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h6-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h6-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h6-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h6-bold-line-height)'
+};
+
+/** typography s header-h6-medium */
+var h6Medium = {
+  fontFamily: 'var(--plasma-typo-h6-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h6-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h6-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h6-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h6-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h6-medium-line-height)'
+};
+
+/** typography s header-h6 */
+var h6 = {
+  fontFamily: 'var(--plasma-typo-h6-font-family)',
+  fontSize: 'var(--plasma-typo-h6-font-size)',
+  fontStyle: 'var(--plasma-typo-h6-font-style)',
+  fontWeight: 'var(--plasma-typo-h6-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h6-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h6-line-height)'
+};
+
+/** typography s text-l-bold */
+var textLBold = {
+  fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-bold-line-height)'
+};
+
+/** typography s text-l */
+var textL = {
+  fontFamily: 'var(--plasma-typo-text-l-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-line-height)'
+};
+
+/** typography s text-m-bold */
+var textMBold = {
+  fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-bold-line-height)'
+};
+
+/** typography s text-m */
+var textM = {
+  fontFamily: 'var(--plasma-typo-text-m-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-line-height)'
+};
+
+/** typography s text-s-bold */
+var textSBold = {
+  fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-bold-line-height)'
+};
+
+/** typography s text-s */
+var textS = {
+  fontFamily: 'var(--plasma-typo-text-s-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-line-height)'
+};
+
+/** typography s text-xs-bold */
+var textXSBold = {
+  fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)'
+};
+
+/** typography s text-xs */
+var textXS = {
+  fontFamily: 'var(--plasma-typo-text-xs-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-line-height)'
+};
+
+/** typography s text-l-medium */
+var textLMedium = {
+  fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-medium-line-height)'
+};
+
+/** typography s text-m-medium */
+var textMMedium = {
+  fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-medium-line-height)'
+};
+
+/** typography s text-s-medium */
+var textSMedium = {
+  fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-medium-line-height)'
+};
+
+/** typography s text-xs-medium */
+var textXSMedium = {
+  fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
+};
+
+/** typography s body-l-bold */
+var bodyLBold = {
+  fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-bold-line-height)'
+};
+
+/** typography s header-h2-medium */
+var h2Medium = {
+  fontFamily: 'var(--plasma-typo-h2-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h2-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h2-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h2-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h2-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h2-medium-line-height)'
+};
+
+/** typography s body-xs-medium */
+var bodyXSMedium = {
+  fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
+};
+var viewContainer = {
+  dark: "\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --data-arctic: var(--on-dark-data-arctic);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-data-arctic-active: var(--on-light-data-arctic-active);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --background-primary: var(--dark-background-primary);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --data-blue-light: var(--on-dark-data-blue-light);\n        --data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n        --data-blue-mild: var(--on-dark-data-blue-mild);\n        --data-blue-minor: var(--on-dark-data-blue-minor);\n        --data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --data-electric-blue: var(--on-dark-data-electric-blue);\n        --data-fuchsia: var(--on-dark-data-fuchsia);\n        --data-gray: var(--on-dark-data-gray);\n        --data-gray-minor: var(--on-dark-data-gray-minor);\n        --data-green: var(--on-dark-data-green);\n        --data-green-active: var(--on-dark-data-green-active);\n        --data-green-hover: var(--on-dark-data-green-hover);\n        --data-green-light: var(--on-dark-data-green-light);\n        --data-green-minor: var(--on-dark-data-green-minor);\n        --data-green-transparent: var(--on-dark-data-green-transparent);\n        --data-malachite: var(--on-dark-data-malachite);\n        --data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --data-orange: var(--on-dark-data-orange);\n        --data-orange-active: var(--on-dark-data-orange-active);\n        --data-orange-hover: var(--on-dark-data-orange-hover);\n        --data-orange-light: var(--on-dark-data-orange-light);\n        --data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --data-orange-minor: var(--on-dark-data-orange-minor);\n        --data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --data-orchid: var(--on-dark-data-orchid);\n        --data-orchid-active: var(--on-dark-data-orchid-active);\n        --data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --data-pink: var(--on-dark-data-pink);\n        --data-red: var(--on-dark-data-red);\n        --data-red-active: var(--on-dark-data-red-active);\n        --data-red-hover: var(--on-dark-data-red-hover);\n        --data-red-light: var(--on-dark-data-red-light);\n        --data-red-minor: var(--on-dark-data-red-minor);\n        --data-red-transparent: var(--on-dark-data-red-transparent);\n        --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --data-spring: var(--on-dark-data-spring);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-light: var(--on-dark-data-yellow-light);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-blue: var(--on-dark-data-blue);\n        --data-blue-active: var(--on-dark-data-blue-active);\n        --data-blue-hover: var(--on-dark-data-blue-hover);\n        --data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --data-gray-active: var(--on-dark-data-gray-active);\n        --data-gray-hover: var(--on-dark-data-gray-hover);\n        --data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --data-malachite-active: var(--on-dark-data-malachite-active);\n        --data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --data-pink-active: var(--on-dark-data-pink-active);\n        --data-pink-hover: var(--on-dark-data-pink-hover);\n        --data-red-light-active: var(--on-dark-data-red-light-active);\n        --data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --data-spring-active: var(--on-dark-data-spring-active);\n        --data-spring-hover: var(--on-dark-data-spring-hover);\n        --data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --inverse-data-green-minor: var(--on-light-data-green-minor);\n        --inverse-data-orange: var(--on-light-data-orange);\n        --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n        --inverse-data-orchid: var(--on-light-data-orchid);\n        --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n        --inverse-data-red: var(--on-light-data-red);\n        --inverse-data-red-light: var(--on-light-data-red-light);\n        --inverse-data-red-minor: var(--on-light-data-red-minor);\n        --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n        --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-blue-minor: var(--on-light-data-blue-minor);\n        --inverse-data-blue-active: var(--on-light-data-blue-active);\n        --inverse-data-blue-hover: var(--on-light-data-blue-hover);\n        --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n        --inverse-data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --inverse-data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n        --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n        --inverse-data-gray: var(--on-light-data-gray);\n        --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n        --inverse-data-green-active: var(--on-light-data-green-active);\n        --inverse-data-green-hover: var(--on-light-data-green-hover);\n        --inverse-data-green-light: var(--on-light-data-green-light);\n        --inverse-data-green-light-active: var(--on-light-data-green-light-active);\n        --inverse-data-green-light-hover: var(--on-light-data-green-light-hover);\n        --inverse-data-green-minor-active: var(--on-light-data-green-minor-active);\n        --inverse-data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n        --inverse-data-malachite: var(--on-light-data-malachite);\n        --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n        --inverse-data-orange-active: var(--on-light-data-orange-active);\n        --inverse-data-orange-hover: var(--on-light-data-orange-hover);\n        --inverse-data-orange-light-active: var(--on-light-data-orange-light-active);\n        --inverse-data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --inverse-data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --inverse-data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n        --inverse-data-orchid-active: var(--on-light-data-orchid-active);\n        --inverse-data-orchid-hover: var(--on-light-data-orchid-hover);\n        --inverse-data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --inverse-data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --inverse-data-pink: var(--on-light-data-pink);\n        --inverse-data-red-active: var(--on-light-data-red-active);\n        --inverse-data-red-hover: var(--on-light-data-red-hover);\n        --inverse-data-red-light-active: var(--on-light-data-red-light-active);\n        --inverse-data-red-light-hover: var(--on-light-data-red-light-hover);\n        --inverse-data-red-minor-active: var(--on-light-data-red-minor-active);\n        --inverse-data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n        --inverse-data-spring: var(--on-light-data-spring);\n        --inverse-data-spring-active: var(--on-light-data-spring-active);\n        --inverse-data-spring-hover: var(--on-light-data-spring-hover);\n        --inverse-data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --inverse-data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --inverse-data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --inverse-data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --inverse-data-gray-active: var(--on-light-data-gray-active);\n        --inverse-data-gray-hover: var(--on-light-data-gray-hover);\n        --inverse-data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --inverse-data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --inverse-data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --inverse-data-malachite-active: var(--on-light-data-malachite-active);\n        --inverse-data-malachite-hover: var(--on-light-data-malachite-hover);\n        --inverse-data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --inverse-data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --inverse-data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --inverse-data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --inverse-data-pink-active: var(--on-light-data-pink-active);\n        --inverse-data-pink-hover: var(--on-light-data-pink-hover);\n        --inverse-data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --inverse-data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --text-accent: var(--on-dark-text-accent);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --data-blue-light-active: var(--on-dark-data-blue-light-active);\n        --inverse-data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-background-primary: var(--light-background-primary);\n        --data-arctic-active: var(--on-dark-data-arctic-active);\n        --data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --data-green-light-active: var(--on-dark-data-green-light-active);\n        --data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-arctic: var(--on-light-data-arctic);\n        --inverse-data-arctic-hover: var(--on-light-data-arctic-hover);\n        --inverse-data-blue: var(--on-light-data-blue);\n        --inverse-data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --inverse-data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --inverse-data-green: var(--on-light-data-green);\n        --inverse-data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --inverse-data-orange-light: var(--on-light-data-orange-light);\n        --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-info: var(--on-dark-text-info);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --data-data-pink-light: var(--on-dark-data-data-pink-light);\n        --data-data-pink-light-active: var(--on-dark-data-data-pink-light-active);\n        --data-data-pink-light-hover: var(--on-dark-data-data-pink-light-hover);\n        --inverse-data-data-pink-light: var(--on-light-data-data-pink-light);\n        --inverse-data-data-pink-light-active: var(--on-light-data-data-pink-light-active);\n        --inverse-data-data-pink-light-hover: var(--on-light-data-data-pink-light-hover);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --data-warning-gradient: var(--on-dark-data-warning-gradient);\n        --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --inverse-data-negative-gradient: var(--on-light-data-negative-gradient);\n        --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --inverse-data-positive-gradient: var(--on-light-data-positive-gradient);\n        --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --data-info-gradient: var(--on-dark-data-info-gradient);\n        --inverse-data-info-gradient: var(--on-light-data-info-gradient);\n        --data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n        --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active);\n        --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --inverse-data-warning-gradient: var(--on-light-data-warning-gradient);\n      ",
+  light: "\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --data-arctic: var(--on-light-data-arctic);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-data-arctic-active: var(--on-dark-data-arctic-active);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --data-blue-light: var(--on-light-data-blue-light);\n        --data-blue-light-hover: var(--on-light-data-blue-light-hover);\n        --data-blue-mild: var(--on-light-data-blue-mild);\n        --data-blue-minor: var(--on-light-data-blue-minor);\n        --data-blue-transparent: var(--on-light-data-blue-transparent);\n        --data-electric-blue: var(--on-light-data-electric-blue);\n        --data-fuchsia: var(--on-light-data-fuchsia);\n        --data-gray: var(--on-light-data-gray);\n        --data-gray-minor: var(--on-light-data-gray-minor);\n        --data-green: var(--on-light-data-green);\n        --data-green-active: var(--on-light-data-green-active);\n        --data-green-hover: var(--on-light-data-green-hover);\n        --data-green-light: var(--on-light-data-green-light);\n        --data-green-minor: var(--on-light-data-green-minor);\n        --data-green-transparent: var(--on-light-data-green-transparent);\n        --data-malachite: var(--on-light-data-malachite);\n        --data-malachite-minor: var(--on-light-data-malachite-minor);\n        --data-orange: var(--on-light-data-orange);\n        --data-orange-active: var(--on-light-data-orange-active);\n        --data-orange-hover: var(--on-light-data-orange-hover);\n        --data-orange-light: var(--on-light-data-orange-light);\n        --data-orange-light-active: var(--on-light-data-orange-light-active);\n        --data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --data-orange-minor: var(--on-light-data-orange-minor);\n        --data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --data-orchid: var(--on-light-data-orchid);\n        --data-orchid-active: var(--on-light-data-orchid-active);\n        --data-orchid-hover: var(--on-light-data-orchid-hover);\n        --data-orchid-minor: var(--on-light-data-orchid-minor);\n        --data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --data-pink: var(--on-light-data-pink);\n        --data-red: var(--on-light-data-red);\n        --data-red-active: var(--on-light-data-red-active);\n        --data-red-hover: var(--on-light-data-red-hover);\n        --data-red-light: var(--on-light-data-red-light);\n        --data-red-minor: var(--on-light-data-red-minor);\n        --data-red-transparent: var(--on-light-data-red-transparent);\n        --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --data-spring: var(--on-light-data-spring);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-light: var(--on-light-data-yellow-light);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-blue: var(--on-light-data-blue);\n        --data-blue-active: var(--on-light-data-blue-active);\n        --data-blue-hover: var(--on-light-data-blue-hover);\n        --data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --data-gray-active: var(--on-light-data-gray-active);\n        --data-gray-hover: var(--on-light-data-gray-hover);\n        --data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --data-green-light-hover: var(--on-light-data-green-light-hover);\n        --data-green-minor-active: var(--on-light-data-green-minor-active);\n        --data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --data-malachite-active: var(--on-light-data-malachite-active);\n        --data-malachite-hover: var(--on-light-data-malachite-hover);\n        --data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --data-pink-active: var(--on-light-data-pink-active);\n        --data-pink-hover: var(--on-light-data-pink-hover);\n        --data-red-light-active: var(--on-light-data-red-light-active);\n        --data-red-light-hover: var(--on-light-data-red-light-hover);\n        --data-red-minor-active: var(--on-light-data-red-minor-active);\n        --data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --data-spring-active: var(--on-light-data-spring-active);\n        --data-spring-hover: var(--on-light-data-spring-hover);\n        --data-arctic-hover: var(--on-light-data-arctic-hover);\n        --inverse-data-green-minor: var(--on-dark-data-green-minor);\n        --inverse-data-orange: var(--on-dark-data-orange);\n        --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n        --inverse-data-orchid: var(--on-dark-data-orchid);\n        --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --inverse-data-red: var(--on-dark-data-red);\n        --inverse-data-red-light: var(--on-dark-data-red-light);\n        --inverse-data-red-minor: var(--on-dark-data-red-minor);\n        --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n        --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n        --inverse-data-blue-active: var(--on-dark-data-blue-active);\n        --inverse-data-blue-hover: var(--on-dark-data-blue-hover);\n        --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n        --inverse-data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --inverse-data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n        --inverse-data-gray: var(--on-dark-data-gray);\n        --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n        --inverse-data-green-active: var(--on-dark-data-green-active);\n        --inverse-data-green-hover: var(--on-dark-data-green-hover);\n        --inverse-data-green-light: var(--on-dark-data-green-light);\n        --inverse-data-green-light-active: var(--on-dark-data-green-light-active);\n        --inverse-data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --inverse-data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --inverse-data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n        --inverse-data-malachite: var(--on-dark-data-malachite);\n        --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --inverse-data-orange-active: var(--on-dark-data-orange-active);\n        --inverse-data-orange-hover: var(--on-dark-data-orange-hover);\n        --inverse-data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --inverse-data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --inverse-data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --inverse-data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --inverse-data-orchid-active: var(--on-dark-data-orchid-active);\n        --inverse-data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --inverse-data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --inverse-data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --inverse-data-pink: var(--on-dark-data-pink);\n        --inverse-data-red-active: var(--on-dark-data-red-active);\n        --inverse-data-red-hover: var(--on-dark-data-red-hover);\n        --inverse-data-red-light-active: var(--on-dark-data-red-light-active);\n        --inverse-data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --inverse-data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --inverse-data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n        --inverse-data-spring: var(--on-dark-data-spring);\n        --inverse-data-spring-active: var(--on-dark-data-spring-active);\n        --inverse-data-spring-hover: var(--on-dark-data-spring-hover);\n        --inverse-data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --inverse-data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --inverse-data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --inverse-data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --inverse-data-gray-active: var(--on-dark-data-gray-active);\n        --inverse-data-gray-hover: var(--on-dark-data-gray-hover);\n        --inverse-data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --inverse-data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --inverse-data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --inverse-data-malachite-active: var(--on-dark-data-malachite-active);\n        --inverse-data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --inverse-data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --inverse-data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --inverse-data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --inverse-data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --inverse-data-pink-active: var(--on-dark-data-pink-active);\n        --inverse-data-pink-hover: var(--on-dark-data-pink-hover);\n        --inverse-data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --inverse-data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --data-blue-light-active: var(--on-light-data-blue-light-active);\n        --inverse-data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-background-primary: var(--dark-background-primary);\n        --data-arctic-active: var(--on-light-data-arctic-active);\n        --data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --data-green-light-active: var(--on-light-data-green-light-active);\n        --data-orange-transparent: var(--on-light-data-orange-transparent);\n        --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-arctic: var(--on-dark-data-arctic);\n        --inverse-data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --inverse-data-blue: var(--on-dark-data-blue);\n        --inverse-data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --inverse-data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --inverse-data-green: var(--on-dark-data-green);\n        --inverse-data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --inverse-data-orange-light: var(--on-dark-data-orange-light);\n        --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-info: var(--on-light-text-info);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --data-data-pink-light: var(--on-light-data-data-pink-light);\n        --data-data-pink-light-active: var(--on-light-data-data-pink-light-active);\n        --data-data-pink-light-hover: var(--on-light-data-data-pink-light-hover);\n        --inverse-data-data-pink-light: var(--on-dark-data-data-pink-light);\n        --inverse-data-data-pink-light-active: var(--on-dark-data-data-pink-light-active);\n        --inverse-data-data-pink-light-hover: var(--on-dark-data-data-pink-light-hover);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --data-positive-gradient: var(--on-light-data-positive-gradient);\n        --data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --data-warning-gradient: var(--on-light-data-warning-gradient);\n        --data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --data-info-gradient: var(--on-light-data-info-gradient);\n        --inverse-data-info-gradient: var(--on-dark-data-info-gradient);\n        --data-info-gradient-active: var(--on-light-data-info-gradient-active);\n        --data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --data-negative-gradient: var(--on-light-data-negative-gradient);\n        --data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n        --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient);\n      "
+};
+
+export { backgroundPrimary, backgroundPrimaryBrightness, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataArctic, dataArcticActive, dataArcticHover, dataBlue, dataBlueActive, dataBlueHover, dataBlueLight, dataBlueLightActive, dataBlueLightHover, dataBlueMild, dataBlueMildActive, dataBlueMildHover, dataBlueMinor, dataBlueMinorActive, dataBlueMinorHover, dataBlueTransparent, dataBlueTransparentActive, dataBlueTransparentHover, dataDataPinkLight, dataDataPinkLightActive, dataDataPinkLightHover, dataElectricBlue, dataElectricBlueActive, dataElectricBlueHover, dataFuchsia, dataFuchsiaActive, dataFuchsiaHover, dataGray, dataGrayActive, dataGrayHover, dataGrayMinor, dataGrayMinorActive, dataGrayMinorHover, dataGreen, dataGreenActive, dataGreenHover, dataGreenLight, dataGreenLightActive, dataGreenLightHover, dataGreenMinor, dataGreenMinorActive, dataGreenMinorHover, dataGreenTransparent, dataGreenTransparentActive, dataGreenTransparentHover, dataInfoGradient, dataInfoGradientActive, dataInfoGradientHover, dataMalachite, dataMalachiteActive, dataMalachiteHover, dataMalachiteMinor, dataMalachiteMinorActive, dataMalachiteMinorHover, dataNegativeGradient, dataNegativeGradientActive, dataNegativeGradientHover, dataOrange, dataOrangeActive, dataOrangeHover, dataOrangeLight, dataOrangeLightActive, dataOrangeLightHover, dataOrangeMinor, dataOrangeMinorActive, dataOrangeMinorHover, dataOrangeTransparent, dataOrangeTransparentActive, dataOrangeTransparentHover, dataOrchid, dataOrchidActive, dataOrchidHover, dataOrchidMinor, dataOrchidMinorActive, dataOrchidMinorHover, dataPink, dataPinkActive, dataPinkHover, dataPositiveGradient, dataPositiveGradientActive, dataPositiveGradientHover, dataRed, dataRedActive, dataRedHover, dataRedLight, dataRedLightActive, dataRedLightHover, dataRedMinor, dataRedMinorActive, dataRedMinorHover, dataRedTransparent, dataRedTransparentActive, dataRedTransparentHover, dataSkyBlueLightActive, dataSkyBlueLightHover, dataSpring, dataSpringActive, dataSpringHover, dataWarningGradient, dataWarningGradientActive, dataWarningGradientHover, dataYellow, dataYellowActive, dataYellowHover, dataYellowLight, dataYellowLightActive, dataYellowLightHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplL, dsplLBold, dsplLMedium, dsplM, dsplMBold, dsplMMedium, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, h5, h5Bold, h5Medium, h6, h6Bold, h6Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseDataArctic, inverseDataArcticActive, inverseDataArcticHover, inverseDataBlue, inverseDataBlueActive, inverseDataBlueHover, inverseDataBlueMild, inverseDataBlueMildActive, inverseDataBlueMildHover, inverseDataBlueMinor, inverseDataBlueMinorActive, inverseDataBlueMinorHover, inverseDataBlueTransparent, inverseDataBlueTransparentActive, inverseDataBlueTransparentHover, inverseDataDataPinkLight, inverseDataDataPinkLightActive, inverseDataDataPinkLightHover, inverseDataElectricBlue, inverseDataElectricBlueActive, inverseDataElectricBlueHover, inverseDataFuchsia, inverseDataFuchsiaActive, inverseDataFuchsiaHover, inverseDataGray, inverseDataGrayActive, inverseDataGrayHover, inverseDataGrayMinor, inverseDataGrayMinorActive, inverseDataGrayMinorHover, inverseDataGreen, inverseDataGreenActive, inverseDataGreenHover, inverseDataGreenLight, inverseDataGreenLightActive, inverseDataGreenLightHover, inverseDataGreenMinor, inverseDataGreenMinorActive, inverseDataGreenMinorHover, inverseDataGreenTransparent, inverseDataGreenTransparentActive, inverseDataGreenTransparentHover, inverseDataInfoGradient, inverseDataInfoGradientActive, inverseDataInfoGradientHover, inverseDataMalachite, inverseDataMalachiteActive, inverseDataMalachiteHover, inverseDataMalachiteMinor, inverseDataMalachiteMinorActive, inverseDataMalachiteMinorHover, inverseDataNegativeGradient, inverseDataNegativeGradientActive, inverseDataNegativeGradientHover, inverseDataOrange, inverseDataOrangeActive, inverseDataOrangeHover, inverseDataOrangeLight, inverseDataOrangeLightActive, inverseDataOrangeLightHover, inverseDataOrangeMinor, inverseDataOrangeMinorActive, inverseDataOrangeMinorHover, inverseDataOrangeTransparent, inverseDataOrangeTransparentActive, inverseDataOrangeTransparentHover, inverseDataOrchid, inverseDataOrchidActive, inverseDataOrchidHover, inverseDataOrchidMinor, inverseDataOrchidMinorActive, inverseDataOrchidMinorHover, inverseDataPink, inverseDataPinkActive, inverseDataPinkHover, inverseDataPositiveGradient, inverseDataPositiveGradientActive, inverseDataPositiveGradientHover, inverseDataRed, inverseDataRedActive, inverseDataRedHover, inverseDataRedLight, inverseDataRedLightActive, inverseDataRedLightHover, inverseDataRedMinor, inverseDataRedMinorActive, inverseDataRedMinorHover, inverseDataRedTransparent, inverseDataRedTransparentActive, inverseDataRedTransparentHover, inverseDataSkyBlueLight, inverseDataSkyBlueLightActive, inverseDataSkyBlueLightHover, inverseDataSpring, inverseDataSpringActive, inverseDataSpringHover, inverseDataWarningGradient, inverseDataWarningGradientActive, inverseDataWarningGradientHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowLight, inverseDataYellowLightActive, inverseDataYellowLightHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineAccentMinor, inverseOutlineAccentMinorActive, inverseOutlineAccentMinorHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineInfoMinor, inverseOutlineInfoMinorActive, inverseOutlineInfoMinorHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineNegativeMinor, inverseOutlineNegativeMinorActive, inverseOutlineNegativeMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePositiveMinor, inverseOutlinePositiveMinorActive, inverseOutlinePositiveMinorHover, inverseOutlineSolidDefault, inverseOutlineSolidDefaultActive, inverseOutlineSolidDefaultHover, inverseOutlineSolidPrimary, inverseOutlineSolidPrimaryActive, inverseOutlineSolidPrimaryHover, inverseOutlineSolidSecondary, inverseOutlineSolidSecondaryActive, inverseOutlineSolidSecondaryHover, inverseOutlineSolidTertiary, inverseOutlineSolidTertiaryActive, inverseOutlineSolidTertiaryHover, inverseOutlineTransparentAccent, inverseOutlineTransparentAccentActive, inverseOutlineTransparentAccentHover, inverseOutlineTransparentInfo, inverseOutlineTransparentInfoActive, inverseOutlineTransparentInfoHover, inverseOutlineTransparentNegative, inverseOutlineTransparentNegativeActive, inverseOutlineTransparentNegativeHover, inverseOutlineTransparentPositive, inverseOutlineTransparentPositiveActive, inverseOutlineTransparentPositiveHover, inverseOutlineTransparentWarning, inverseOutlineTransparentWarningActive, inverseOutlineTransparentWarningHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWarningMinor, inverseOutlineWarningMinorActive, inverseOutlineWarningMinorHover, inverseOverlayBlur, inverseOverlayHard, inverseOverlaySoft, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceInfoMinor, inverseSurfaceInfoMinorActive, inverseSurfaceInfoMinorHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfaceNegativeMinor, inverseSurfaceNegativeMinorActive, inverseSurfaceNegativeMinorHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfacePositiveMinor, inverseSurfacePositiveMinorActive, inverseSurfacePositiveMinorHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentInfo, inverseSurfaceTransparentInfoActive, inverseSurfaceTransparentInfoHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPositive, inverseSurfaceTransparentPositiveActive, inverseSurfaceTransparentPositiveHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceTransparentWarning, inverseSurfaceTransparentWarningActive, inverseSurfaceTransparentWarningHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseSurfaceWarningMinor, inverseSurfaceWarningMinorActive, inverseSurfaceWarningMinorHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextInfoMinor, inverseTextInfoMinorActive, inverseTextInfoMinorHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextNegativeMinor, inverseTextNegativeMinorActive, inverseTextNegativeMinorHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPositiveMinor, inverseTextPositiveMinorActive, inverseTextPositiveMinorHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, inverseTextWarningMinor, inverseTextWarningMinorActive, inverseTextWarningMinorHover, lightBackgroundPrimary, onDarkDataArctic, onDarkDataArcticActive, onDarkDataArcticHover, onDarkDataBlue, onDarkDataBlueActive, onDarkDataBlueHover, onDarkDataBlueLight, onDarkDataBlueLightActive, onDarkDataBlueLightHover, onDarkDataBlueMild, onDarkDataBlueMildActive, onDarkDataBlueMildHover, onDarkDataBlueMinor, onDarkDataBlueMinorActive, onDarkDataBlueMinorHover, onDarkDataBlueTransparent, onDarkDataBlueTransparentActive, onDarkDataBlueTransparentHover, onDarkDataDataPinkLight, onDarkDataDataPinkLightActive, onDarkDataDataPinkLightHover, onDarkDataElectricBlue, onDarkDataElectricBlueActive, onDarkDataElectricBlueHover, onDarkDataFuchsia, onDarkDataFuchsiaActive, onDarkDataFuchsiaHover, onDarkDataGray, onDarkDataGrayActive, onDarkDataGrayHover, onDarkDataGrayMinor, onDarkDataGrayMinorActive, onDarkDataGrayMinorHover, onDarkDataGreen, onDarkDataGreenActive, onDarkDataGreenHover, onDarkDataGreenLight, onDarkDataGreenLightActive, onDarkDataGreenLightHover, onDarkDataGreenMinor, onDarkDataGreenMinorActive, onDarkDataGreenMinorHover, onDarkDataGreenTransparent, onDarkDataGreenTransparentActive, onDarkDataGreenTransparentHover, onDarkDataInfoGradient, onDarkDataInfoGradientActive, onDarkDataInfoGradientHover, onDarkDataMalachite, onDarkDataMalachiteActive, onDarkDataMalachiteHover, onDarkDataMalachiteMinor, onDarkDataMalachiteMinorActive, onDarkDataMalachiteMinorHover, onDarkDataNegativeGradient, onDarkDataNegativeGradientActive, onDarkDataNegativeGradientHover, onDarkDataOrange, onDarkDataOrangeActive, onDarkDataOrangeHover, onDarkDataOrangeLight, onDarkDataOrangeLightActive, onDarkDataOrangeLightHover, onDarkDataOrangeMinor, onDarkDataOrangeMinorActive, onDarkDataOrangeMinorHover, onDarkDataOrangeTransparent, onDarkDataOrangeTransparentActive, onDarkDataOrangeTransparentHover, onDarkDataOrchid, onDarkDataOrchidActive, onDarkDataOrchidHover, onDarkDataOrchidMinor, onDarkDataOrchidMinorActive, onDarkDataOrchidMinorHover, onDarkDataPink, onDarkDataPinkActive, onDarkDataPinkHover, onDarkDataPositiveGradient, onDarkDataPositiveGradientActive, onDarkDataPositiveGradientHover, onDarkDataRed, onDarkDataRedActive, onDarkDataRedHover, onDarkDataRedLight, onDarkDataRedLightActive, onDarkDataRedLightHover, onDarkDataRedMinor, onDarkDataRedMinorActive, onDarkDataRedMinorHover, onDarkDataRedTransparent, onDarkDataRedTransparentActive, onDarkDataRedTransparentHover, onDarkDataSkyBlueLightActive, onDarkDataSkyBlueLightHover, onDarkDataSpring, onDarkDataSpringActive, onDarkDataSpringHover, onDarkDataWarningGradient, onDarkDataWarningGradientActive, onDarkDataWarningGradientHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowLight, onDarkDataYellowLightActive, onDarkDataYellowLightHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineAccentMinor, onDarkOutlineAccentMinorActive, onDarkOutlineAccentMinorHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineInfoMinor, onDarkOutlineInfoMinorActive, onDarkOutlineInfoMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlineNegativeMinor, onDarkOutlineNegativeMinorActive, onDarkOutlineNegativeMinorHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePositiveMinor, onDarkOutlinePositiveMinorActive, onDarkOutlinePositiveMinorHover, onDarkOutlineSolidDefault, onDarkOutlineSolidDefaultActive, onDarkOutlineSolidDefaultHover, onDarkOutlineSolidPrimary, onDarkOutlineSolidPrimaryActive, onDarkOutlineSolidPrimaryHover, onDarkOutlineSolidSecondary, onDarkOutlineSolidSecondaryActive, onDarkOutlineSolidSecondaryHover, onDarkOutlineSolidTertiary, onDarkOutlineSolidTertiaryActive, onDarkOutlineSolidTertiaryHover, onDarkOutlineTransparentAccent, onDarkOutlineTransparentAccentActive, onDarkOutlineTransparentAccentHover, onDarkOutlineTransparentInfo, onDarkOutlineTransparentInfoActive, onDarkOutlineTransparentInfoHover, onDarkOutlineTransparentNegative, onDarkOutlineTransparentNegativeActive, onDarkOutlineTransparentNegativeHover, onDarkOutlineTransparentPositive, onDarkOutlineTransparentPositiveActive, onDarkOutlineTransparentPositiveHover, onDarkOutlineTransparentWarning, onDarkOutlineTransparentWarningActive, onDarkOutlineTransparentWarningHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWarningMinor, onDarkOutlineWarningMinorActive, onDarkOutlineWarningMinorHover, onDarkOverlayBlur, onDarkOverlayHard, onDarkOverlaySoft, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceInfoMinor, onDarkSurfaceInfoMinorActive, onDarkSurfaceInfoMinorHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfaceNegativeMinor, onDarkSurfaceNegativeMinorActive, onDarkSurfaceNegativeMinorHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfacePositiveMinor, onDarkSurfacePositiveMinorActive, onDarkSurfacePositiveMinorHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentInfo, onDarkSurfaceTransparentInfoActive, onDarkSurfaceTransparentInfoHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPositive, onDarkSurfaceTransparentPositiveActive, onDarkSurfaceTransparentPositiveHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceTransparentWarning, onDarkSurfaceTransparentWarningActive, onDarkSurfaceTransparentWarningHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkSurfaceWarningMinor, onDarkSurfaceWarningMinorActive, onDarkSurfaceWarningMinorHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextInfoMinor, onDarkTextInfoMinorActive, onDarkTextInfoMinorHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextNegativeMinor, onDarkTextNegativeMinorActive, onDarkTextNegativeMinorHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPositiveMinor, onDarkTextPositiveMinorActive, onDarkTextPositiveMinorHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onDarkTextWarningMinor, onDarkTextWarningMinorActive, onDarkTextWarningMinorHover, onLightDataArctic, onLightDataArcticActive, onLightDataArcticHover, onLightDataBlue, onLightDataBlueActive, onLightDataBlueHover, onLightDataBlueLight, onLightDataBlueLightActive, onLightDataBlueLightHover, onLightDataBlueMild, onLightDataBlueMildActive, onLightDataBlueMildHover, onLightDataBlueMinor, onLightDataBlueMinorActive, onLightDataBlueMinorHover, onLightDataBlueTransparent, onLightDataBlueTransparentActive, onLightDataBlueTransparentHover, onLightDataDataPinkLight, onLightDataDataPinkLightActive, onLightDataDataPinkLightHover, onLightDataElectricBlue, onLightDataElectricBlueActive, onLightDataElectricBlueHover, onLightDataFuchsia, onLightDataFuchsiaActive, onLightDataFuchsiaHover, onLightDataGray, onLightDataGrayActive, onLightDataGrayHover, onLightDataGrayMinor, onLightDataGrayMinorActive, onLightDataGrayMinorHover, onLightDataGreen, onLightDataGreenActive, onLightDataGreenHover, onLightDataGreenLight, onLightDataGreenLightActive, onLightDataGreenLightHover, onLightDataGreenMinor, onLightDataGreenMinorActive, onLightDataGreenMinorHover, onLightDataGreenTransparent, onLightDataGreenTransparentActive, onLightDataGreenTransparentHover, onLightDataInfoGradient, onLightDataInfoGradientActive, onLightDataInfoGradientHover, onLightDataMalachite, onLightDataMalachiteActive, onLightDataMalachiteHover, onLightDataMalachiteMinor, onLightDataMalachiteMinorActive, onLightDataMalachiteMinorHover, onLightDataNegativeGradient, onLightDataNegativeGradientActive, onLightDataNegativeGradientHover, onLightDataOrange, onLightDataOrangeActive, onLightDataOrangeHover, onLightDataOrangeLight, onLightDataOrangeLightActive, onLightDataOrangeLightHover, onLightDataOrangeMinor, onLightDataOrangeMinorActive, onLightDataOrangeMinorHover, onLightDataOrangeTransparent, onLightDataOrangeTransparentActive, onLightDataOrangeTransparentHover, onLightDataOrchid, onLightDataOrchidActive, onLightDataOrchidHover, onLightDataOrchidMinor, onLightDataOrchidMinorActive, onLightDataOrchidMinorHover, onLightDataPink, onLightDataPinkActive, onLightDataPinkHover, onLightDataPositiveGradient, onLightDataPositiveGradientActive, onLightDataPositiveGradientHover, onLightDataRed, onLightDataRedActive, onLightDataRedHover, onLightDataRedLight, onLightDataRedLightActive, onLightDataRedLightHover, onLightDataRedMinor, onLightDataRedMinorActive, onLightDataRedMinorHover, onLightDataRedTransparent, onLightDataRedTransparentActive, onLightDataRedTransparentHover, onLightDataSkyBlueLightActive, onLightDataSkyBlueLightHover, onLightDataSpring, onLightDataSpringActive, onLightDataSpringHover, onLightDataWarningGradient, onLightDataWarningGradientActive, onLightDataWarningGradientHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowLight, onLightDataYellowLightActive, onLightDataYellowLightHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineAccentMinor, onLightOutlineAccentMinorActive, onLightOutlineAccentMinorHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineInfoMinor, onLightOutlineInfoMinorActive, onLightOutlineInfoMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlineNegativeMinor, onLightOutlineNegativeMinorActive, onLightOutlineNegativeMinorHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePositiveMinor, onLightOutlinePositiveMinorActive, onLightOutlinePositiveMinorHover, onLightOutlineSolidDefault, onLightOutlineSolidDefaultActive, onLightOutlineSolidDefaultHover, onLightOutlineSolidPrimary, onLightOutlineSolidPrimaryActive, onLightOutlineSolidPrimaryHover, onLightOutlineSolidSecondary, onLightOutlineSolidSecondaryActive, onLightOutlineSolidSecondaryHover, onLightOutlineSolidTertiary, onLightOutlineSolidTertiaryActive, onLightOutlineSolidTertiaryHover, onLightOutlineTransparentAccent, onLightOutlineTransparentAccentActive, onLightOutlineTransparentAccentHover, onLightOutlineTransparentInfo, onLightOutlineTransparentInfoActive, onLightOutlineTransparentInfoHover, onLightOutlineTransparentNegative, onLightOutlineTransparentNegativeActive, onLightOutlineTransparentNegativeHover, onLightOutlineTransparentPositive, onLightOutlineTransparentPositiveActive, onLightOutlineTransparentPositiveHover, onLightOutlineTransparentWarning, onLightOutlineTransparentWarningActive, onLightOutlineTransparentWarningHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWarningMinor, onLightOutlineWarningMinorActive, onLightOutlineWarningMinorHover, onLightOverlayBlur, onLightOverlayHard, onLightOverlaySoft, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceInfoMinor, onLightSurfaceInfoMinorActive, onLightSurfaceInfoMinorHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfaceNegativeMinor, onLightSurfaceNegativeMinorActive, onLightSurfaceNegativeMinorHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfacePositiveMinor, onLightSurfacePositiveMinorActive, onLightSurfacePositiveMinorHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentInfo, onLightSurfaceTransparentInfoActive, onLightSurfaceTransparentInfoHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPositive, onLightSurfaceTransparentPositiveActive, onLightSurfaceTransparentPositiveHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceTransparentWarning, onLightSurfaceTransparentWarningActive, onLightSurfaceTransparentWarningHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightSurfaceWarningMinor, onLightSurfaceWarningMinorActive, onLightSurfaceWarningMinorHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextInfoMinor, onLightTextInfoMinorActive, onLightTextInfoMinorHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextNegativeMinor, onLightTextNegativeMinorActive, onLightTextNegativeMinorHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPositiveMinor, onLightTextPositiveMinorActive, onLightTextPositiveMinorHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, onLightTextWarningMinor, onLightTextWarningMinorActive, onLightTextWarningMinorHover, outlineAccent, outlineAccentActive, outlineAccentHover, outlineAccentMinor, outlineAccentMinorActive, outlineAccentMinorHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineInfoMinor, outlineInfoMinorActive, outlineInfoMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlineNegativeMinor, outlineNegativeMinorActive, outlineNegativeMinorHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePositiveMinor, outlinePositiveMinorActive, outlinePositiveMinorHover, outlineSolidDefault, outlineSolidDefaultActive, outlineSolidDefaultHover, outlineSolidPrimary, outlineSolidPrimaryActive, outlineSolidPrimaryHover, outlineSolidSecondary, outlineSolidSecondaryActive, outlineSolidSecondaryHover, outlineSolidTertiary, outlineSolidTertiaryActive, outlineSolidTertiaryHover, outlineTransparentAccent, outlineTransparentAccentActive, outlineTransparentAccentHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeActive, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveActive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningActive, outlineTransparentWarningHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWarningMinor, outlineWarningMinorActive, outlineWarningMinorHover, overlayBlur, overlayHard, overlaySoft, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceInfoMinor, surfaceInfoMinorActive, surfaceInfoMinorHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfaceNegativeMinor, surfaceNegativeMinorActive, surfaceNegativeMinorHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfacePositiveMinor, surfacePositiveMinorActive, surfacePositiveMinorHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentInfo, surfaceTransparentInfoActive, surfaceTransparentInfoHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceTransparentWarningActive, surfaceTransparentWarningHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, surfaceWarningMinor, surfaceWarningMinorActive, surfaceWarningMinorHover, textAccent, textAccentActive, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textInfoMinor, textInfoMinorActive, textInfoMinorHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textNegativeMinor, textNegativeMinorActive, textNegativeMinorHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPositiveMinor, textPositiveMinorActive, textPositiveMinorHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textWarningMinor, textWarningMinorActive, textWarningMinorHover, textXS, textXSBold, textXSMedium, viewContainer };
+//# sourceMappingURL=index.js.map