default

NameValueParent
colorPrimary100#f2f6ff
colorPrimary200#d9e4ff
colorPrimary300#a6c1ff
colorPrimary400#598bff
colorPrimary500#3366ff
colorPrimary600#274bdb
colorPrimary700#1a34b8
colorPrimary800#102694
colorPrimary900#091c7a
colorPrimaryTransparent100rgba(51, 102, 255, 0.08)
colorPrimaryTransparent200rgba(51, 102, 255, 0.16)
colorPrimaryTransparent300rgba(51, 102, 255, 0.24)
colorPrimaryTransparent400rgba(51, 102, 255, 0.32)
colorPrimaryTransparent500rgba(51, 102, 255, 0.4)
colorPrimaryTransparent600rgba(51, 102, 255, 0.48)
colorSuccess100#f0fff5
colorSuccess200#ccfce3
colorSuccess300#8cfac7
colorSuccess400#2ce69b
colorSuccess500#00d68f
colorSuccess600#00b887
colorSuccess700#00997a
colorSuccess800#007d6c
colorSuccess900#004a45
colorSuccessTransparent100rgba(0, 214, 143, 0.08)
colorSuccessTransparent200rgba(0, 214, 143, 0.16)
colorSuccessTransparent300rgba(0, 214, 143, 0.24)
colorSuccessTransparent400rgba(0, 214, 143, 0.32)
colorSuccessTransparent500rgba(0, 214, 143, 0.4)
colorSuccessTransparent600rgba(0, 214, 143, 0.48)
colorInfo100#f2f8ff
colorInfo200#c7e2ff
colorInfo300#94cbff
colorInfo400#42aaff
colorInfo500#0095ff
colorInfo600#006fd6
colorInfo700#0057c2
colorInfo800#0041a8
colorInfo900#002885
colorInfoTransparent100rgba(0, 149, 255, 0.08)
colorInfoTransparent200rgba(0, 149, 255, 0.16)
colorInfoTransparent300rgba(0, 149, 255, 0.24)
colorInfoTransparent400rgba(0, 149, 255, 0.32)
colorInfoTransparent500rgba(0, 149, 255, 0.4)
colorInfoTransparent600rgba(0, 149, 255, 0.48)
colorWarning100#fffdf2
colorWarning200#fff1c2
colorWarning300#ffe59e
colorWarning400#ffc94d
colorWarning500#ffaa00
colorWarning600#db8b00
colorWarning700#b86e00
colorWarning800#945400
colorWarning900#703c00
colorWarningTransparent100rgba(255, 170, 0, 0.08)
colorWarningTransparent200rgba(255, 170, 0, 0.16)
colorWarningTransparent300rgba(255, 170, 0, 0.24)
colorWarningTransparent400rgba(255, 170, 0, 0.32)
colorWarningTransparent500rgba(255, 170, 0, 0.4)
colorWarningTransparent600rgba(255, 170, 0, 0.48)
colorDanger100#fff2f2
colorDanger200#ffd6d9
colorDanger300#ffa8b4
colorDanger400#ff708d
colorDanger500#ff3d71
colorDanger600#db2c66
colorDanger700#b81d5b
colorDanger800#94124e
colorDanger900#700940
colorDangerTransparent100rgba(255, 61, 113, 0.08)
colorDangerTransparent200rgba(255, 61, 113, 0.16)
colorDangerTransparent300rgba(255, 61, 113, 0.24)
colorDangerTransparent400rgba(255, 61, 113, 0.32)
colorDangerTransparent500rgba(255, 61, 113, 0.4)
colorDangerTransparent600rgba(255, 61, 113, 0.48)
colorBasic100#ffffff
colorBasic200#f7f9fc
colorBasic300#edf1f7
colorBasic400#e4e9f2
colorBasic500#c5cee0
colorBasic600#8f9bb3
colorBasic700#2e3a59
colorBasic800#222b45
colorBasic900#192038
colorBasic1000#151a30
colorBasic1100#101426
colorBasicTransparent100rgba(143, 155, 179, 0.08)
colorBasicTransparent200rgba(143, 155, 179, 0.16)
colorBasicTransparent300rgba(143, 155, 179, 0.24)
colorBasicTransparent400rgba(143, 155, 179, 0.32)
colorBasicTransparent500rgba(143, 155, 179, 0.4)
colorBasicTransparent600rgba(143, 155, 179, 0.48)
colorBasicControlTransparent100rgba(255, 255, 255, 0.08)
colorBasicControlTransparent200rgba(255, 255, 255, 0.16)
colorBasicControlTransparent300rgba(255, 255, 255, 0.24)
colorBasicControlTransparent400rgba(255, 255, 255, 0.32)
colorBasicControlTransparent500rgba(255, 255, 255, 0.4)
colorBasicControlTransparent600rgba(255, 255, 255, 0.48)
colorBasicFocus#e4e9f2colorBasic400
colorBasicHover#f7f9fccolorBasic200
colorBasicDefault#edf1f7colorBasic300
colorBasicActive#e4e9f2colorBasic400
colorBasicDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorBasicFocusBorder#c5cee0colorBasic500
colorBasicHoverBorder#f7f9fccolorBasicHover
colorBasicDefaultBorder#edf1f7colorBasicDefault
colorBasicActiveBorder#e4e9f2colorBasicActive
colorBasicDisabledBorderrgba(143, 155, 179, 0.24)colorBasicDisabled
colorBasicTransparentFocusrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorBasicTransparentHoverrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorBasicTransparentDefaultrgba(143, 155, 179, 0.08)colorBasicTransparent100
colorBasicTransparentActivergba(143, 155, 179, 0.24)colorBasicTransparent300
colorBasicTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorBasicTransparentFocusBorder#8f9bb3colorBasic600
colorBasicTransparentHoverBorder#8f9bb3colorBasic600
colorBasicTransparentDefaultBorder#8f9bb3colorBasic600
colorBasicTransparentActiveBorder#8f9bb3colorBasic600
colorBasicTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorPrimaryFocus#274bdbcolorPrimary600
colorPrimaryHover#598bffcolorPrimary400
colorPrimaryDefault#3366ffcolorPrimary500
colorPrimaryActive#274bdbcolorPrimary600
colorPrimaryDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorPrimaryFocusBorder#1a34b8colorPrimary700
colorPrimaryHoverBorder#598bffcolorPrimaryHover
colorPrimaryDefaultBorder#3366ffcolorPrimaryDefault
colorPrimaryActiveBorder#274bdbcolorPrimaryActive
colorPrimaryDisabledBorderrgba(143, 155, 179, 0.24)colorPrimaryDisabled
colorPrimaryTransparentFocusrgba(51, 102, 255, 0.24)colorPrimaryTransparent300
colorPrimaryTransparentHoverrgba(51, 102, 255, 0.16)colorPrimaryTransparent200
colorPrimaryTransparentDefaultrgba(51, 102, 255, 0.08)colorPrimaryTransparent100
colorPrimaryTransparentActivergba(51, 102, 255, 0.24)colorPrimaryTransparent300
colorPrimaryTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorPrimaryTransparentFocusBorder#3366ffcolorPrimary500
colorPrimaryTransparentHoverBorder#3366ffcolorPrimary500
colorPrimaryTransparentDefaultBorder#3366ffcolorPrimary500
colorPrimaryTransparentActiveBorder#3366ffcolorPrimary500
colorPrimaryTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorSuccessFocus#00b887colorSuccess600
colorSuccessHover#2ce69bcolorSuccess400
colorSuccessDefault#00d68fcolorSuccess500
colorSuccessActive#00b887colorSuccess600
colorSuccessDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorSuccessFocusBorder#00997acolorSuccess700
colorSuccessHoverBorder#2ce69bcolorSuccessHover
colorSuccessDefaultBorder#00d68fcolorSuccessDefault
colorSuccessActiveBorder#00b887colorSuccessActive
colorSuccessDisabledBorderrgba(143, 155, 179, 0.24)colorSuccessDisabled
colorSuccessTransparentFocusrgba(0, 214, 143, 0.24)colorSuccessTransparent300
colorSuccessTransparentFocusBorder#00d68fcolorSuccess500
colorSuccessTransparentHoverrgba(0, 214, 143, 0.16)colorSuccessTransparent200
colorSuccessTransparentHoverBorder#00d68fcolorSuccess500
colorSuccessTransparentDefaultrgba(0, 214, 143, 0.08)colorSuccessTransparent100
colorSuccessTransparentDefaultBorder#00d68fcolorSuccess500
colorSuccessTransparentActivergba(0, 214, 143, 0.24)colorSuccessTransparent300
colorSuccessTransparentActiveBorder#00d68fcolorSuccess500
colorSuccessTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorSuccessTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorInfoFocus#006fd6colorInfo600
colorInfoHover#42aaffcolorInfo400
colorInfoDefault#0095ffcolorInfo500
colorInfoActive#006fd6colorInfo600
colorInfoDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorInfoFocusBorder#0057c2colorInfo700
colorInfoHoverBorder#42aaffcolorInfoHover
colorInfoDefaultBorder#0095ffcolorInfoDefault
colorInfoActiveBorder#006fd6colorInfoActive
colorInfoDisabledBorderrgba(143, 155, 179, 0.24)colorInfoDisabled
colorInfoTransparentFocusrgba(0, 149, 255, 0.24)colorInfoTransparent300
colorInfoTransparentHoverrgba(0, 149, 255, 0.16)colorInfoTransparent200
colorInfoTransparentDefaultrgba(0, 149, 255, 0.08)colorInfoTransparent100
colorInfoTransparentActivergba(0, 149, 255, 0.24)colorInfoTransparent300
colorInfoTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorInfoTransparentFocusBorder#0095ffcolorInfo500
colorInfoTransparentHoverBorder#0095ffcolorInfo500
colorInfoTransparentDefaultBorder#0095ffcolorInfo500
colorInfoTransparentActiveBorder#0095ffcolorInfo500
colorInfoTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorWarningFocus#db8b00colorWarning600
colorWarningHover#ffc94dcolorWarning400
colorWarningDefault#ffaa00colorWarning500
colorWarningActive#db8b00colorWarning600
colorWarningDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorWarningFocusBorder#b86e00colorWarning700
colorWarningHoverBorder#ffc94dcolorWarningHover
colorWarningDefaultBorder#ffaa00colorWarningDefault
colorWarningActiveBorder#db8b00colorWarningActive
colorWarningDisabledBorderrgba(143, 155, 179, 0.24)colorWarningDisabled
colorWarningTransparentFocusrgba(255, 170, 0, 0.24)colorWarningTransparent300
colorWarningTransparentHoverrgba(255, 170, 0, 0.16)colorWarningTransparent200
colorWarningTransparentDefaultrgba(255, 170, 0, 0.08)colorWarningTransparent100
colorWarningTransparentActivergba(255, 170, 0, 0.24)colorWarningTransparent300
colorWarningTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorWarningTransparentFocusBorder#ffaa00colorWarning500
colorWarningTransparentHoverBorder#ffaa00colorWarning500
colorWarningTransparentDefaultBorder#ffaa00colorWarning500
colorWarningTransparentActiveBorder#ffaa00colorWarning500
colorWarningTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorDangerFocus#db2c66colorDanger600
colorDangerHover#ff708dcolorDanger400
colorDangerDefault#ff3d71colorDanger500
colorDangerActive#db2c66colorDanger600
colorDangerDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorDangerFocusBorder#b81d5bcolorDanger700
colorDangerHoverBorder#ff708dcolorDangerHover
colorDangerDefaultBorder#ff3d71colorDangerDefault
colorDangerActiveBorder#db2c66colorDangerActive
colorDangerDisabledBorderrgba(143, 155, 179, 0.24)colorDangerDisabled
colorDangerTransparentFocusrgba(255, 61, 113, 0.24)colorDangerTransparent300
colorDangerTransparentHoverrgba(255, 61, 113, 0.16)colorDangerTransparent200
colorDangerTransparentDefaultrgba(255, 61, 113, 0.08)colorDangerTransparent100
colorDangerTransparentActivergba(255, 61, 113, 0.24)colorDangerTransparent300
colorDangerTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorDangerTransparentFocusBorder#ff3d71colorDanger500
colorDangerTransparentHoverBorder#ff3d71colorDanger500
colorDangerTransparentDefaultBorder#ff3d71colorDanger500
colorDangerTransparentActiveBorder#ff3d71colorDanger500
colorDangerTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorControlFocus#edf1f7colorBasic300
colorControlHover#f7f9fccolorBasic200
colorControlDefault#ffffffcolorBasic100
colorControlActive#edf1f7colorBasic300
colorControlDisabledrgba(143, 155, 179, 0.24)colorBasicTransparent300
colorControlFocusBorder#c5cee0colorBasic500
colorControlHoverBorder#f7f9fccolorControlHover
colorControlDefaultBorder#ffffffcolorControlDefault
colorControlActiveBorder#edf1f7colorControlActive
colorControlDisabledBorderrgba(143, 155, 179, 0.24)colorControlDisabled
colorControlTransparentFocusrgba(255, 255, 255, 0.24)colorBasicControlTransparent300
colorControlTransparentHoverrgba(255, 255, 255, 0.16)colorBasicControlTransparent200
colorControlTransparentDefaultrgba(255, 255, 255, 0.08)colorBasicControlTransparent100
colorControlTransparentActivergba(255, 255, 255, 0.24)colorBasicControlTransparent300
colorControlTransparentDisabledrgba(143, 155, 179, 0.16)colorBasicTransparent200
colorControlTransparentFocusBorder#ffffffcolorBasic100
colorControlTransparentHoverBorder#ffffffcolorBasic100
colorControlTransparentDefaultBorder#ffffffcolorBasic100
colorControlTransparentActiveBorder#ffffffcolorBasic100
colorControlTransparentDisabledBorderrgba(143, 155, 179, 0.24)colorBasicTransparent300
backgroundBasicColor1#ffffffcolorBasic100
backgroundBasicColor2#f7f9fccolorBasic200
backgroundBasicColor3#edf1f7colorBasic300
backgroundBasicColor4#e4e9f2colorBasic400
borderBasicColor1#ffffffcolorBasic100
borderBasicColor2#f7f9fccolorBasic200
borderBasicColor3#edf1f7colorBasic300
borderBasicColor4#e4e9f2colorBasic400
borderBasicColor5#c5cee0colorBasic500
backgroundAlternativeColor1#222b45colorBasic800
backgroundAlternativeColor2#192038colorBasic900
backgroundAlternativeColor3#151a30colorBasic1000
backgroundAlternativeColor4#101426colorBasic1100
borderAlternativeColor1#222b45colorBasic800
borderAlternativeColor2#192038colorBasic900
borderAlternativeColor3#151a30colorBasic1000
borderAlternativeColor4#101426colorBasic1100
borderAlternativeColor5#101426colorBasic1100
backgroundPrimaryColor1#3366ffcolorPrimary500
backgroundPrimaryColor2#274bdbcolorPrimary600
backgroundPrimaryColor3#1a34b8colorPrimary700
backgroundPrimaryColor4#102694colorPrimary800
borderPrimaryColor1#c5cee0colorBasic500
borderPrimaryColor2#8f9bb3colorBasic600
borderPrimaryColor3#2e3a59colorBasic700
borderPrimaryColor4#222b45colorBasic800
borderPrimaryColor5#192038colorBasic900
textBasicColor#222b45colorBasic800
textAlternateColor#ffffffcolorBasic100
textControlColor#ffffffcolorBasic100
textDisabledColorrgba(143, 155, 179, 0.48)colorBasicTransparent600
textHintColor#8f9bb3colorBasic600
textPrimaryColor#3366ffcolorPrimaryDefault
textPrimaryFocusColor#274bdbcolorPrimaryFocus
textPrimaryHoverColor#598bffcolorPrimaryHover
textPrimaryActiveColor#274bdbcolorPrimaryActive
textPrimaryDisabledColor#598bffcolorPrimary400
textSuccessColor#00d68fcolorSuccessDefault
textSuccessFocusColor#00b887colorSuccessFocus
textSuccessHoverColor#2ce69bcolorSuccessHover
textSuccessActiveColor#00b887colorSuccessActive
textSuccessDisabledColor#2ce69bcolorSuccess400
textInfoColor#0095ffcolorInfoDefault
textInfoFocusColor#006fd6colorInfoFocus
textInfoHoverColor#42aaffcolorInfoHover
textInfoActiveColor#006fd6colorInfoActive
textInfoDisabledColor#42aaffcolorInfo400
textWarningColor#ffaa00colorWarningDefault
textWarningFocusColor#db8b00colorWarningFocus
textWarningHoverColor#ffc94dcolorWarningHover
textWarningActiveColor#db8b00colorWarningActive
textWarningDisabledColor#ffc94dcolorWarning400
textDangerColor#ff3d71colorDangerDefault
textDangerFocusColor#db2c66colorDangerFocus
textDangerHoverColor#ff708dcolorDangerHover
textDangerActiveColor#db2c66colorDangerActive
textDangerDisabledColor#ff708dcolorDanger400
fontFamilyPrimaryunquote('Open Sans, sans-serif')
fontFamilySecondaryunquote('Open Sans, sans-serif')fontFamilyPrimary
textHeading1FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading1FontSize2.25rem
textHeading1FontWeight700
textHeading1LineHeight3rem
textHeading2FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading2FontSize2rem
textHeading2FontWeight700
textHeading2LineHeight2.5rem
textHeading3FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading3FontSize1.875rem
textHeading3FontWeight700
textHeading3LineHeight2.5rem
textHeading4FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading4FontSize1.625rem
textHeading4FontWeight700
textHeading4LineHeight2rem
textHeading5FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading5FontSize1.375rem
textHeading5FontWeight700
textHeading5LineHeight2rem
textHeading6FontFamilyunquote('Open Sans, sans-serif')fontFamilySecondary
textHeading6FontSize1.125rem
textHeading6FontWeight700
textHeading6LineHeight1.5rem
textSubtitleFontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textSubtitleFontSize0.9375rem
textSubtitleFontWeight600
textSubtitleLineHeight1.5rem
textSubtitle2FontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textSubtitle2FontSize0.8125rem
textSubtitle2FontWeight600
textSubtitle2LineHeight1.5rem
textParagraphFontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textParagraphFontSize0.9375rem
textParagraphFontWeight400
textParagraphLineHeight1.25rem
textParagraph2FontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textParagraph2FontSize0.8125rem
textParagraph2FontWeight400
textParagraph2LineHeight1.125rem
textLabelFontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textLabelFontSize0.75rem
textLabelFontWeight700
textLabelLineHeight1rem
textCaptionFontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textCaptionFontSize0.75rem
textCaptionFontWeight400
textCaptionLineHeight1rem
textCaption2FontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textCaption2FontSize0.75rem
textCaption2FontWeight600
textCaption2LineHeight1rem
textButtonFontFamilyunquote('Open Sans, sans-serif')fontFamilyPrimary
textButtonFontWeight700
textButtonTinyFontSize0.625rem
textButtonTinyLineHeight0.75rem
textButtonSmallFontSize0.75rem
textButtonSmallLineHeight1rem
textButtonMediumFontSize0.875rem
textButtonMediumLineHeight1rem
textButtonLargeFontSize1rem
textButtonLargeLineHeight1.25rem
textButtonGiantFontSize1.125rem
textButtonGiantLineHeight1.5rem
borderRadius0.25rem
outlineWidth0.375rem
outlineColorrgba(143, 155, 179, 0.16)colorBasicTransparent200
scrollbarColor#e4e9f2backgroundBasicColor4
scrollbarBackgroundColor#f7f9fcbackgroundBasicColor2
scrollbarWidth0.3125rem
shadow0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1)
dividerColor#edf1f7borderBasicColor3
dividerStylesolid
dividerWidth1px