@salutejs-ds/yvvyschshol 0.1.0

package/es/theme/tokens/index.js

@@ -0,0 +1,3101 @@
+// Generated by robots, do not change this manually!
+
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #000000F5)';
+
+/** Основной цвет текста */
+var textPrimaryHover = 'var(--text-primary-hover, #F8F9FC93)';
+
+/** Основной цвет текста */
+var textPrimaryActive = 'var(--text-primary-active, #F8F9FCC4)';
+
+/** Основной цвет текста */
+var textPrimaryBrightness = 'var(--text-primary-brightness, #F8F9FCF5)';
+
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #0000008F)';
+
+/** Вторичный цвет текста */
+var textSecondaryHover = 'var(--text-secondary-hover, #F8F9FCFF)';
+
+/** Вторичный цвет текста */
+var textSecondaryActive = 'var(--text-secondary-active, #F8F9FCAB)';
+
+/** Третичный цвет текста */
+var textTertiary = 'var(--text-tertiary, #00000047)';
+
+/** Третичный цвет текста */
+var textTertiaryHover = 'var(--text-tertiary-hover, #F8F9FCFF)';
+
+/** Третичный цвет текста */
+var textTertiaryActive = 'var(--text-tertiary-active, #F8F9FC56)';
+
+/** Сплошной наборный текст */
+var textParagraph = 'var(--text-paragraph, #000000CC)';
+
+/** Сплошной наборный текст */
+var textParagraphHover = 'var(--text-paragraph-hover, #F8F9FC7A)';
+
+/** Сплошной наборный текст */
+var textParagraphActive = 'var(--text-paragraph-active, #F8F9FCA3)';
+
+/** Акцентный цвет */
+var textAccentHover = 'var(--text-accent-hover, #12DFE2FF)';
+
+/** Акцентный цвет */
+var textAccentActive = 'var(--text-accent-active, #0A797BFF)';
+
+/** Акцентный минорный цвет */
+var textAccentMinor = 'var(--text-accent-minor, #0C585A)';
+
+/** Акцентный минорный цвет */
+var textAccentMinorHover = 'var(--text-accent-minor-hover, #148B90FF)';
+
+/** Акцентный минорный цвет */
+var textAccentMinorActive = 'var(--text-accent-minor-active, #107175FF)';
+
+/** Цвет успеха */
+var textPositive = 'var(--text-positive, #1A9E32)';
+
+/** Цвет успеха */
+var textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)';
+
+/** Цвет успеха */
+var textPositiveActive = 'var(--text-positive-active, #15842AFF)';
+
+/** Цвет предупреждения */
+var textWarning = 'var(--text-warning, #FA5F05)';
+
+/** Цвет предупреждения */
+var textWarningHover = 'var(--text-warning-hover, #FB7223FF)';
+
+/** Цвет предупреждения */
+var textWarningActive = 'var(--text-warning-active, #DC5304FF)';
+
+/** Цвет ошибки */
+var textNegative = 'var(--text-negative, #FF293E)';
+
+/** Цвет ошибки */
+var textNegativeHover = 'var(--text-negative-hover, #FF475AFF)';
+
+/** Цвет ошибки */
+var textNegativeActive = 'var(--text-negative-active, #FF0A23FF)';
+
+/** Цвет информации */
+var textInfo = 'var(--text-info, #118CDF)';
+
+/** Цвет информации */
+var textInfoHover = 'var(--text-info-hover, #50B1F2FF)';
+
+/** Цвет информации */
+var textInfoActive = 'var(--text-info-active, #0F7BC2FF)';
+
+/** Минорный цвет успеха */
+var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
+
+/** Минорный цвет успеха */
+var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
+
+/** Минорный цвет успеха */
+var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinor = 'var(--text-warning-minor, #85380C)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
+
+/** Минорный цвет предупреждения */
+var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
+
+/** Минорный цвет ошибки */
+var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет информации */
+var textInfoMinor = 'var(--text-info-minor, #0D5382)';
+
+/** Минорный цвет информации */
+var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
+
+/** Минорный цвет информации */
+var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimary = 'var(--on-dark-text-primary, #000000F5)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F8F9FC93)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F8F9FCC4)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #F8F9FCF5)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondary = 'var(--on-dark-text-secondary, #0000008F)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F8F9FCFF)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F8F9FCAB)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #00000047)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F8F9FCFF)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F8F9FC56)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #000000CC)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F8F9FC7A)';
+
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F8F9FCA3)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccent = 'var(--on-dark-text-accent, #0C9597)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #12DFE2FF)';
+
+/** Акцентный цвет на темном фоне */
+var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0A797BFF)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #0C585A)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #148B90FF)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #107175FF)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)';
+
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #15842AFF)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB7223FF)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #DC5304FF)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF475AFF)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF0A23FF)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfo = 'var(--on-dark-text-info, #118CDF)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #50B1F2FF)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0F7BC2FF)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
+
+/** Минорный цвет успеха на темном фоне */
+var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
+
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
+
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimary = 'var(--on-light-text-primary, #000000F5)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #16181D93)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #16181DC4)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #16181DF5)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondary = 'var(--on-light-text-secondary, #0000008F)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #16181DFF)';
+
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #16181DAB)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiary = 'var(--on-light-text-tertiary, #00000047)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #16181DFF)';
+
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #16181D56)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraph = 'var(--on-light-text-paragraph, #000000CC)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #16181D7A)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #16181DA3)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccent = 'var(--on-light-text-accent, #0C8688)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #12D0D3FF)';
+
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentActive = 'var(--on-light-text-accent-active, #0FABAEFF)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #04C6C9)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #05ECF0FF)';
+
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #039DA0FF)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #14B32EFF)';
+
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0C6A1BFF)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarning = 'var(--on-light-text-warning, #E85702)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD6B17FF)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #C04802FF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F54254FF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #DA0B20FF)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfoHover = 'var(--on-light-text-info-hover, #0D96F2FF)';
+
+/** Цвет информации на светлом фоне */
+var onLightTextInfoActive = 'var(--on-light-text-info-active, #0966A5FF)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #47DC62FF)';
+
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #21B03CFF)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB790FF)';
+
+/** Минорный цвет предупреждения на светлом фоне */
+var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC8240FF)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFB8BFFF)';
+
+/** Минорный цвет ошибки на светлом фоне */
+var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF6675FF)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #7ACAFFFF)';
+
+/** Минорный цвет информации на светлом фоне */
+var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #29A9FFFF)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimary = 'var(--inverse-text-primary, #000000F5)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #16181D93)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #16181DC4)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #16181DF5)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondary = 'var(--inverse-text-secondary, #0000008F)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #16181DFF)';
+
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #16181DAB)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiary = 'var(--inverse-text-tertiary, #00000047)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #16181DFF)';
+
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #16181D56)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraph = 'var(--inverse-text-paragraph, #000000CC)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #16181D7A)';
+
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #16181DA3)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccent = 'var(--inverse-text-accent, #0C8688)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #12D0D3FF)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccentActive = 'var(--inverse-text-accent-active, #0FABAEFF)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #04C6C9)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #05ECF0FF)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #039DA0FF)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #14B32EFF)';
+
+/** Инвертированный цвет успеха */
+var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0C6A1BFF)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarning = 'var(--inverse-text-warning, #E85702)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD6B17FF)';
+
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #C04802FF)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F54254FF)';
+
+/** Инвертированный цвет ошибки */
+var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #DA0B20FF)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfoHover = 'var(--inverse-text-info-hover, #0D96F2FF)';
+
+/** Инвертированный цвет информации */
+var inverseTextInfoActive = 'var(--inverse-text-info-active, #0966A5FF)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #47DC62FF)';
+
+/** Инвертированный минорный цвет успеха */
+var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #21B03CFF)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB790FF)';
+
+/** Инвертированный минорный цвет предупреждения */
+var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC8240FF)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFB8BFFF)';
+
+/** Инвертированный минорный цвет ошибки */
+var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF6675FF)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #7ACAFFFF)';
+
+/** Инвертированный минорный цвет информации */
+var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #29A9FFFF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimary = 'var(--surface-solid-primary)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1F2229FF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121317FF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #23262FFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondary = 'var(--surface-solid-secondary)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #2E2F38FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #202127FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiary = 'var(--surface-solid-tertiary)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #3B3F4AFF)';
+
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #2D3039FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCard = 'var(--surface-solid-card)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #1F2229FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardActive = 'var(--surface-solid-card-active, #121317FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #23262FFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefault = 'var(--surface-solid-default)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F1F3F8FF)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #0000000F)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #F8F9FC1F)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #F8F9FC0A)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #0000001F)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #F8F9FC3D)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #F8F9FC0F)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #00000033)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #F8F9FC52)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #F8F9FC24)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeep = 'var(--surface-transparent-deep, #000000A3)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #F8F9FCC2)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #F8F9FC94)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCard = 'var(--surface-transparent-card, #0000000F)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #F8F9FC1F)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #F8F9FC0A)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #F8F9FC0F)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccent = 'var(--surface-accent, #0C8688)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccentHover = 'var(--surface-accent-hover, #0D989BFF)';
+
+/** Акцентный фон поверхности/контрола */
+var surfaceAccentActive = 'var(--surface-accent-active, #0B7D7FFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinor = 'var(--surface-accent-minor, #0D2A2B)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #123A3BFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #0B2323FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccent = 'var(--surface-transparent-accent, #0C868833)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #0C868852)';
+
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #0C868824)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositive = 'var(--surface-positive, #108E26)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveHover = 'var(--surface-positive-hover, #12A12AFF)';
+
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveActive = 'var(--surface-positive-active, #0F8523FF)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarning = 'var(--surface-warning, #E85702)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarningHover = 'var(--surface-warning-hover, #FC5E03FF)';
+
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarningActive = 'var(--surface-warning-active, #DE5302FF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegative = 'var(--surface-negative, #F31B31)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeHover = 'var(--surface-negative-hover, #F5384BFF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeActive = 'var(--surface-negative-active, #F31228FF)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfo = 'var(--surface-info, #0B7ECB)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoHover = 'var(--surface-info-hover, #0C8ADFFF)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoActive = 'var(--surface-info-active, #0A78C2FF)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
+
+/** Минорный цвет фона поверхности/контрола успех */
+var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение */
+var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
+
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositive = 'var(--surface-transparent-positive, #108E2633)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #108E2552)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #108E2524)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarning = 'var(--surface-transparent-warning, #E8570233)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #E8570252)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #E8570224)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F31B3133)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #F31B3152)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F31B3124)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfo = 'var(--surface-transparent-info, #0B7ECB33)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #0B7ECB52)';
+
+/** Прозрачный цвет фона поверхности/контрола информация */
+var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #0B7ECB24)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1F2229FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121317FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #23262FFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #2E2F38FF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #202127FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #3B3F4AFF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2D3039FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #1F2229FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #121317FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #23262FFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F1F3F8FF)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #0000000F)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #F8F9FC1F)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #F8F9FC0A)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #0000001F)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #F8F9FC3D)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #F8F9FC0F)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #00000033)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #F8F9FC52)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #F8F9FC24)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #000000A3)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #F8F9FCC2)';
+
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #F8F9FC94)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #0000000F)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #F8F9FC1F)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #F8F9FC0A)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #F8F9FC0F)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #0C8688)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #0D989BFF)';
+
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0B7D7FFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0D2A2B)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #123A3BFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #0B2323FF)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #0C868833)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0C868852)';
+
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0C868824)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #108E26)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #12A12AFF)';
+
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #0F8523FF)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #E85702)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FC5E03FF)';
+
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #DE5302FF)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F31B31)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #F5384BFF)';
+
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #F31228FF)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #0B7ECB)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #0C8ADFFF)';
+
+/** Цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0A78C2FF)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
+
+/** Минорный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #108E2633)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #108E2552)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #108E2524)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #E8570233)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #E8570252)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #E8570224)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F31B3133)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F31B3152)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F31B3124)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #0B7ECB33)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #0B7ECB52)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
+var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #0B7ECB24)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FBFCFEFF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #ECEEF8FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F9F9FBFF)';
+
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E5E6F0FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E5E8F0FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #CCD1E1FF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #14171FFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #040506FF)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #0000000A)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08090C05)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08090C0F)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #00000014)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08090C0A)';
+
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #08090C1F)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0000001F)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #08090C0A)';
+
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08090C29)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #000000A3)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #08090C8F)';
+
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08090CAD)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccent = 'var(--on-light-surface-accent, #0C9597)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #0EA7AAFF)';
+
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0B8284FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #88F9FB)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #9DFAFBFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #75F8FAFF)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #0C95971F)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0C95970A)';
+
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0C959729)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)';
+
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
+
+/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEEFE6FF)';
+
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFF5F6FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #CFECFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #E5F5FFFF)';
+
+/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E321F)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E320A)';
+
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3229)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F051F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F050A)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0529)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E0A)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E29)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF0A)';
+
+/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF29)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FBFCFEFF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #ECEEF8FF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F9F9FBFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E5E6F0FF)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E5E8F0FF)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #CCD1E1FF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #14171FFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #040506FF)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #0000000A)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #08090C05)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08090C0F)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #00000014)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #08090C0A)';
+
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #08090C1F)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0000001F)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #08090C0A)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08090C29)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #000000A3)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #08090C8F)';
+
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08090CAD)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
+
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0C9597)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0EA7AAFF)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #0B8284FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #88F9FB)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #9DFAFBFF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #75F8FAFF)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #0C95971F)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #0C95970A)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #0C959729)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)';
+
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)';
+
+/** Инвертированный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
+
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEEFE6FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFF5F6FF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #CFECFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #E5F5FFFF)';
+
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E321F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E320A)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3229)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F051F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F050A)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0529)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E0A)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E29)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF0A)';
+
+/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF29)';
+
+/** Основной фон */
+var backgroundPrimary = 'var(--background-primary)';
+
+/** Основной фон на темном фоне */
+var darkBackgroundPrimary = 'var(--dark-background-primary)';
+
+/** Основной фон на светлом фоне */
+var lightBackgroundPrimary = 'var(--light-background-primary)';
+
+/** Инвертированный основной фон */
+var inverseBackgroundPrimary = 'var(--inverse-background-primary)';
+
+/** Цвет фона паранжи светлый */
+var overlaySoft = 'var(--overlay-soft, #0000008F)';
+
+/** Цвет фона паранжи темный */
+var overlayHard = 'var(--overlay-hard, #000000F5)';
+
+/** Цвет фона паранжи размытый */
+var overlayBlur = 'var(--overlay-blur, #00000047)';
+
+/** Цвет фона паранжи светлый на темном фоне */
+var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000008F)';
+
+/** Цвет фона паранжи темный на темном фоне */
+var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #000000F5)';
+
+/** Цвет фона паранжи размытый на темном фоне */
+var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #00000047)';
+
+/** Цвет фона паранжи светлый на светлом фоне */
+var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000008F)';
+
+/** Цвет фона паранжи темный на светлом фоне */
+var onLightOverlayHard = 'var(--on-light-overlay-hard, #000000F5)';
+
+/** Цвет фона паранжи размытый на светлом фоне */
+var onLightOverlayBlur = 'var(--on-light-overlay-blur, #00000047)';
+
+/** Инвертированный цвет фона паранжи светлый */
+var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000008F)';
+
+/** Инвертированный цвет фона паранжи темный */
+var inverseOverlayHard = 'var(--inverse-overlay-hard, #000000F5)';
+
+/** Инвертированный цвет фона паранжи размытый */
+var inverseOverlayBlur = 'var(--inverse-overlay-blur, #00000047)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimary = 'var(--outline-solid-primary)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
+
+/** Основной непрозрачный цвет обводки */
+var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #A2A4B3FF)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondary = 'var(--outline-solid-secondary)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Вторичный непрозрачный цвет обводки */
+var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #808293FF)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiary = 'var(--outline-solid-tertiary)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #585A65FF)';
+
+/** Непрозрачный цвет обводки по умолчанию */
+var outlineSolidDefault = 'var(--outline-solid-default)';
+
+/** Непрозрачный цвет обводки по умолчанию */
+var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0D5E7FF)';
+
+/** Непрозрачный цвет обводки по умолчанию */
+var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4E7F1FF)';
+
+/** Основной прозрачный цвет обводки */
+var outlineTransparentPrimary = 'var(--outline-transparent-primary, #0000001F)';
+
+/** Основной прозрачный цвет обводки */
+var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F8F9FCFF)';
+
+/** Основной прозрачный цвет обводки */
+var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F8F9FC25)';
+
+/** Вторичный прозрачный цвет обводки */
+var outlineTransparentSecondary = 'var(--outline-transparent-secondary, #00000047)';
+
+/** Вторичный прозрачный цвет обводки */
+var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #F8F9FCFF)';
+
+/** Вторичный прозрачный цвет обводки */
+var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #F8F9FC56)';
+
+/** Третичный прозрачный цвет обводки */
+var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, #0000008F)';
+
+/** Третичный прозрачный цвет обводки */
+var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #F8F9FCFF)';
+
+/** Третичный прозрачный цвет обводки */
+var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #F8F9FCAB)';
+
+/** Бесцветная обводка */
+var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+
+/** Бесцветная обводка */
+var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+
+/** Бесцветная обводка */
+var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
+
+/** Акцентный цвет обводки */
+var outlineAccent = 'var(--outline-accent, #0C9597)';
+
+/** Акцентный цвет обводки */
+var outlineAccentHover = 'var(--outline-accent-hover, #12DFE2FF)';
+
+/** Акцентный цвет обводки */
+var outlineAccentActive = 'var(--outline-accent-active, #0A797BFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinor = 'var(--outline-accent-minor, #0C585A)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #148B90FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки */
+var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #107175FF)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccent = 'var(--outline-transparent-accent, #0C959700)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #0C959700)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #0C959700)';
+
+/** Цвет обводки успех */
+var outlinePositive = 'var(--outline-positive, #1A9E32)';
+
+/** Цвет обводки успех */
+var outlinePositiveHover = 'var(--outline-positive-hover, #1EB83AFF)';
+
+/** Цвет обводки успех */
+var outlinePositiveActive = 'var(--outline-positive-active, #15842AFF)';
+
+/** Цвет обводки предупреждение */
+var outlineWarning = 'var(--outline-warning, #FA5F05)';
+
+/** Цвет обводки предупреждение */
+var outlineWarningHover = 'var(--outline-warning-hover, #FB7223FF)';
+
+/** Цвет обводки предупреждение */
+var outlineWarningActive = 'var(--outline-warning-active, #DC5304FF)';
+
+/** Цвет обводки ошибка */
+var outlineNegative = 'var(--outline-negative, #FF293E)';
+
+/** Цвет обводки ошибка */
+var outlineNegativeHover = 'var(--outline-negative-hover, #FF475AFF)';
+
+/** Цвет обводки ошибка */
+var outlineNegativeActive = 'var(--outline-negative-active, #FF0A23FF)';
+
+/** Цвет обводки информация */
+var outlineInfo = 'var(--outline-info, #118CDF)';
+
+/** Цвет обводки информация */
+var outlineInfoHover = 'var(--outline-info-hover, #50B1F2FF)';
+
+/** Цвет обводки информация */
+var outlineInfoActive = 'var(--outline-info-active, #0F7BC2FF)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
+
+/** Минорный цвет обводки успех */
+var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
+
+/** Минорный цвет обводки предупреждение */
+var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
+
+/** Минорный цвет обводки ошибка */
+var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
+
+/** Минорный цвет обводки информация */
+var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositive = 'var(--outline-transparent-positive, #1A9E3247)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E32FF)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E3256)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarning = 'var(--outline-transparent-warning, #FA5F0547)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F05FF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F0556)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF293E47)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF293EFF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF293E56)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfo = 'var(--outline-transparent-info, #118CDF47)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #118CDFFF)';
+
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #118CDF56)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+
+/** Основной непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #A2A4B3FF)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+
+/** Вторичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #808293FF)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+
+/** Третичный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #585A65FF)';
+
+/** Непрозрачный цвет обводки по умолчанию на темном фоне */
+var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default)';
+
+/** Непрозрачный цвет обводки по умолчанию на темном фоне */
+var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0D5E7FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4E7F1FF)';
+
+/** Основной прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #0000001F)';
+
+/** Основной прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F8F9FCFF)';
+
+/** Основной прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F8F9FC25)';
+
+/** Вторичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, #00000047)';
+
+/** Вторичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #F8F9FCFF)';
+
+/** Вторичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #F8F9FC56)';
+
+/** Третичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, #0000008F)';
+
+/** Третичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #F8F9FCFF)';
+
+/** Третичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #F8F9FCAB)';
+
+/** Бесцветная обводка на темном фоне */
+var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
+
+/** Бесцветная обводка на темном фоне */
+var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
+
+/** Бесцветная обводка на темном фоне */
+var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #0C9597)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #12DFE2FF)';
+
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0A797BFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #0C585A)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #148B90FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #107175FF)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #0C959700)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #0C959700)';
+
+/** Прозрачный акцентный цвет обводки на темном фоне */
+var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #0C959700)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #1A9E32)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #1EB83AFF)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #15842AFF)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FA5F05)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FB7223FF)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #DC5304FF)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF293E)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF475AFF)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF0A23FF)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfo = 'var(--on-dark-outline-info, #118CDF)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #50B1F2FF)';
+
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0F7BC2FF)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
+
+/** Минорный цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
+
+/** Минорный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
+
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #1A9E3247)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E32FF)';
+
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E3256)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FA5F0547)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F05FF)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F0556)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF293E47)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF293EFF)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF293E56)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #118CDF47)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #118CDFFF)';
+
+/** Прозрачный цвет обводки информация на темном фоне */
+var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #118CDF56)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #000000FF)';
+
+/** Основной непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #9FA9C6FF)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #000000FF)';
+
+/** Вторичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #858BA3FF)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #000000FF)';
+
+/** Третичный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #575A66FF)';
+
+/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
+var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default)';
+
+/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
+var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #485270FF)';
+
+/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
+var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #282D3EFF)';
+
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #0000001F)';
+
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08090CFF)';
+
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08090C25)';
+
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #00000047)';
+
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08090CFF)';
+
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08090C56)';
+
+/** Третичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #0000008F)';
+
+/** Третичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #08090CFF)';
+
+/** Третичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #08090CAB)';
+
+/** Бесцветная обводка на светлом фоне */
+var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
+
+/** Бесцветная обводка на светлом фоне */
+var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
+
+/** Бесцветная обводка на светлом фоне */
+var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccent = 'var(--on-light-outline-accent, #0C8688)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #12D0D3FF)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #0FABAEFF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #04C6C9)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #05ECF0FF)';
+
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #039DA0FF)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #0C868800)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0C868800)';
+
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #0C868800)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #14B32EFF)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0C6A1BFF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD6B17FF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #C04802FF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F54254FF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #DA0B20FF)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #0D96F2FF)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #0966A5FF)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #47DC62FF)';
+
+/** Минорный цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #21B03CFF)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB790FF)';
+
+/** Минорный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC8240FF)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFB8BFFF)';
+
+/** Минорный цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF6675FF)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #7ACAFFFF)';
+
+/** Минорный цвет обводки информация на светлом фоне */
+var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #29A9FFFF)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
+
+/** Прозрачный цвет обводки успех на светлом фоне */
+var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
+
+/** Прозрачный цвет обводки предупреждение на светлом фоне */
+var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
+
+/** Прозрачный цвет обводки информация на светлом фоне */
+var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #000000FF)';
+
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #9FA9C6FF)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #000000FF)';
+
+/** Инвертированный вторичный непрозрачный цвет обводки */
+var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #858BA3FF)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #000000FF)';
+
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #575A66FF)';
+
+/** Инвертированный непрозрачный цвет обводки по умолчанию */
+var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default)';
+
+/** Инвертированный непрозрачный цвет обводки по умолчанию */
+var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #485270FF)';
+
+/** Инвертированный непрозрачный цвет обводки по умолчанию */
+var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #282D3EFF)';
+
+/** Инвертированный основной прозрачный цвет обводки */
+var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #0000001F)';
+
+/** Инвертированный основной прозрачный цвет обводки */
+var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #08090CFF)';
+
+/** Инвертированный основной прозрачный цвет обводки */
+var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #08090C25)';
+
+/** Инвертированный вторичный прозрачный цвет обводки */
+var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #00000047)';
+
+/** Инвертированный вторичный прозрачный цвет обводки */
+var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #08090CFF)';
+
+/** Инвертированный вторичный прозрачный цвет обводки */
+var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #08090C56)';
+
+/** Инвертированный третичный прозрачный цвет обводки */
+var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #0000008F)';
+
+/** Инвертированный третичный прозрачный цвет обводки */
+var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #08090CFF)';
+
+/** Инвертированный третичный прозрачный цвет обводки */
+var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #08090CAB)';
+
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
+
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccent = 'var(--inverse-outline-accent, #0C8688)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #12D0D3FF)';
+
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0FABAEFF)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #04C6C9)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #05ECF0FF)';
+
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #039DA0FF)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #0C868800)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0C868800)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #0C868800)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #14B32EFF)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0C6A1BFF)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD6B17FF)';
+
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #C04802FF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F54254FF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #DA0B20FF)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #0D96F2FF)';
+
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0966A5FF)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #47DC62FF)';
+
+/** Инвертированный минорный цвет обводки успех */
+var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #21B03CFF)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB790FF)';
+
+/** Инвертированный минорный цвет обводки предупреждение */
+var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFB8BFFF)';
+
+/** Инвертированный минорный цвет обводки ошибка */
+var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF6675FF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #7ACAFFFF)';
+
+/** Инвертированный минорный цвет обводки информация */
+var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #29A9FFFF)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
+
+/** Прозрачный инвертированный цвет обводки успех */
+var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
+
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
+
+/** Прозрачный инвертированный цвет обводки информация */
+var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+
+/** Желтый цвет для данных */
+var dataYellow = 'var(--data-yellow, #F3A912)';
+
+/** Желтый цвет для данных */
+var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
+
+/** Желтый цвет для данных */
+var dataYellowActive = 'var(--data-yellow-active, #EDA20CFF)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinor = 'var(--data-yellow-minor, #A16B00)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
+
+/** Минорный желтый цвет для данных */
+var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
+
+/** Прозрачный желтый цвет для данных */
+var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellow = 'var(--on-dark-data-yellow, #F3A912)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
+
+/** Желтый цвет для данных на темном фоне */
+var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #EDA20CFF)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #A16B00)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparent = 'var(--on-dark-data-yellow-transparent, #F3A9128F)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
+
+/** Желтый цвет для данных на светлом фоне */
+var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinor = 'var(--on-light-data-yellow-minor, #FFD37A)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFDA8FFF)';
+
+/** Минорный желтый цвет для данных на светлом фоне */
+var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparent, #F3A9128F)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A8127A)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81299)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFDA8FFF)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A8127A)';
+
+/** Инвертированный прозрачный желтый цвет для данных */
+var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81299)';
+
+/** New description */
+var textNewItem = 'var(--text-new-item, #F9F9F9)';
+
+/** New description */
+var textNewItemActive = 'var(--text-new-item-active, #E0E0E0FF)';
+
+/** New description */
+var textNewItemHover = 'var(--text-new-item-hover, #C7C7C7FF)';
+
+/** shadow down soft s */
+var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
+
+/** shadow down soft m */
+var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
+
+/** shadow down soft l */
+var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
+
+/** shadow down hard s */
+var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
+
+/** shadow down hard m */
+var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
+
+/** shadow down hard l */
+var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
+
+/** shadow up soft s */
+var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08080814,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
+
+/** shadow up soft m */
+var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
+
+/** shadow up soft l */
+var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
+
+/** shadow up hard s */
+var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
+
+/** shadow up hard m */
+var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
+
+/** shadow up hard l */
+var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
+
+/** borderRadius xxs */
+var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
+
+/** borderRadius xs */
+var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
+
+/** borderRadius s */
+var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
+
+/** borderRadius m */
+var borderRadiusM = 'var(--border-radius-m, 6.25rem)';
+
+/** borderRadius l */
+var borderRadiusL = 'var(--border-radius-l, 1rem)';
+
+/** borderRadius xl */
+var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
+
+/** borderRadius xxl */
+var borderRadiusXxl = 'var(--border-radius-xxl, 2rem)';
+
+/** borderRadius circle */
+var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
+
+/** spacing 0x */
+var spacing0x = 'var(--spacing-0x, 0rem)';
+
+/** spacing 1x */
+var spacing1x = 'var(--spacing-1x, 0.125rem)';
+
+/** spacing 2x */
+var spacing2x = 'var(--spacing-2x, 0.25rem)';
+
+/** spacing 3x */
+var spacing3x = 'var(--spacing-3x, 0.375rem)';
+
+/** spacing 4x */
+var spacing4x = 'var(--spacing-4x, 0.5rem)';
+
+/** spacing 6x */
+var spacing6x = 'var(--spacing-6x, 0.75rem)';
+
+/** spacing 8x */
+var spacing8x = 'var(--spacing-8x, 1rem)';
+
+/** spacing 10x */
+var spacing10x = 'var(--spacing-10x, 1.25rem)';
+
+/** spacing 12x */
+var spacing12x = 'var(--spacing-12x, 1.5rem)';
+
+/** spacing 16x */
+var spacing16x = 'var(--spacing-16x, 2rem)';
+
+/** spacing 20x */
+var spacing20x = 'var(--spacing-20x, 2.5rem)';
+
+/** spacing 24x */
+var spacing24x = 'var(--spacing-24x, 3rem)';
+
+/** spacing 32x */
+var spacing32x = 'var(--spacing-32x, 4rem)';
+
+/** spacing 40x */
+var spacing40x = 'var(--spacing-40x, 5rem)';
+
+/** spacing 60x */
+var spacing60x = 'var(--spacing-60x, 7.5rem)';
+
+/** 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-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-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-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-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 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 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-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-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-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-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 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-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-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-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-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-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 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-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 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-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-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-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-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-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-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-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)'
+};
+
+/** 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 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 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-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-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 */
+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-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-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 */
+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-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-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 */
+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-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-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)'
+};
+var viewContainer = {
+  dark: "\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\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-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\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-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --background-primary: var(--dark-background-primary);\n        --inverse-background-primary: var(--light-background-primary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear: var(--on-dark-outline-clear);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --text-new-item: var(--on-dark-text-new-item);\n        --text-new-item-active: var(--on-dark-text-new-item-active);\n        --text-new-item-hover: var(--on-dark-text-new-item-hover);\n      ",
+  light: "\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\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-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\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-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --text-new-item: var(--on-light-text-new-item);\n        --text-new-item-active: var(--on-light-text-new-item-active);\n        --text-new-item-hover: var(--on-light-text-new-item-hover);\n      "
+};
+
+export { backgroundPrimary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, 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, inverseBackgroundPrimary, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineAccentMinor, inverseOutlineAccentMinorActive, inverseOutlineAccentMinorHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, 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, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSecondary, inverseOutlineTransparentSecondaryActive, inverseOutlineTransparentSecondaryHover, inverseOutlineTransparentTertiary, inverseOutlineTransparentTertiaryActive, inverseOutlineTransparentTertiaryHover, 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, 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, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineAccentMinor, onDarkOutlineAccentMinorActive, onDarkOutlineAccentMinorHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, 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, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSecondary, onDarkOutlineTransparentSecondaryActive, onDarkOutlineTransparentSecondaryHover, onDarkOutlineTransparentTertiary, onDarkOutlineTransparentTertiaryActive, onDarkOutlineTransparentTertiaryHover, 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, 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, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineAccentMinor, onLightOutlineAccentMinorActive, onLightOutlineAccentMinorHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, 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, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSecondary, onLightOutlineTransparentSecondaryActive, onLightOutlineTransparentSecondaryHover, onLightOutlineTransparentTertiary, onLightOutlineTransparentTertiaryActive, onLightOutlineTransparentTertiaryHover, 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, 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, outlineClear, outlineClearActive, outlineClearHover, 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, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentSecondary, outlineTransparentSecondaryActive, outlineTransparentSecondaryHover, outlineTransparentTertiary, outlineTransparentTertiaryActive, outlineTransparentTertiaryHover, 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, 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, textAccentActive, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textInfoMinor, textInfoMinorActive, textInfoMinorHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textNegativeMinor, textNegativeMinorActive, textNegativeMinorHover, textNewItem, textNewItemActive, textNewItemHover, 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