Tier 3 Tokens

Component Tokens

Component Tokens are tokens that are defined in each component in the Pattern Library. These tokens are used specifically for the component they represent.
The values of Component tokens can be hard-coded (#ff0000), app-level-tokens (Tier 2 Tokens: $body$primaryTextColor) or utility-tokens (Tier 1 Tokens: $primary500)

---

Accordion

Token Name

Token Value

$accordion$backgroundColorPrimary

$accordion$titleFontColorPrimary

$accordion$titleFontFamilyPrimary

$accordion$titleFontSizePrimary

$accordion$titleFontStylePrimary

$accordion$titleFontWeightPrimary

$accordion$titleLineHeightPrimary

$accordion$backgroundColorSecondary

$accordion$titleFontColorSecondary

$accordion$titleFontFamilySecondary

$accordion$titleFontSizeSecondary

$accordion$titleFontStyleSecondary

$accordion$titleFontWeightSecondary

$accordion$titleLineHeightSecondary

$accordion$borderColorSecondary

$accordion$borderStyleSecondary

$accordion$borderWidthSecondary

$accordion$backgroundColorTertiary

$accordion$titleFontColorTertiary

$accordion$titleFontFamilyTertiary

$accordion$titleFontSizeTertiary

$accordion$titleFontStyleTertiary

$accordion$titleFontWeightTertiary

$accordion$titleLineHeightTertiary

$accordion$contentFontColor

$accordion$contentFontSize

$accordion$contentFontWeight

$accordion$contentLineHeight

$accordion$iconColor

Alert

Token Name

Token Value

$alert$fontSize

$alert$fontWeight

Background Section

Token Name

Token Value

$backgroundSection$backgroundColorPrimary

$backgroundSection$backgroundColorSecondary

Buttons

Token Name

Token Value

$buttons$backgroundColorPrimary

$buttons$backgroundColorPrimaryHover

$buttons$backgroundColorPrimaryActive

$buttons$backgroundColorPrimaryDisabled

$buttons$colorPrimary

$buttons$colorPrimaryHover

$buttons$colorPrimaryDisabled

$buttons$borderColorPrimary

$buttons$borderColorPrimaryHover

$buttons$borderColorPrimaryActive

$buttons$borderColorPrimaryDisabled

$buttons$borderSizePrimary

$buttons$backgroundColorSecondary

$buttons$backgroundColorSecondaryHover

$buttons$backgroundColorSecondaryActive

$buttons$backgroundColorSecondaryDisabled

$buttons$colorSecondary

$buttons$colorSecondaryHover

$buttons$colorSecondaryDisabled

$buttons$borderColorSecondary

$buttons$borderColorSecondaryHover

$buttons$borderColorSecondaryActive

$buttons$borderColorSecondaryDisabled

$buttons$borderSizeSecondary

$buttons$backgroundColorTertiary

$buttons$backgroundColorTertiaryHover

$buttons$backgroundColorTertiaryActive

$buttons$backgroundColorTertiaryDisabled

$buttons$bgTertiaryHover

$buttons$colorTertiary

$buttons$colorTertiaryHover

$buttons$colorTertiaryDisabled

$buttons$borderColorTertiary

$buttons$borderColorTertiaryHover

$buttons$borderColorTertiaryActive

$buttons$borderColorTertiaryDisabled

$buttons$borderSizeTertiary

Checkbox

Token Name

Token Value

$checkbox$backgroundColor

$checkbox$borderColor

$checkbox$borderRadius

$checkbox$borderStyle

$checkbox$borderWidth

$checkbox$backgroundColorChecked

$checkbox$borderColorChecked

$checkbox$borderStyleChecked

$checkbox$borderWidthChecked

$checkbox$backgroundColorHover

$checkbox$borderColorHover

$checkbox$borderStyleHover

$checkbox$borderWidthHover

$checkbox$backgroundColorDisabled

$checkbox$borderColorDisabled

$checkbox$size

$checkbox$checkColor

Checkbox Circle

Token Name

Token Value

$checkboxCircle$backgroundColor

$checkboxCircle$borderColor

$checkboxCircle$borderStyle

$checkboxCircle$borderWidth

$checkboxCircle$backgroundColorHover

$checkboxCircle$borderColorHover

$checkboxCircle$borderStyleHover

$checkboxCircle$borderWidthHover

$checkboxCircle$backgroundColorChecked

$checkboxCircle$borderColorChecked

$checkboxCircle$borderStyleChecked

$checkboxCircle$borderWidthChecked

$checkboxCircle$checkmarkColor

$checkboxCircle$size

$checkboxCircle$sizeMobile

$checkboxCircle$checkWidth

$checkboxCircle$checkHeight

$checkboxCircle$checkWidthMobile

$checkboxCircle$checkHeightMobile

$checkboxCircle$dropShadow

Collection Heading

Token Name

Token Value

$collectionHeading$backgroundColor

$collectionHeading$titleFontColor

$collectionHeading$subTitleFontColor

Data Point

Token Name

Token Value

$dataPoint$labelFontColor

$dataPoint$labelFontWeight

$dataPoint$labelFontSize

$dataPoint$valueFontColor

$dataPoint$valueFontWeight

$dataPoint$valueFontSize

Divider

Token Name

Token Value

$divider$color

$divider$padding

Drawer

Token Name

Token Value

$drawer$backgroundColor

Drill Down Menu

Token Name

Token Value

$drillDownMenu$backgroundColorHover

$drillDownMenu$menuItemIconColor

$drillDownMenu$linkColorPrimary

$drillDownMenu$linkColorPrimaryActive

Dropdown

Token Name

Token Value

$dropdown$backgroundColorPrimary

$dropdown$backgroundColorPrimaryHover

$dropdown$textColorPrimary

Fieldset

Token Name

Token Value

$fieldset$backgroundColor

$fieldset$borderRadius

$fieldset$legendColor

$fieldset$padding

$fieldset$gap

Filter Chip

Token Name

Token Value

$filterChip$backgroundColor

$filterChip$textColor

$filterChip$closeIconColor

$filterChip$closeIconColorHover

Form

Token Name

Token Value

$form$borderColor

$form$backgroundColor

$form$color

$form$borderColorFocused

$form$backgroundColorFocused

$form$borderColorDisabled

$form$backgroundColorDisabled

$form$colorDisabled

$form$borderColorError

$form$backgroundColorError

$form$colorError

$form$borderColorSuccess

$form$backgroundColorSuccess

$form$colorSuccess

$form$inputTextColor

$form$labelColor

$form$labelColorAssistant

$form$searchIconColor

$form$closeIconColor

$form$passwordIconColor

$form$asteriskColor

$form$itemLabelColor

$form$itemLabelFontSize

$form$itemLabelFontWeight

$form$sliderWidth

$form$sliderPadding

$form$sliderBackgroundColor

$form$sliderToggleColor

$form$sliderBackgroundColorActive

$form$sliderToggleColorActive

$form$sliderBackgroundColorDisabled

$form$sliderToggleColorDisabled

Image Card

Token Name

Token Value

$imageCard$dataPointLabelColor

$imageCard$contentFullBackgroundColor

$imageCard$contentFullTitleColor

$imageCard$contentFullTitleFontSize

$imageCard$contentFullTitleFontWeight

$imageCard$contentFullBodyCopyColor

$imageCard$contentFullBodyCopyFontSize

$imageCard$contentFullBodyCopyFontWeight

$imageCard$contentPartialBackgroundColor1

$imageCard$contentPartialBackgroundColor2

$imageCard$contentPartialTitleColor

$imageCard$contentPartialTitleFontSizeMobile

$imageCard$contentPartialTitleFontSize

$imageCard$contentPartialTitleFontWeight

$imageCard$contentPartialBodyCopyColor

$imageCard$contentPartialBodyCopyFontSize

$imageCard$contentPartialBodyCopyFontWeight

Image Card Content Fluid

Token Name

Token Value

$imageCardContentFluid$titleFontSize

$imageCardContentFluid$titleLineHeight

$imageCardContentFluid$titleColor

$imageCardContentFluid$titleStyle

$imageCardContentFluid$titleDecoration

$imageCardContentFluid$bodyFontSize

$imageCardContentFluid$bodyLineHeight

$imageCardContentFluid$bodyColor

$imageCardContentFluid$bodyStyle

$imageCardContentFluid$bodyDecoration

Inputs

Token Name

Token Value

$inputs$borderColor

$inputs$backgroundColor

$inputs$color

$inputs$borderColorFocused

$inputs$backgroundColorFocused

$inputs$colorFocused

$inputs$borderColorDisabled

$inputs$backgroundColorDisabled

$inputs$colorDisabled

$inputs$borderColorError

$inputs$backgroundColorError

$inputs$colorFocusedError

$inputs$borderColorSuccess

$inputs$backgroundColorSuccess

$inputs$colorFocusedSuccess

$inputs$assistantText

$inputs$inputTextColor

$inputs$labelColor

$inputs$labelColorAssistant

$inputs$searchIconColor

$inputs$closeIconColor

Link Styled

Token Name

Token Value

$linkStyled$colorPrimary

$linkStyled$colorPrimaryActive

$linkStyled$colorPrimaryHover

$linkStyled$fontFamilyPrimary

$linkStyled$fontSizePrimary

$linkStyled$fontSizePrimaryActive

$linkStyled$fontStylePrimary

$linkStyled$fontStylePrimaryActive

$linkStyled$fontWeightPrimary

$linkStyled$fontWeightPrimaryActive

$linkStyled$textDecorationPrimary

$linkStyled$textDecorationPrimaryActive

$linkStyled$colorSecondary

$linkStyled$colorSecondaryActive

$linkStyled$colorSecondaryHover

$linkStyled$fontFamilySecondary

$linkStyled$fontSizeSecondary

$linkStyled$fontSizeSecondaryActive

$linkStyled$fontStyleSecondary

$linkStyled$fontStyleSecondaryActive

$linkStyled$fontWeightSecondary

$linkStyled$fontWeightSecondaryActive

$linkStyled$textDecorationSecondary

$linkStyled$textDecorationSecondaryActive

$linkStyled$colorTertiary

$linkStyled$colorTertiaryActive

$linkStyled$colorTertiaryHover

$linkStyled$fontFamilyTertiary

$linkStyled$fontSizeTertiary

$linkStyled$fontSizeTertiaryActive

$linkStyled$fontStyleTertiary

$linkStyled$fontStyleTertiaryActive

$linkStyled$fontWeightTertiary

$linkStyled$fontWeightTertiaryActive

$linkStyled$textDecorationTertiary

$linkStyled$textDecorationTertiaryActive

List Card

Token Name

Token Value

$listCard$backgroundColor

$listCard$draggableColor

Modal

Token Name

Token Value

$modal$backgroundColor

$modal$color

$modal$overlayBackgroundColor

$modal$svgColor

$modal$svgColorHover

New Accordion

Token Name

Token Value

$newAccordion$containerBorderColor

Option Row

Token Name

Token Value

$optionRow$backgroundColor

$optionRow$backgroundColorActive

$optionRow$backgroundColorHover

$optionRow$borderColor

$optionRow$borderColorActive

$optionRow$borderColorHover

$optionRow$fontColor

$optionRow$fontColorActive

$optionRow$fontColorHover

$optionRow$fontSize

Pagination

Token Name

Token Value

$pagination$colorPrimary

$pagination$colorSecondary

$pagination$buttonColorActive

$pagination$buttonColorHover

$pagination$buttonColorDisabled

$pagination$currentPageColor

$pagination$currentPageBackgroundColor

$pagination$currentPageBorderColor

Radio

Token Name

Token Value

$radio$backgroundColor

$radio$borderColor

$radio$borderRadius

$radio$borderStyle

$radio$borderWidth

$radio$backgroundColorHover

$radio$borderColorHover

$radio$borderStyleHover

$radio$borderWidthHover

$radio$backgroundColorChecked

$radio$borderColorChecked

$radio$borderStyleChecked

$radio$borderWidthChecked

$radio$backgroundColorDisabled

$radio$borderColorDisabled

$radio$borderStyleDisabled

$radio$borderWidthDisabled

$radio$innerBackgroundColorDisabled

$radio$size

$radio$innerSize

$radio$innerBackgroundColor

Select

Token Name

Token Value

$select$arrowColor

$select$backgroundColor

$select$borderColor

$select$borderStyle

$select$borderWidth

$select$fontColor

$select$menuOptionHover

$select$menuOptionSelected

Skeleton

Token Name

Token Value

$skeleton$backgroundColorPrimary

$skeleton$backgroundColorSecondary

Step

Token Name

Token Value

$step$currentStepBackgroundColor

$step$currentStepTextColor

$step$currentStepTitleColor

$step$currentStepSize

$step$fontSize

$step$textColor

Sticky

Token Name

Token Value

$sticky$backgroundColor

$sticky$boxShadow

$sticky$dropShadow

Sticky Scroll

Token Name

Token Value

$stickyScroll$borderColor

$stickyScroll$dropShadow

$stickyScroll$backgroudColor

Tab

Token Name

Token Value

$tab$colorPrimary

$tab$colorSecondary

$tab$textColor

$tab$fontWeightActive

$tab$fontWeight

$tab$centerColorPrimary

$tab$centerColorSecondary

$tab$defaultHover

Table

Token Name

Token Value

$table$borderBottomColor

$table$backgroundColor

$table$iconColor

$table$textColor

$table$thColor

Text

Token Name

Token Value

$text$xsFontColor

$text$xsFontFamily

$text$xsFontSize

$text$xsFontStyle

$text$xsFontWeight

$text$xsLineHeight

$text$smFontColor

$text$smFontFamily

$text$smFontSize

$text$smFontStyle

$text$smFontWeight

$text$smLineHeight

$text$mdFontColor

$text$mdFontFamily

$text$mdFontSize

$text$mdFontStyle

$text$mdFontWeight

$text$mdLineHeight

$text$lgFontColor

$text$lgFontFamily

$text$lgFontSize

$text$lgFontStyle

$text$lgFontWeight

$text$lgLineHeight

$text$xlFontColor

$text$xlFontFamily

$text$xlFontSize

$text$xlFontStyle

$text$xlFontWeight

$text$xlLineHeight

$text$xxlFontColor

$text$xxlFontFamily

$text$xxlFontSize

$text$xxlFontStyle

$text$xxlFontWeight

$text$xxlLineHeight

$text$xxxlFontColor

$text$xxxlFontFamily

$text$xxxlFontSize

$text$xxxlFontStyle

$text$xxxlFontWeight

$text$xxxlLineHeight

$text$h1FontColor

$text$h1FontFamily

$text$h1FontSize

$text$h1FontSizeMobile

$text$h1FontStyle

$text$h1FontWeight

$text$h1LineHeight

$text$h2FontColor

$text$h2FontFamily

$text$h2FontSize

$text$h2FontSizeMobile

$text$h2FontStyle

$text$h2FontWeight

$text$h2LineHeight

$text$h3FontColor

$text$h3FontFamily

$text$h3FontSize

$text$h3FontSizeMobile

$text$h3FontStyle

$text$h3FontWeight

$text$h3LineHeight

$text$h4FontColor

$text$h4FontFamily

$text$h4FontSize

$text$h4FontSizeMobile

$text$h4FontStyle

$text$h4FontWeight

$text$h4LineHeight

$text$h5FontColor

$text$h5FontFamily

$text$h5FontSize

$text$h5FontSizeMobile

$text$h5FontStyle

$text$h5FontWeight

$text$h5LineHeight

$text$h6FontColor

$text$h6FontFamily

$text$h6FontSize

$text$h6FontSizeMobile

$text$h6FontStyle

$text$h6FontWeight

$text$h6LineHeight

$text$dataVisCardPointColor

$text$dataVisCardPointFocusColor

Toggle Switch

Token Name

Token Value

$toggleSwitch$backgroundColorChecked

$toggleSwitch$toggleColorChecked

$toggleSwitch$backgroundColorDefault

$toggleSwitch$toggleColorDefault

Tooltip

Token Name

Token Value

$tooltip$backgroundColor

$tooltip$textColor

$tooltip$outlineColor

$tooltip$iconFillColor

$tooltip$iconFillColorHover

View Toggle

Token Name

Token Value

$viewToggle$backgroundColorActiveForeground

$viewToggle$backgroundColorActiveBackground

$viewToggle$backgroundColorInactiveForeground

$viewToggle$backgroundColorInactiveBackground

Body

Token Name

Token Value

$body$textColorPrimary

$body$textColorSecondary

$body$backgroundColorPrimary

$body$backgroundColorPrimaryFixed

$body$backgroundColorSecondary

$body$backgroundOverlayBlack

$body$backgroundOverlayGray

$body$backgroundOverlayWhite

$body$boxShadow

$body$fontFamilyPrimary

$body$fontStylePrimary

$body$fontSizePrimary

$body$fontDecorationPrimary

$body$linkColorPrimary

Body Copy

Token Name

Token Value

$bodyCopy$fontColor

$bodyCopy$fontFamily

$bodyCopy$fontSize

$bodyCopy$fontSizeMobile

$bodyCopy$fontStyle

$bodyCopy$fontWeight

$bodyCopy$lineHeight

Title

Token Name

Token Value

$title$pageTitleFontColor

$title$pageTitleFontFamily

$title$pageTitleFontSize

$title$pageTitleFontSizeMobile

$title$pageTitleFontStyle

$title$pageTitleFontWeight

$title$pageTitleLineHeight

$title$headingTitleFontColor

$title$headingTitleFontFamily

$title$headingTitleFontSize

$title$headingTitleFontSizeMobile

$title$headingTitleFontStyle

$title$headingTitleFontWeight

$title$headingTitleLineHeight

$title$sectionTitleFontColor

$title$sectionTitleFontFamily

$title$sectionTitleFontSize

$title$sectionTitleFontSizeMobile

$title$sectionTitleFontStyle

$title$sectionTitleFontWeight

$title$sectionTitleLineHeight

Headline

Token Name

Token Value

$headline$headline1FontColor

$headline$headline1FontFamily

$headline$headline1FontSize

$headline$headline1FontSizeMobile

$headline$headline1FontStyle

$headline$headline1FontWeight

$headline$headline1LineHeight

$headline$headline2FontColor

$headline$headline2FontFamily

$headline$headline2FontSize

$headline$headline2FontSizeMobile

$headline$headline2FontStyle

$headline$headline2FontWeight

$headline$headline2LineHeight

$headline$headline3FontColor

$headline$headline3FontFamily

$headline$headline3FontSize

$headline$headline3FontSizeMobile

$headline$headline3FontStyle

$headline$headline3FontWeight

$headline$headline3LineHeight

Overline

Token Name

Token Value

$overline$fontColor

$overline$fontFamily

$overline$fontSize

$overline$fontSizeMobile

$overline$fontStyle

$overline$fontWeight

JSON Format

{"accordion":{"backgroundColorPrimary":"$colors$black","titleFontColorPrimary":"$colors$white","titleFontFamilyPrimary":"inherit","titleFontSizePrimary":"inherit","titleFontStylePrimary":"inherit","titleFontWeightPrimary":"$fontWeights$7","titleLineHeightPrimary":"inherit","backgroundColorSecondary":"none","titleFontColorSecondary":"$colors$white","titleFontFamilySecondary":"inherit","titleFontSizeSecondary":"inherit","titleFontStyleSecondary":"inherit","titleFontWeightSecondary":"inherit","titleLineHeightSecondary":"120%","borderColorSecondary":"$colors$gray600","borderStyleSecondary":"solid","borderWidthSecondary":"1px","backgroundColorTertiary":"$colors$gray50","titleFontColorTertiary":"$colors$black","titleFontFamilyTertiary":"inherit","titleFontSizeTertiary":"inherit","titleFontStyleTertiary":"inherit","titleFontWeightTertiary":"inherit","titleLineHeightTertiary":"120%","contentFontColor":"$colors$white","contentFontSize":"$fontSizes$md","contentFontWeight":"$fontWeights$4","contentLineHeight":"$lineHeights$md","iconColor":"$colors$white"},"alert":{"fontSize":"$fontSizes$md","fontWeight":"$fontWeights$4"},"backgroundSection":{"backgroundColorPrimary":"$body$backgroundColorPrimary","backgroundColorSecondary":"$body$backgroundColorSecondary"},"buttons":{"backgroundColorPrimary":"$colors$primary400","backgroundColorPrimaryHover":"$colors$primary300","backgroundColorPrimaryActive":"$colors$primary600","backgroundColorPrimaryDisabled":"$colors$disabled100","colorPrimary":"$colors$black","colorPrimaryHover":"$colors$black","colorPrimaryDisabled":"$colors$disabled300","borderColorPrimary":"$colors$primary400","borderColorPrimaryHover":"$colors$primary300","borderColorPrimaryActive":"$colors$primary600","borderColorPrimaryDisabled":"$colors$disabled100","borderSizePrimary":"1px","backgroundColorSecondary":"transparent","backgroundColorSecondaryHover":"$colors$white","backgroundColorSecondaryActive":"$colors$white","backgroundColorSecondaryDisabled":"transparent","colorSecondary":"$colors$white","colorSecondaryHover":"$colors$black","colorSecondaryDisabled":"$colors$disabled300","borderColorSecondary":"$colors$white","borderColorSecondaryHover":"$colors$white","borderColorSecondaryActive":"$colors$white","borderColorSecondaryDisabled":"$colors$disabled300","borderSizeSecondary":"2px","backgroundColorTertiary":"transparent","backgroundColorTertiaryHover":"transparent","backgroundColorTertiaryActive":"transparent","backgroundColorTertiaryDisabled":"transparent","bgTertiaryHover":"transparent","colorTertiary":"$colors$white","colorTertiaryHover":"$colors$white","colorTertiaryDisabled":"$colors$disabled300","borderColorTertiary":"none","borderColorTertiaryHover":"none","borderColorTertiaryActive":"none","borderColorTertiaryDisabled":"none","borderSizeTertiary":"1px"},"checkbox":{"backgroundColor":"transparent","borderColor":"$colors$primary800","borderRadius":"$radii$2","borderStyle":"solid","borderWidth":"2px","backgroundColorChecked":"transparent","borderColorChecked":"$colors$primary800","borderStyleChecked":"solid","borderWidthChecked":"2px","backgroundColorHover":"transparent","borderColorHover":"$colors$primary800","borderStyleHover":"solid","borderWidthHover":"2px","backgroundColorDisabled":"rgba(220, 222, 224, 50%)","borderColorDisabled":"rgba(220, 222, 224, 50%)","size":"24px","checkColor":"$colors$white"},"checkboxCircle":{"backgroundColor":"transparent","borderColor":"$colors$white","borderStyle":"solid","borderWidth":"2px","backgroundColorHover":"transparent","borderColorHover":"$colors$white","borderStyleHover":"solid","borderWidthHover":"2px","backgroundColorChecked":"$colors$white","borderColorChecked":"$colors$white","borderStyleChecked":"solid","borderWidthChecked":"2px","checkmarkColor":"$colors$black","size":"22px","sizeMobile":"19px","checkWidth":16,"checkHeight":12,"checkWidthMobile":14,"checkHeightMobile":11,"dropShadow":"0 1px 2px rgba(0, 0, 0, 0.35);"},"collectionHeading":{"backgroundColor":"$colors$black","titleFontColor":"$body$textColorSecondary","subTitleFontColor":"$colors$gray300"},"dataPoint":{"labelFontColor":"$colors$gray200","labelFontWeight":"$fontWeights$6","labelFontSize":"$fontSizes$sm","valueFontColor":"$body$textColorPrimary","valueFontWeight":"$fontWeights$6","valueFontSize":"$fontSizes$lg"},"divider":{"color":"$colors$gray200","padding":"$space$2"},"drawer":{"backgroundColor":"$colors$gray900"},"drillDownMenu":{"backgroundColorHover":"$colors$semiTransparent","menuItemIconColor":"$colors$primary400","linkColorPrimary":"$colors$white","linkColorPrimaryActive":"$colors$primary400"},"dropdown":{"backgroundColorPrimary":"$colors$black","backgroundColorPrimaryHover":"$colors$gray800","textColorPrimary":"$colors$white"},"fieldset":{"backgroundColor":"#2E2E2E","borderRadius":"$radii$2","legendColor":"inherit","padding":"$space$4","gap":"10px"},"filterChip":{"backgroundColor":"$colors$gray100","textColor":"$colors$black","closeIconColor":"$colors$black","closeIconColorHover":"$colors$gray700"},"form":{"borderColor":"rgba(220, 222, 224, 0.5)","backgroundColor":"rgba(137, 137, 137, 0.24)","color":"$colors$white","borderColorFocused":"rgba(76, 189, 207, 0.8)","backgroundColorFocused":"rgba(137, 137, 137, 0.24)","borderColorDisabled":"rgba(220, 222, 224, 0.5)","backgroundColorDisabled":"rgba(220, 222, 224, 0.5)","colorDisabled":"#ADADAD","borderColorError":"rgba(255, 72, 0, 1)","backgroundColorError":"rgba(181, 29, 9, 0.2)","colorError":"$colors$error500","borderColorSuccess":"rgba(0, 163, 89, 1)","backgroundColorSuccess":"rgba(0, 115, 62, 0.2)","colorSuccess":"$colors$success600","inputTextColor":"$body$textColorSecondary","labelColor":"$body$textColorSecondary","labelColorAssistant":"$colors$gray200","searchIconColor":"$colors$gray200","closeIconColor":"#dadada","passwordIconColor":"$colors$white","asteriskColor":"$colors$primary400","itemLabelColor":"$colors$white","itemLabelFontSize":"$fontSizes$md","itemLabelFontWeight":"$fontWeights$6","sliderWidth":"48px","sliderPadding":"calc($form$sliderWidth * (1/24))","sliderBackgroundColor":"$colors$gray50","sliderToggleColor":"$colors$gray500","sliderBackgroundColorActive":"$colors$primary100","sliderToggleColorActive":"$colors$primary400","sliderBackgroundColorDisabled":"$colors$disabled100","sliderToggleColorDisabled":"$colors$disabled300"},"imageCard":{"dataPointLabelColor":"$colors$gray200","contentFullBackgroundColor":"$colors$semiTransparent","contentFullTitleColor":"$body$textColorSecondary","contentFullTitleFontSize":"3.125rem","contentFullTitleFontWeight":"$fontWeights$5","contentFullBodyCopyColor":"$body$textColorPrimary","contentFullBodyCopyFontSize":"$fontSizes$lg","contentFullBodyCopyFontWeight":"$fontWeights$5","contentPartialBackgroundColor1":"rgba(0, 0, 0, 0)","contentPartialBackgroundColor2":"rgba(0, 0, 0, 1)","contentPartialTitleColor":"$body$textColorSecondary","contentPartialTitleFontSizeMobile":"$fontSizes$xl","contentPartialTitleFontSize":"3.125rem","contentPartialTitleFontWeight":"$fontWeights$5","contentPartialBodyCopyColor":"$body$textColorPrimary","contentPartialBodyCopyFontSize":"$fontSizes$lg","contentPartialBodyCopyFontWeight":"$fontWeights$5"},"imageCardContentFluid":{"titleFontSize":"$fontSizes$h3","titleLineHeight":"120%","titleColor":"$colors$white","titleStyle":"normal","titleDecoration":"none","bodyFontSize":"$fontSizes$md","bodyLineHeight":"1.5rem","bodyColor":"$colors$gray50","bodyStyle":"normal","bodyDecoration":"none"},"inputs":{"borderColor":"rgba(220, 222, 224, 0.5)","backgroundColor":"rgba(137, 137, 137, 0.24)","color":"#FFFFFF","borderColorFocused":"rgba(76, 189, 207, 0.8)","backgroundColorFocused":"rgba(137, 137, 137, 0.24)","colorFocused":"#FFFFFF","borderColorDisabled":"rgba(220, 222, 224, 0.5)","backgroundColorDisabled":"rgba(220, 222, 224, 0.5)","colorDisabled":"#ADADAD","borderColorError":"rgba(255, 72, 0, 1)","backgroundColorError":"rgba(181, 29, 9, 0.2)","colorFocusedError":"#FFFFFF","borderColorSuccess":"rgba(0, 163, 89, 1)","backgroundColorSuccess":"rgba(0, 115, 62, 0.2)","colorFocusedSuccess":"#FFFFFF","assistantText":"$colors$white","inputTextColor":"$body$textColorSecondary","labelColor":"$body$textColorSecondary","labelColorAssistant":"$colors$gray200","searchIconColor":"$colors$gray200","closeIconColor":"#dadada"},"linkStyled":{"colorPrimary":"$colors$gray200","colorPrimaryActive":"$colors$primary400","colorPrimaryHover":"$colors$primary400","fontFamilyPrimary":"inherit","fontSizePrimary":"inherit","fontSizePrimaryActive":"inherit","fontStylePrimary":"normal","fontStylePrimaryActive":"normal","fontWeightPrimary":"inherit","fontWeightPrimaryActive":"inherit","textDecorationPrimary":"inherit","textDecorationPrimaryActive":"inherit","colorSecondary":"$colors$primary400","colorSecondaryActive":"$colors$primary500","colorSecondaryHover":"$colors$primary500","fontFamilySecondary":"inherit","fontSizeSecondary":"inherit","fontSizeSecondaryActive":"inherit","fontStyleSecondary":"normal","fontStyleSecondaryActive":"normal","fontWeightSecondary":"inherit","fontWeightSecondaryActive":"inherit","textDecorationSecondary":"inherit","textDecorationSecondaryActive":"inherit","colorTertiary":"$body$textColorSecondary","colorTertiaryActive":"$body$textColorSecondary","colorTertiaryHover":"$body$textColorSecondary","fontFamilyTertiary":"inherit","fontSizeTertiary":"inherit","fontSizeTertiaryActive":"inherit","fontStyleTertiary":"normal","fontStyleTertiaryActive":"normal","fontWeightTertiary":"inherit","fontWeightTertiaryActive":"inherit","textDecorationTertiary":"inherit","textDecorationTertiaryActive":"inherit"},"listCard":{"backgroundColor":"$colors$black","draggableColor":"$colors$white"},"modal":{"backgroundColor":"$colors$gray800","color":"$colors$white","overlayBackgroundColor":"$body$backgroundOverlayGray","svgColor":"$colors$white","svgColorHover":"$colors$gray500"},"newAccordion":{"containerBorderColor":"$colors$gray700"},"optionRow":{"backgroundColor":"transparent","backgroundColorActive":"$colors$white","backgroundColorHover":"$colors$gray800","borderColor":"$colors$gray500","borderColorActive":"transparent","borderColorHover":"$colors$gray500","fontColor":"$colors$white","fontColorActive":"$colors$black","fontColorHover":"$colors$white","fontSize":"$fontSizes$md"},"pagination":{"colorPrimary":"$colors$white","colorSecondary":"$colors$white","buttonColorActive":"$colors$gray700","buttonColorHover":"$colors$gray500","buttonColorDisabled":"$colors$gray800","currentPageColor":"$pagination$colorPrimary","currentPageBackgroundColor":"$colors$gray700","currentPageBorderColor":"$colors$gray50"},"radio":{"backgroundColor":"transparent","borderColor":"$colors$primary800","borderRadius":"50%","borderStyle":"solid","borderWidth":"2px","backgroundColorHover":"transparent","borderColorHover":"$colors$primary800","borderStyleHover":"solid","borderWidthHover":"2px","backgroundColorChecked":"transparent","borderColorChecked":"$colors$primary800","borderStyleChecked":"solid","borderWidthChecked":"2px","backgroundColorDisabled":"transparent","borderColorDisabled":"rgba(220, 222, 224, 50%)","borderStyleDisabled":"solid","borderWidthDisabled":"2px","innerBackgroundColorDisabled":"rgba(220, 222, 224, 50%)","size":"24px","innerSize":"14px","innerBackgroundColor":"$colors$white"},"select":{"arrowColor":"$body$textColorSecondary","backgroundColor":"#363636","borderColor":"$inputs$borderColor","borderStyle":"solid","borderWidth":"1px","fontColor":"#colors$white","menuOptionHover":"$colors$gray600","menuOptionSelected":"$colors$gray900"},"skeleton":{"backgroundColorPrimary":"$colors$gray600","backgroundColorSecondary":"$colors$gray50"},"step":{"currentStepBackgroundColor":"$colors$primary400","currentStepTextColor":"$colors$black","currentStepTitleColor":"$colors$white","currentStepSize":"30px","fontSize":"$fontSizes$md","textColor":"$colors$gray200"},"sticky":{"backgroundColor":"$body$backgroundColorPrimaryFixed","boxShadow":"none","dropShadow":"drop-shadow(-2px 2px 4px #00000040)"},"stickyScroll":{"borderColor":"$colors$gray600","dropShadow":"$sticky$dropShadow","backgroudColor":"$colors$whiteLight"},"tab":{"colorPrimary":"$colors$primary400","colorSecondary":"$colors$gray600","textColor":"$colors$white","fontWeightActive":"$fontWeights$6","fontWeight":"$fontWeights$6","centerColorPrimary":"$colors$white","centerColorSecondary":"$colors$gray500","defaultHover":"$colors$primary300"},"table":{"borderBottomColor":"rgba(255, 255, 255, 0.2)","backgroundColor":"$colors$black","iconColor":"$colors$white","textColor":"$colors$white","thColor":"$colors$gray200"},"text":{"xsFontColor":"$body$textColorPrimary","xsFontFamily":"inherit","xsFontSize":"$fontSizes$xs","xsFontStyle":"normal","xsFontWeight":"$fontWeights$5","xsLineHeight":"$lineHeights$xs","smFontColor":"$body$textColorPrimary","smFontFamily":"inherit","smFontSize":"$fontSizes$sm","smFontStyle":"normal","smFontWeight":"$fontWeights$5","smLineHeight":"$lineHeights$sm","mdFontColor":"$body$textColorPrimary","mdFontFamily":"inherit","mdFontSize":"$fontSizes$md","mdFontStyle":"normal","mdFontWeight":"$fontWeights$5","mdLineHeight":"$lineHeights$md","lgFontColor":"$body$textColorPrimary","lgFontFamily":"inherit","lgFontSize":"$fontSizes$lg","lgFontStyle":"normal","lgFontWeight":"$fontWeights$5","lgLineHeight":"$lineHeights$lg","xlFontColor":"$body$textColorPrimary","xlFontFamily":"inherit","xlFontSize":"$fontSizes$xl","xlFontStyle":"normal","xlFontWeight":"$fontWeights$5","xlLineHeight":"$lineHeights$xl","xxlFontColor":"$body$textColorPrimary","xxlFontFamily":"inherit","xxlFontSize":"$fontSizes$xxl","xxlFontStyle":"normal","xxlFontWeight":"$fontWeights$5","xxlLineHeight":"$lineHeights$xxl","xxxlFontColor":"$colors$white","xxxlFontFamily":"inherit","xxxlFontSize":"$fontSizes$3xl","xxxlFontStyle":"normal","xxxlFontWeight":"$fontWeights$5","xxxlLineHeight":"$lineHeights$3xl","h1FontColor":"$body$textColorSecondary","h1FontFamily":"inherit","h1FontSize":"$fontSizes$h1","h1FontSizeMobile":"$fontSizes$h1","h1FontStyle":"normal","h1FontWeight":"$fontWeights$4","h1LineHeight":"$lineHeights$h1","h2FontColor":"$body$textColorSecondary","h2FontFamily":"inherit","h2FontSize":"$fontSizes$h2","h2FontSizeMobile":"$fontSizes$h2","h2FontStyle":"normal","h2FontWeight":"$fontWeights$4","h2LineHeight":"$lineHeights$h2","h3FontColor":"$body$textColorSecondary","h3FontFamily":"inherit","h3FontSize":"$fontSizes$h3","h3FontSizeMobile":"$fontSizes$h3","h3FontStyle":"normal","h3FontWeight":"$fontWeights$4","h3LineHeight":"$lineHeights$h3","h4FontColor":"$body$textColorSecondary","h4FontFamily":"inherit","h4FontSize":"$fontSizes$h4","h4FontSizeMobile":"$fontSizes$h4","h4FontStyle":"normal","h4FontWeight":"$fontWeights$4","h4LineHeight":"$lineHeights$h4","h5FontColor":"$body$textColorSecondary","h5FontFamily":"inherit","h5FontSize":"$fontSizes$h5","h5FontSizeMobile":"$fontSizes$h5","h5FontStyle":"normal","h5FontWeight":"$fontWeights$4","h5LineHeight":"$lineHeights$h5","h6FontColor":"$body$textColorSecondary","h6FontFamily":"inherit","h6FontSize":"$fontSizes$h6","h6FontSizeMobile":"$fontSizes$h6","h6FontStyle":"normal","h6FontWeight":"$fontWeights$4","h6LineHeight":"$lineHeights$h6","dataVisCardPointColor":"$body$textColorSecondary","dataVisCardPointFocusColor":"$colors$success600"},"toggleSwitch":{"backgroundColorChecked":"$colors$primary50","toggleColorChecked":"$colors$primary500","backgroundColorDefault":"$colors$gray50","toggleColorDefault":"$colors$gray500"},"tooltip":{"backgroundColor":"$colors$gray900","textColor":"$colors$white","outlineColor":"$colors$gray500","iconFillColor":"$colors$info200","iconFillColorHover":"$colors$info600"},"viewToggle":{"backgroundColorActiveForeground":"$colors$black","backgroundColorActiveBackground":"$colors$white","backgroundColorInactiveForeground":"$colors$white","backgroundColorInactiveBackground":"transparent"},"body":{"textColorPrimary":"$colors$gray50","textColorSecondary":"$colors$white","backgroundColorPrimary":"$colors$white","backgroundColorPrimaryFixed":"rgba(0,0,0,0.88)","backgroundColorSecondary":"rgba(28, 28, 28, 0.8)","backgroundOverlayBlack":"rgba(0,0,0,0.77)","backgroundOverlayGray":"rgba(51,51,51,0.75)","backgroundOverlayWhite":"rgba(255,255,255,0.75)","boxShadow":"$colors$darkShadow","fontFamilyPrimary":"Suisse Intl, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, san-serif","fontStylePrimary":"normal","fontSizePrimary":"inherit","fontDecorationPrimary":"none","linkColorPrimary":"$colors$primary400"},"bodyCopy":{"fontColor":"$colors$white","fontFamily":"inherit","fontSize":"$fontSizes$lg","fontSizeMobile":"$fontSizes$lg","fontStyle":"normal","fontWeight":"normal","lineHeight":"1.625rem"},"title":{"pageTitleFontColor":"inherit","pageTitleFontFamily":"inherit","pageTitleFontSize":"$fontSizes$3xl","pageTitleFontSizeMobile":"$fontSizes$xxl","pageTitleFontStyle":"normal","pageTitleFontWeight":"$fontWeights$4","pageTitleLineHeight":"100%","headingTitleFontColor":"inherit","headingTitleFontFamily":"inherit","headingTitleFontSize":"$fontSizes$h2","headingTitleFontSizeMobile":"$fontSizes$h3","headingTitleFontStyle":"normal","headingTitleFontWeight":"$fontWeights$4","headingTitleLineHeight":"100%","sectionTitleFontColor":"$colors$white","sectionTitleFontFamily":"inherit","sectionTitleFontSize":"$fontSizes$xl","sectionTitleFontSizeMobile":"$fontSizes$lg","sectionTitleFontStyle":"normal","sectionTitleFontWeight":"$fontWeights$4","sectionTitleLineHeight":"100%"},"headline":{"headline1FontColor":"$body$textColorSecondary","headline1FontFamily":"inherit","headline1FontSize":"$fontSizes$xxl","headline1FontSizeMobile":"$fontSizes$xl","headline1FontStyle":"normal","headline1FontWeight":"$fontWeights$4","headline1LineHeight":"110%","headline2FontColor":"$body$textColorSecondary","headline2FontFamily":"inherit","headline2FontSize":"$fontSizes$xxl","headline2FontSizeMobile":"$fontSizes$xl","headline2FontStyle":"normal","headline2FontWeight":"$fontWeights$4","headline2LineHeight":"110%","headline3FontColor":"$body$textColorSecondary","headline3FontFamily":"inherit","headline3FontSize":"$fontSizes$xxl","headline3FontSizeMobile":"$fontSizes$xl","headline3FontStyle":"normal","headline3FontWeight":"$fontWeights$4","headline3LineHeight":"110%"},"overline":{"fontColor":"$colors$white","fontFamily":"inherit","fontSize":"$fontSizes$sm","fontSizeMobile":"$fontSizes$sm","fontStyle":"normal","fontWeight":"bold"}}