UNPKG

@norges-domstoler/dds-design-tokens

Version:

Design tokens used in Domstolenes designsystem

1,132 lines 78 kB
export declare const ddsTokens: { 'core-light': { ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif"; ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace"; ddsFontSizeX5: "5rem"; ddsFontSizeX5NumberRem: 5; ddsFontSizeX4: "4rem"; ddsFontSizeX4NumberRem: 4; ddsFontSizeX3: "3rem"; ddsFontSizeX3NumberRem: 3; ddsFontSizeX25: "2.5rem"; ddsFontSizeX25NumberRem: 2.5; ddsFontSizeX2: "2rem"; ddsFontSizeX2NumberRem: 2; ddsFontSizeX15: "1.5rem"; ddsFontSizeX15NumberRem: 1.5; ddsFontSizeX125: "1.25rem"; ddsFontSizeX125NumberRem: 1.25; ddsFontSizeX1125: "1.125rem"; ddsFontSizeX1125NumberRem: 1.125; ddsFontSizeX1: "1rem"; ddsFontSizeX1NumberRem: 1; ddsFontSizeX0875: "0.875rem"; ddsFontSizeX0875NumberRem: 0.875; ddsFontSizeX075: "0.75rem"; ddsFontSizeX075NumberRem: 0.75; ddsFontWeightLight: "300"; ddsFontWeightNormal: "400"; ddsFontWeightSemiBold: "500"; ddsFontWeightBold: "600"; ddsFontLineheightX1: 1.5; ddsFontLineheightX3: 1.2; ddsFontLineheightX2: 1.3; ddsFontLetterSpacingTight: "-0.01em"; ddsFontLetterSpacingNormal: "0em"; ddsFontLetterSpacingLoose: "0.01em"; ddsFontParagraphSpacingSmall: "1em"; ddsFontParagraphSpacingSmallNumberEm: 1; ddsFontParagraphSpacingMedium: "0.66em"; ddsFontParagraphSpacingMediumNumberEm: 0.66; ddsFontParagraphSpacingLarge: "0.5em"; ddsFontParagraphSpacingLargeNumberEm: 0.5; ddsFontParagraphSpacingList: "0.5em"; ddsFontParagraphSpacingListNumberEm: 0.5; ddsFontParagraphSpacingHeading: "0.4em"; ddsFontParagraphSpacingHeadingNumberEm: 0.4; ddsFontStyleUnderline: "underline"; ddsFontStyleNormal: "none"; ddsFontStyleItalic: "italic"; ddsSpacingPaddingTopHeading: "0.7em"; ddsSpacingPaddingTopHeadingNumberEm: 0.7; ddsSpacingX0: "0rem"; ddsSpacingX0NumberRem: 0; ddsSpacingX0125: "0.125rem"; ddsSpacingX0125NumberRem: 0.125; ddsSpacingX025: "0.25rem"; ddsSpacingX025NumberRem: 0.25; ddsSpacingX05: "0.5rem"; ddsSpacingX05NumberRem: 0.5; ddsSpacingX075: "0.75rem"; ddsSpacingX075NumberRem: 0.75; ddsSpacingX1: "1rem"; ddsSpacingX1NumberRem: 1; ddsSpacingX15: "1.5rem"; ddsSpacingX15NumberRem: 1.5; ddsSpacingX2: "2rem"; ddsSpacingX2NumberRem: 2; ddsSpacingX25: "2.5rem"; ddsSpacingX25NumberRem: 2.5; ddsSpacingX3: "3rem"; ddsSpacingX3NumberRem: 3; ddsSpacingX4: "4rem"; ddsSpacingX4NumberRem: 4; ddsSpacingX6: "6rem"; ddsSpacingX6NumberRem: 6; ddsSpacingX10: "10rem"; ddsSpacingX10NumberRem: 10; ddsGridXsGutterSize: "16px"; ddsGridXsGutterSizeNumberPx: 16; ddsGridXsCount: "4"; ddsGridSmGutterSize: "16px"; ddsGridSmGutterSizeNumberPx: 16; ddsGridSmCount: "8"; ddsGridLgGutterSize: "24px"; ddsGridLgGutterSizeNumberPx: 24; ddsGridLgCount: "12"; ddsGridMdGutterSize: "24px"; ddsGridMdGutterSizeNumberPx: 24; ddsGridMdCount: "12"; ddsGridXlGutterSize: "24px"; ddsGridXlGutterSizeNumberPx: 24; ddsGridXlCount: "12"; ddsSizeIconLarge: "40px"; ddsSizeIconLargeNumberPx: 40; ddsSizeIconMedium: "24px"; ddsSizeIconMediumNumberPx: 24; ddsSizeIconSmall: "16px"; ddsSizeIconSmallNumberPx: 16; ddsSizeIconComponent: "1.3em"; ddsSizeIconComponentNumberEm: 1.3; ddsBreakpointXs: "1px"; ddsBreakpointXsNumberPx: 1; ddsBreakpointSm: "600px"; ddsBreakpointSmNumberPx: 600; ddsBreakpointMd: "960px"; ddsBreakpointMdNumberPx: 960; ddsBreakpointLg: "1280px"; ddsBreakpointLgNumberPx: 1280; ddsBreakpointXl: "1920px"; ddsBreakpointXlNumberPx: 1920; ddsZindexSkiptocontent: "250"; ddsZindexModalBackdrop: "200"; ddsZindexDrawer: "180"; ddsZindexDrawerBackdrop: "180"; ddsZindexOverflowmenu: "160"; ddsZindexPopover: "140"; ddsZindexTooltip: "120"; ddsZindexDropdown: "100"; ddsZindexSticky: "50"; ddsZindexAbsoluteElement: "1"; ddsColorData10Default: "#196b8f"; ddsColorData10Subtle: "#93cee6"; ddsColorData10Border: "#196b8f"; ddsColorDataRed100: "#f8d2d4"; ddsColorDataRed200: "#f0a5a9"; ddsColorDataRed300: "#f4858b"; ddsColorDataRed400: "#e14b53"; ddsColorDataRed500: "#da1e28"; ddsColorDataRed600: "#ae1820"; ddsColorDataRed700: "#831218"; ddsColorDataRed800: "#570c10"; ddsColorDataRed900: "#2c0608"; ddsColorDataMagenta100: "#f7d9f2"; ddsColorDataMagenta200: "#edb5e4"; ddsColorDataMagenta300: "#e079d0"; ddsColorDataMagenta400: "#d54dc0"; ddsColorDataMagenta500: "#cb20b0"; ddsColorDataMagenta600: "#a21a8d"; ddsColorDataMagenta700: "#7a136a"; ddsColorDataMagenta800: "#510d46"; ddsColorDataMagenta900: "#290623"; ddsColorDataBrown100: "#f0ddd5"; ddsColorDataBrown200: "#e1bcac"; ddsColorDataBrown300: "#d19a82"; ddsColorDataBrown400: "#c27959"; ddsColorDataBrown500: "#b3572f"; ddsColorDataBrown600: "#8f4626"; ddsColorDataBrown700: "#6b341c"; ddsColorDataBrown800: "#482313"; ddsColorDataBrown900: "#241109"; ddsColorDataOlive100: "#e9e7cd"; ddsColorDataOlive200: "#cdc9a1"; ddsColorDataOlive300: "#b3ae71"; ddsColorDataOlive400: "#989344"; ddsColorDataOlive500: "#7c7518"; ddsColorDataOlive600: "#635e13"; ddsColorDataOlive700: "#4a460e"; ddsColorDataOlive800: "#322f0a"; ddsColorDataOlive900: "#191705"; ddsColorDataGreen100: "#d7e8cf"; ddsColorDataGreen200: "#aed19e"; ddsColorDataGreen300: "#95c280"; ddsColorDataGreen400: "#619947"; ddsColorDataGreen500: "#3a8019"; ddsColorDataGreen600: "#2e6614"; ddsColorDataGreen700: "#234d0f"; ddsColorDataGreen800: "#17330a"; ddsColorDataGreen900: "#0c1a05"; ddsColorDataTeal100: "#c2e2e1"; ddsColorDataTeal200: "#90ccc9"; ddsColorDataTeal300: "#5dafad"; ddsColorDataTeal400: "#2c9390"; ddsColorDataTeal500: "#007d79"; ddsColorDataTeal600: "#006461"; ddsColorDataTeal700: "#004b49"; ddsColorDataTeal800: "#003230"; ddsColorDataTeal900: "#001918"; ddsColorDataDeepblue100: "#c6e3f1"; ddsColorDataDeepblue200: "#93cee6"; ddsColorDataDeepblue300: "#62abcb"; ddsColorDataDeepblue400: "#358fb5"; ddsColorDataDeepblue500: "#196b8f"; ddsColorDataDeepblue600: "#135774"; ddsColorDataDeepblue700: "#0e455e"; ddsColorDataDeepblue800: "#0d3445"; ddsColorDataDeepblue900: "#05151d"; ddsColorDataBlue100: "#cfe0ff"; ddsColorDataBlue200: "#9fc0ff"; ddsColorDataBlue300: "#6fa1fe"; ddsColorDataBlue400: "#3f81fe"; ddsColorDataBlue500: "#0f62fe"; ddsColorDataBlue600: "#0c4ecb"; ddsColorDataBlue700: "#093b98"; ddsColorDataBlue800: "#062766"; ddsColorDataBlue900: "#031433"; ddsColorDataPurple100: "#e8d9fe"; ddsColorDataPurple200: "#d0b2fe"; ddsColorDataPurple300: "#b98cfd"; ddsColorDataPurple400: "#a165fd"; ddsColorDataPurple500: "#8a3ffc"; ddsColorDataPurple600: "#6e32ca"; ddsColorDataPurple700: "#532697"; ddsColorDataPurple800: "#371965"; ddsColorDataPurple900: "#1c0d32"; ddsColorDataGray100: "#e3e3e3"; ddsColorDataGray200: "#c7c7c7"; ddsColorDataGray300: "#aaaaaa"; ddsColorDataGray400: "#8e8e8e"; ddsColorDataGray500: "#727272"; ddsColorDataGray600: "#5b5b5b"; ddsColorDataGray700: "#444444"; ddsColorDataGray800: "#2e2e2e"; ddsColorDataGray900: "#171717"; ddsColorData01Default: "#0f62fe"; ddsColorData01Subtle: "#9fc0ff"; ddsColorData01Border: "#0f62fe"; ddsColorData02Default: "#b3572f"; ddsColorData02Subtle: "#e1bcac"; ddsColorData02Border: "#b3572f"; ddsColorData03Default: "#727272"; ddsColorData03Subtle: "#c7c7c7"; ddsColorData03Border: "#727272"; ddsColorData04Default: "#3a8019"; ddsColorData04Subtle: "#aed19e"; ddsColorData04Border: "#3a8019"; ddsColorData05Default: "#8a3ffc"; ddsColorData05Subtle: "#d0b2fe"; ddsColorData05Border: "#8a3ffc"; ddsColorData06Default: "#cb20b0"; ddsColorData06Subtle: "#edb5e4"; ddsColorData06Border: "#cb20b0"; ddsColorData07Default: "#7c7518"; ddsColorData07Subtle: "#cdc9a1"; ddsColorData07Border: "#7c7518"; ddsColorData08Default: "#da1e28"; ddsColorData08Subtle: "#f0a5a9"; ddsColorData08Border: "#da1e28"; ddsColorData09Default: "#007d79"; ddsColorData09Subtle: "#90ccc9"; ddsColorData09Border: "#007d79"; ddsMotionMicroState: "200ms linear"; ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)"; ddsMotionChevron: "200ms linear"; ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate"; ddsColorBgDefault: "#ffffff"; ddsColorBgSubtle: "#f1f3f4"; ddsColorSurfaceDefault: "#ffffff"; ddsColorSurfaceSubtle: "#f1f3f4"; ddsColorSurfaceMedium: "#e9ebec"; ddsColorSurfaceHoverDefault: "#e7f1f7"; ddsColorSurfaceHoverSubtle: "#f1f3f4"; ddsColorSurfaceSelectedDefault: "#e7f1f7"; ddsColorSurfaceInverseDefault: "#354754"; ddsColorSurfaceInverseHover: "#2a3943"; ddsColorSurfaceInverseSelected: "#202b32"; ddsColorSurfaceActionResting: "#106ead"; ddsColorSurfaceActionHover: "#0d588a"; ddsColorSurfaceActionSelected: "#106ead"; ddsColorSurfaceActionDangerResting: "#d83737"; ddsColorSurfaceActionDangerHover: "#ad2c2c"; ddsColorSurfaceActionSelectedDisabled: "#77838c"; ddsColorSurfaceDangerDefault: "#fbebeb"; ddsColorSurfaceDangerStrong: "#e47373"; ddsColorSurfaceSuccessDefault: "#f0f9f0"; ddsColorSurfaceSuccessStrong: "#93d294"; ddsColorSurfaceWarningDefault: "#fefced"; ddsColorSurfaceWarningStrong: "#f7e982"; ddsColorSurfaceInfoDefault: "#f1f8fd"; ddsColorSurfaceInfoStrong: "#9eceee"; ddsColorSurfacePaperDefault: "#ffffff"; ddsColorSurfaceBackdropDefault: "#0b0d0e80"; ddsColorSurfaceFieldDefault: "#ffffff"; ddsColorSurfaceFieldDisabled: "#f1f3f4"; ddsColorSurfaceHighlightedDefault: "#fce5dd"; ddsColorSurfaceScrollbar: "#adb5ba"; ddsColorSurfaceNotification: "#d83737"; ddsColorSurfaceSkeleton: "#d6dadd"; ddsColorBorderDefault: "#77838c"; ddsColorBorderSubtle: "#d6dadd"; ddsColorBorderInverse: "#acbbc6"; ddsColorBorderActionDefault: "#106ead"; ddsColorBorderActionHover: "#0d588a"; ddsColorBorderSuccess: "#65be66"; ddsColorBorderWarning: "#f4e04d"; ddsColorBorderDanger: "#d83737"; ddsColorBorderInfo: "#75b9e6"; ddsColorBorderOnAction: "#ffffff"; ddsColorTextDefault: "#0b0d0e"; ddsColorTextMedium: "#3a4146"; ddsColorTextSubtle: "#545c62"; ddsColorTextOnInverse: "#ffffff"; ddsColorTextDanger: "#ad2c2c"; ddsColorTextOnAction: "#ffffff"; ddsColorTextOnStatusDefault: "#0b0d0e"; ddsColorTextOnStatusStrong: "#0b0d0e"; ddsColorTextActionResting: "#106ead"; ddsColorTextActionHover: "#0d588a"; ddsColorTextRequiredfield: "#d83737"; ddsColorTextActionVisited: "#7f29b4"; ddsColorTextActionVisitedOnInverse: "#cca9e1"; ddsColorTextOnNotification: "#ffffff"; ddsColorTextOnPrimaryDefault: "#ffffff"; ddsColorTextOnPrimarySubtle: "#0b0d0e"; ddsColorTextOnPrimaryMedium: "#ffffff"; ddsColorTextOnPrimaryStrong: "#ffffff"; ddsColorTextOnSecondaryDefault: "#0b0d0e"; ddsColorTextOnSecondarySubtle: "#0b0d0e"; ddsColorTextOnSecondaryMedium: "#0b0d0e"; ddsColorTextOnSecondaryStrong: "#ffffff"; ddsColorTextOnTertiaryDefault: "#0b0d0e"; ddsColorTextOnTertiarySubtle: "#0b0d0e"; ddsColorTextOnTertiaryMedium: "#0b0d0e"; ddsColorTextOnTertiaryStrong: "#0b0d0e"; ddsColorTextOnDataDefault: "#ffffff"; ddsColorTextOnDataSubtle: "#0b0d0e"; ddsColorIconDefault: "#0b0d0e"; ddsColorIconMedium: "#3a4146"; ddsColorIconSubtle: "#545c62"; ddsColorIconOnInverse: "#ffffff"; ddsColorIconOnAction: "#ffffff"; ddsColorIconActionResting: "#106ead"; ddsColorIconActionHover: "#0d588a"; ddsColorIconOnSuccessDefault: "#3d723d"; ddsColorIconOnSuccessStrong: "#0b0d0e"; ddsColorIconOnWarningDefault: "#9a8c26"; ddsColorIconOnWarningStrong: "#0b0d0e"; ddsColorIconOnDangerDefault: "#ad2c2c"; ddsColorIconOnDangerStrong: "#0b0d0e"; ddsColorIconOnInfoDefault: "#3e7192"; ddsColorIconOnInfoStrong: "#0b0d0e"; ddsColorIconDanger: "#ad2c2c"; ddsColorBrandPrimaryDefault: "#354754"; ddsColorBrandPrimarySubtle: "#eaeff4"; ddsColorBrandPrimaryMedium: "#4f6a7e"; ddsColorBrandPrimaryStrong: "#202b32"; ddsColorBrandSecondaryDefault: "#9ab8b7"; ddsColorBrandSecondarySubtle: "#e6eded"; ddsColorBrandSecondaryMedium: "#b8cdcd"; ddsColorBrandSecondaryStrong: "#4d6463"; ddsColorBrandTertiaryDefault: "#f27e55"; ddsColorBrandTertiarySubtle: "#fce5dd"; ddsColorBrandTertiaryMedium: "#f2a68f"; ddsColorBrandTertiaryStrong: "#d45d32"; ddsColorFocusOutside: "#2a4b61"; ddsColorFocusInside: "#f1f8fd"; ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 10%)"; ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 10%)"; ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 10%)"; ddsBorderRadiusButton: "2px"; ddsBorderRadiusButtonNumberPx: 2; ddsBorderRadiusSurface: "4px"; ddsBorderRadiusSurfaceNumberPx: 4; ddsBorderRadiusInput: "2px"; ddsBorderRadiusInputNumberPx: 2; ddsBorderRadiusChip: "4px"; ddsBorderRadiusChipNumberPx: 4; ddsBorderRadiusRounded: "9999px"; ddsBorderRadiusRoundedNumberPx: 9999; ddsFontLabelMedium: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongSmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxsmall: "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXsmall: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingSmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingMedium: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; ddsFontBodyShortXsmall: "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortSmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortMedium: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortLarge: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxlargeLetterSpacing: "-0.01em"; ddsFontHeadingXxlargeParagraphSpacing: "0.4em"; ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingXlargeLetterSpacing: "0em"; ddsFontHeadingXlargeParagraphSpacing: "0.4em"; ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingLargeLetterSpacing: "0em"; ddsFontHeadingLargeParagraphSpacing: "0.4em"; ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingMediumLetterSpacing: "0em"; ddsFontHeadingMediumParagraphSpacing: "0.4em"; ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4; ddsFontHeadingSmallLetterSpacing: "0em"; ddsFontHeadingSmallParagraphSpacing: "0.4em"; ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4; ddsFontHeadingXsmallLetterSpacing: "0.01em"; ddsFontHeadingXsmallParagraphSpacing: "0.4em"; ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4; ddsFontHeadingXxsmallLetterSpacing: "0.01em"; ddsFontHeadingXxsmallParagraphSpacing: "0.4em"; ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4; ddsFontBodyLongLargeLetterSpacing: "0em"; ddsFontBodyLongLargeParagraphSpacing: "1em"; ddsFontBodyLongLargeParagraphSpacingNumberEm: 1; ddsFontBodyLongMediumLetterSpacing: "0em"; ddsFontBodyLongMediumParagraphSpacing: "1em"; ddsFontBodyLongMediumParagraphSpacingNumberEm: 1; ddsFontBodyLongSmallLetterSpacing: "0.01em"; ddsFontBodyLongSmallParagraphSpacing: "1em"; ddsFontBodyLongSmallParagraphSpacingNumberEm: 1; ddsFontBodyLongXsmallLetterSpacing: "0.01em"; ddsFontBodyLongXsmallParagraphSpacing: "1em"; ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1; ddsFontLeadMediumLetterSpacing: "0em"; ddsFontLeadMediumParagraphSpacing: "1em"; ddsFontLeadMediumParagraphSpacingNumberEm: 1; ddsFontCodeMediumLetterSpacing: "0em"; ddsFontCodeMediumParagraphSpacing: "1em"; ddsFontCodeMediumParagraphSpacingNumberEm: 1; ddsFontLabelMediumLetterSpacing: "0.01em"; ddsFontLabelMediumParagraphSpacing: "1em"; ddsFontLabelMediumParagraphSpacingNumberEm: 1; ddsFontBodyShortLargeLetterSpacing: "0em"; ddsFontBodyShortLargeParagraphSpacing: "1em"; ddsFontBodyShortLargeParagraphSpacingNumberEm: 1; ddsFontBodyShortMediumLetterSpacing: "0em"; ddsFontBodyShortMediumParagraphSpacing: "1em"; ddsFontBodyShortMediumParagraphSpacingNumberEm: 1; ddsFontBodyShortSmallLetterSpacing: "0.01em"; ddsFontBodyShortSmallParagraphSpacing: "1em"; ddsFontBodyShortSmallParagraphSpacingNumberEm: 1; ddsFontBodyShortXsmallLetterSpacing: "0.01em"; ddsFontBodyShortXsmallParagraphSpacing: "1em"; ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1; }; 'core-dark': { ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif"; ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace"; ddsFontSizeX5: "5rem"; ddsFontSizeX5NumberRem: 5; ddsFontSizeX4: "4rem"; ddsFontSizeX4NumberRem: 4; ddsFontSizeX3: "3rem"; ddsFontSizeX3NumberRem: 3; ddsFontSizeX25: "2.5rem"; ddsFontSizeX25NumberRem: 2.5; ddsFontSizeX2: "2rem"; ddsFontSizeX2NumberRem: 2; ddsFontSizeX15: "1.5rem"; ddsFontSizeX15NumberRem: 1.5; ddsFontSizeX125: "1.25rem"; ddsFontSizeX125NumberRem: 1.25; ddsFontSizeX1125: "1.125rem"; ddsFontSizeX1125NumberRem: 1.125; ddsFontSizeX1: "1rem"; ddsFontSizeX1NumberRem: 1; ddsFontSizeX0875: "0.875rem"; ddsFontSizeX0875NumberRem: 0.875; ddsFontSizeX075: "0.75rem"; ddsFontSizeX075NumberRem: 0.75; ddsFontWeightLight: "300"; ddsFontWeightNormal: "400"; ddsFontWeightSemiBold: "500"; ddsFontWeightBold: "600"; ddsFontLineheightX1: 1.5; ddsFontLineheightX3: 1.2; ddsFontLineheightX2: 1.3; ddsFontLetterSpacingTight: "-0.01em"; ddsFontLetterSpacingNormal: "0em"; ddsFontLetterSpacingLoose: "0.01em"; ddsFontParagraphSpacingSmall: "1em"; ddsFontParagraphSpacingSmallNumberEm: 1; ddsFontParagraphSpacingMedium: "0.66em"; ddsFontParagraphSpacingMediumNumberEm: 0.66; ddsFontParagraphSpacingLarge: "0.5em"; ddsFontParagraphSpacingLargeNumberEm: 0.5; ddsFontParagraphSpacingList: "0.5em"; ddsFontParagraphSpacingListNumberEm: 0.5; ddsFontParagraphSpacingHeading: "0.4em"; ddsFontParagraphSpacingHeadingNumberEm: 0.4; ddsFontStyleUnderline: "underline"; ddsFontStyleNormal: "none"; ddsFontStyleItalic: "italic"; ddsSpacingPaddingTopHeading: "0.7em"; ddsSpacingPaddingTopHeadingNumberEm: 0.7; ddsSpacingX0: "0rem"; ddsSpacingX0NumberRem: 0; ddsSpacingX0125: "0.125rem"; ddsSpacingX0125NumberRem: 0.125; ddsSpacingX025: "0.25rem"; ddsSpacingX025NumberRem: 0.25; ddsSpacingX05: "0.5rem"; ddsSpacingX05NumberRem: 0.5; ddsSpacingX075: "0.75rem"; ddsSpacingX075NumberRem: 0.75; ddsSpacingX1: "1rem"; ddsSpacingX1NumberRem: 1; ddsSpacingX15: "1.5rem"; ddsSpacingX15NumberRem: 1.5; ddsSpacingX2: "2rem"; ddsSpacingX2NumberRem: 2; ddsSpacingX25: "2.5rem"; ddsSpacingX25NumberRem: 2.5; ddsSpacingX3: "3rem"; ddsSpacingX3NumberRem: 3; ddsSpacingX4: "4rem"; ddsSpacingX4NumberRem: 4; ddsSpacingX6: "6rem"; ddsSpacingX6NumberRem: 6; ddsSpacingX10: "10rem"; ddsSpacingX10NumberRem: 10; ddsGridXsGutterSize: "16px"; ddsGridXsGutterSizeNumberPx: 16; ddsGridXsCount: "4"; ddsGridSmGutterSize: "16px"; ddsGridSmGutterSizeNumberPx: 16; ddsGridSmCount: "8"; ddsGridLgGutterSize: "24px"; ddsGridLgGutterSizeNumberPx: 24; ddsGridLgCount: "12"; ddsGridMdGutterSize: "24px"; ddsGridMdGutterSizeNumberPx: 24; ddsGridMdCount: "12"; ddsGridXlGutterSize: "24px"; ddsGridXlGutterSizeNumberPx: 24; ddsGridXlCount: "12"; ddsSizeIconLarge: "40px"; ddsSizeIconLargeNumberPx: 40; ddsSizeIconMedium: "24px"; ddsSizeIconMediumNumberPx: 24; ddsSizeIconSmall: "16px"; ddsSizeIconSmallNumberPx: 16; ddsSizeIconComponent: "1.3em"; ddsSizeIconComponentNumberEm: 1.3; ddsBreakpointXs: "1px"; ddsBreakpointXsNumberPx: 1; ddsBreakpointSm: "600px"; ddsBreakpointSmNumberPx: 600; ddsBreakpointMd: "960px"; ddsBreakpointMdNumberPx: 960; ddsBreakpointLg: "1280px"; ddsBreakpointLgNumberPx: 1280; ddsBreakpointXl: "1920px"; ddsBreakpointXlNumberPx: 1920; ddsZindexSkiptocontent: "250"; ddsZindexModalBackdrop: "200"; ddsZindexDrawer: "180"; ddsZindexDrawerBackdrop: "180"; ddsZindexOverflowmenu: "160"; ddsZindexPopover: "140"; ddsZindexTooltip: "120"; ddsZindexDropdown: "100"; ddsZindexSticky: "50"; ddsZindexAbsoluteElement: "1"; ddsColorData10Default: "#62abcb"; ddsColorData10Subtle: "#135774"; ddsColorData10Border: "#62abcb"; ddsColorDataRed100: "#f8d2d4"; ddsColorDataRed200: "#f0a5a9"; ddsColorDataRed300: "#f4858b"; ddsColorDataRed400: "#e14b53"; ddsColorDataRed500: "#da1e28"; ddsColorDataRed600: "#ae1820"; ddsColorDataRed700: "#831218"; ddsColorDataRed800: "#570c10"; ddsColorDataRed900: "#2c0608"; ddsColorDataMagenta100: "#f7d9f2"; ddsColorDataMagenta200: "#edb5e4"; ddsColorDataMagenta300: "#e079d0"; ddsColorDataMagenta400: "#d54dc0"; ddsColorDataMagenta500: "#cb20b0"; ddsColorDataMagenta600: "#a21a8d"; ddsColorDataMagenta700: "#7a136a"; ddsColorDataMagenta800: "#510d46"; ddsColorDataMagenta900: "#290623"; ddsColorDataBrown100: "#f0ddd5"; ddsColorDataBrown200: "#e1bcac"; ddsColorDataBrown300: "#d19a82"; ddsColorDataBrown400: "#c27959"; ddsColorDataBrown500: "#b3572f"; ddsColorDataBrown600: "#8f4626"; ddsColorDataBrown700: "#6b341c"; ddsColorDataBrown800: "#482313"; ddsColorDataBrown900: "#241109"; ddsColorDataOlive100: "#e9e7cd"; ddsColorDataOlive200: "#cdc9a1"; ddsColorDataOlive300: "#b3ae71"; ddsColorDataOlive400: "#989344"; ddsColorDataOlive500: "#7c7518"; ddsColorDataOlive600: "#635e13"; ddsColorDataOlive700: "#4a460e"; ddsColorDataOlive800: "#322f0a"; ddsColorDataOlive900: "#191705"; ddsColorDataGreen100: "#d7e8cf"; ddsColorDataGreen200: "#aed19e"; ddsColorDataGreen300: "#95c280"; ddsColorDataGreen400: "#619947"; ddsColorDataGreen500: "#3a8019"; ddsColorDataGreen600: "#2e6614"; ddsColorDataGreen700: "#234d0f"; ddsColorDataGreen800: "#17330a"; ddsColorDataGreen900: "#0c1a05"; ddsColorDataTeal100: "#c2e2e1"; ddsColorDataTeal200: "#90ccc9"; ddsColorDataTeal300: "#5dafad"; ddsColorDataTeal400: "#2c9390"; ddsColorDataTeal500: "#007d79"; ddsColorDataTeal600: "#006461"; ddsColorDataTeal700: "#004b49"; ddsColorDataTeal800: "#003230"; ddsColorDataTeal900: "#001918"; ddsColorDataDeepblue100: "#c6e3f1"; ddsColorDataDeepblue200: "#93cee6"; ddsColorDataDeepblue300: "#62abcb"; ddsColorDataDeepblue400: "#358fb5"; ddsColorDataDeepblue500: "#196b8f"; ddsColorDataDeepblue600: "#135774"; ddsColorDataDeepblue700: "#0e455e"; ddsColorDataDeepblue800: "#0d3445"; ddsColorDataDeepblue900: "#05151d"; ddsColorDataBlue100: "#cfe0ff"; ddsColorDataBlue200: "#9fc0ff"; ddsColorDataBlue300: "#6fa1fe"; ddsColorDataBlue400: "#3f81fe"; ddsColorDataBlue500: "#0f62fe"; ddsColorDataBlue600: "#0c4ecb"; ddsColorDataBlue700: "#093b98"; ddsColorDataBlue800: "#062766"; ddsColorDataBlue900: "#031433"; ddsColorDataPurple100: "#e8d9fe"; ddsColorDataPurple200: "#d0b2fe"; ddsColorDataPurple300: "#b98cfd"; ddsColorDataPurple400: "#a165fd"; ddsColorDataPurple500: "#8a3ffc"; ddsColorDataPurple600: "#6e32ca"; ddsColorDataPurple700: "#532697"; ddsColorDataPurple800: "#371965"; ddsColorDataPurple900: "#1c0d32"; ddsColorDataGray100: "#e3e3e3"; ddsColorDataGray200: "#c7c7c7"; ddsColorDataGray300: "#aaaaaa"; ddsColorDataGray400: "#8e8e8e"; ddsColorDataGray500: "#727272"; ddsColorDataGray600: "#5b5b5b"; ddsColorDataGray700: "#444444"; ddsColorDataGray800: "#2e2e2e"; ddsColorDataGray900: "#171717"; ddsColorData01Default: "#6fa1fe"; ddsColorData01Subtle: "#0c4ecb"; ddsColorData01Border: "#6fa1fe"; ddsColorData02Default: "#d19a82"; ddsColorData02Subtle: "#8f4626"; ddsColorData02Border: "#d19a82"; ddsColorData03Default: "#aaaaaa"; ddsColorData03Subtle: "#5b5b5b"; ddsColorData03Border: "#aaaaaa"; ddsColorData04Default: "#95c280"; ddsColorData04Subtle: "#2e6614"; ddsColorData04Border: "#95c280"; ddsColorData05Default: "#b98cfd"; ddsColorData05Subtle: "#6e32ca"; ddsColorData05Border: "#b98cfd"; ddsColorData06Default: "#e079d0"; ddsColorData06Subtle: "#a21a8d"; ddsColorData06Border: "#e079d0"; ddsColorData07Default: "#b3ae71"; ddsColorData07Subtle: "#635e13"; ddsColorData07Border: "#b3ae71"; ddsColorData08Default: "#f4858b"; ddsColorData08Subtle: "#ae1820"; ddsColorData08Border: "#f4858b"; ddsColorData09Default: "#5dafad"; ddsColorData09Subtle: "#006461"; ddsColorData09Border: "#5dafad"; ddsMotionMicroState: "200ms linear"; ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)"; ddsMotionChevron: "200ms linear"; ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate"; ddsColorBgDefault: "#181a1c"; ddsColorBgSubtle: "#22272a"; ddsColorSurfaceDefault: "#181a1c"; ddsColorSurfaceSubtle: "#22272a"; ddsColorSurfaceMedium: "#303438"; ddsColorSurfaceHoverDefault: "#062c45"; ddsColorSurfaceHoverSubtle: "#22272a"; ddsColorSurfaceSelectedDefault: "#062c45"; ddsColorSurfaceInverseDefault: "#354754"; ddsColorSurfaceInverseHover: "#2a3943"; ddsColorSurfaceInverseSelected: "#202b32"; ddsColorSurfaceActionResting: "#589ac6"; ddsColorSurfaceActionHover: "#9fc5de"; ddsColorSurfaceActionSelected: "#589ac6"; ddsColorSurfaceActionDangerResting: "#e47373"; ddsColorSurfaceActionDangerHover: "#efafaf"; ddsColorSurfaceActionSelectedDisabled: "#77838c"; ddsColorSurfaceDangerDefault: "#561616"; ddsColorSurfaceDangerStrong: "#dc4b4b"; ddsColorSurfaceSuccessDefault: "#284c29"; ddsColorSurfaceSuccessStrong: "#65be66"; ddsColorSurfaceWarningDefault: "#494317"; ddsColorSurfaceWarningStrong: "#f4e04d"; ddsColorSurfaceInfoDefault: "#2a4b61"; ddsColorSurfaceInfoStrong: "#75b9e6"; ddsColorSurfacePaperDefault: "#303438"; ddsColorSurfaceBackdropDefault: "#0b0d0e80"; ddsColorSurfaceFieldDefault: "#0b0d0e"; ddsColorSurfaceFieldDisabled: "#303438"; ddsColorSurfaceHighlightedDefault: "#833a21"; ddsColorSurfaceScrollbar: "#545c62"; ddsColorSurfaceNotification: "#d83737"; ddsColorSurfaceSkeleton: "#545c62"; ddsColorBorderDefault: "#77838c"; ddsColorBorderSubtle: "#545c62"; ddsColorBorderInverse: "#acbbc6"; ddsColorBorderActionDefault: "#589ac6"; ddsColorBorderActionHover: "#9fc5de"; ddsColorBorderSuccess: "#519852"; ddsColorBorderWarning: "#ccba35"; ddsColorBorderDanger: "#ad2c2c"; ddsColorBorderInfo: "#5197c5"; ddsColorBorderOnAction: "#181a1c"; ddsColorTextDefault: "#ffffff"; ddsColorTextMedium: "#e9ebec"; ddsColorTextSubtle: "#d6dadd"; ddsColorTextOnInverse: "#ffffff"; ddsColorTextDanger: "#efafaf"; ddsColorTextOnAction: "#0b0d0e"; ddsColorTextOnStatusDefault: "#ffffff"; ddsColorTextOnStatusStrong: "#0b0d0e"; ddsColorTextActionResting: "#9fc5de"; ddsColorTextActionHover: "#e7f1f7"; ddsColorTextRequiredfield: "#efafaf"; ddsColorTextActionVisited: "#cca9e1"; ddsColorTextActionVisitedOnInverse: "#cca9e1"; ddsColorTextOnNotification: "#ffffff"; ddsColorTextOnPrimaryDefault: "#ffffff"; ddsColorTextOnPrimarySubtle: "#ffffff"; ddsColorTextOnPrimaryMedium: "#ffffff"; ddsColorTextOnPrimaryStrong: "#ffffff"; ddsColorTextOnSecondaryDefault: "#0b0d0e"; ddsColorTextOnSecondarySubtle: "#ffffff"; ddsColorTextOnSecondaryMedium: "#ffffff"; ddsColorTextOnSecondaryStrong: "#0b0d0e"; ddsColorTextOnTertiaryDefault: "#0b0d0e"; ddsColorTextOnTertiarySubtle: "#ffffff"; ddsColorTextOnTertiaryMedium: "#0b0d0e"; ddsColorTextOnTertiaryStrong: "#0b0d0e"; ddsColorTextOnDataDefault: "#0b0d0e"; ddsColorTextOnDataSubtle: "#ffffff"; ddsColorIconDefault: "#ffffff"; ddsColorIconMedium: "#e9ebec"; ddsColorIconSubtle: "#d6dadd"; ddsColorIconOnInverse: "#ffffff"; ddsColorIconOnAction: "#0b0d0e"; ddsColorIconActionResting: "#9fc5de"; ddsColorIconActionHover: "#e7f1f7"; ddsColorIconOnSuccessDefault: "#c1e5c2"; ddsColorIconOnSuccessStrong: "#0b0d0e"; ddsColorIconOnWarningDefault: "#fbf3b8"; ddsColorIconOnWarningStrong: "#0b0d0e"; ddsColorIconOnDangerDefault: "#efafaf"; ddsColorIconOnDangerStrong: "#0b0d0e"; ddsColorIconOnInfoDefault: "#c8e3f5"; ddsColorIconOnInfoStrong: "#0b0d0e"; ddsColorIconDanger: "#efafaf"; ddsColorBrandPrimaryDefault: "#354754"; ddsColorBrandPrimarySubtle: "#2a3943"; ddsColorBrandPrimaryMedium: "#405767"; ddsColorBrandPrimaryStrong: "#4f6a7e"; ddsColorBrandSecondaryDefault: "#9ab8b7"; ddsColorBrandSecondarySubtle: "#2b3a3a"; ddsColorBrandSecondaryMedium: "#4d6463"; ddsColorBrandSecondaryStrong: "#b8cdcd"; ddsColorBrandTertiaryDefault: "#f27e55"; ddsColorBrandTertiarySubtle: "#a24422"; ddsColorBrandTertiaryMedium: "#f2a68f"; ddsColorBrandTertiaryStrong: "#ffd6ca"; ddsColorFocusOutside: "#f1f8fd"; ddsColorFocusInside: "#2a4b61"; ddsShadowLarge: "8px 16px 32px 0px rgba(11, 13, 14, 80%)"; ddsShadowMedium: "2px 4px 8px 0px rgba(11, 13, 14, 80%)"; ddsShadowSmall: "1px 2px 4px 0px rgba(11, 13, 14, 80%)"; ddsBorderRadiusButton: "2px"; ddsBorderRadiusButtonNumberPx: 2; ddsBorderRadiusSurface: "4px"; ddsBorderRadiusSurfaceNumberPx: 4; ddsBorderRadiusInput: "2px"; ddsBorderRadiusInputNumberPx: 2; ddsBorderRadiusChip: "4px"; ddsBorderRadiusChipNumberPx: 4; ddsBorderRadiusRounded: "9999px"; ddsBorderRadiusRoundedNumberPx: 9999; ddsFontLabelMedium: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongSmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyLongLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxsmall: "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXsmall: "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingSmall: "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingMedium: "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; ddsFontBodyShortXsmall: "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortSmall: "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortMedium: "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontBodyShortLarge: "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif"; ddsFontHeadingXxlargeLetterSpacing: "-0.01em"; ddsFontHeadingXxlargeParagraphSpacing: "0.4em"; ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingXlargeLetterSpacing: "0em"; ddsFontHeadingXlargeParagraphSpacing: "0.4em"; ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingLargeLetterSpacing: "0em"; ddsFontHeadingLargeParagraphSpacing: "0.4em"; ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4; ddsFontHeadingMediumLetterSpacing: "0em"; ddsFontHeadingMediumParagraphSpacing: "0.4em"; ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4; ddsFontHeadingSmallLetterSpacing: "0em"; ddsFontHeadingSmallParagraphSpacing: "0.4em"; ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4; ddsFontHeadingXsmallLetterSpacing: "0.01em"; ddsFontHeadingXsmallParagraphSpacing: "0.4em"; ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4; ddsFontHeadingXxsmallLetterSpacing: "0.01em"; ddsFontHeadingXxsmallParagraphSpacing: "0.4em"; ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4; ddsFontBodyLongLargeLetterSpacing: "0em"; ddsFontBodyLongLargeParagraphSpacing: "1em"; ddsFontBodyLongLargeParagraphSpacingNumberEm: 1; ddsFontBodyLongMediumLetterSpacing: "0em"; ddsFontBodyLongMediumParagraphSpacing: "1em"; ddsFontBodyLongMediumParagraphSpacingNumberEm: 1; ddsFontBodyLongSmallLetterSpacing: "0.01em"; ddsFontBodyLongSmallParagraphSpacing: "1em"; ddsFontBodyLongSmallParagraphSpacingNumberEm: 1; ddsFontBodyLongXsmallLetterSpacing: "0.01em"; ddsFontBodyLongXsmallParagraphSpacing: "1em"; ddsFontBodyLongXsmallParagraphSpacingNumberEm: 1; ddsFontLeadMediumLetterSpacing: "0em"; ddsFontLeadMediumParagraphSpacing: "1em"; ddsFontLeadMediumParagraphSpacingNumberEm: 1; ddsFontCodeMediumLetterSpacing: "0em"; ddsFontCodeMediumParagraphSpacing: "1em"; ddsFontCodeMediumParagraphSpacingNumberEm: 1; ddsFontLabelMediumLetterSpacing: "0.01em"; ddsFontLabelMediumParagraphSpacing: "1em"; ddsFontLabelMediumParagraphSpacingNumberEm: 1; ddsFontBodyShortLargeLetterSpacing: "0em"; ddsFontBodyShortLargeParagraphSpacing: "1em"; ddsFontBodyShortLargeParagraphSpacingNumberEm: 1; ddsFontBodyShortMediumLetterSpacing: "0em"; ddsFontBodyShortMediumParagraphSpacing: "1em"; ddsFontBodyShortMediumParagraphSpacingNumberEm: 1; ddsFontBodyShortSmallLetterSpacing: "0.01em"; ddsFontBodyShortSmallParagraphSpacing: "1em"; ddsFontBodyShortSmallParagraphSpacingNumberEm: 1; ddsFontBodyShortXsmallLetterSpacing: "0.01em"; ddsFontBodyShortXsmallParagraphSpacing: "1em"; ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1; }; 'public-light': { ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif"; ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace"; ddsFontSizeX5: "5rem"; ddsFontSizeX5NumberRem: 5; ddsFontSizeX4: "4rem"; ddsFontSizeX4NumberRem: 4; ddsFontSizeX3: "3rem"; ddsFontSizeX3NumberRem: 3; ddsFontSizeX25: "2.5rem"; ddsFontSizeX25NumberRem: 2.5; ddsFontSizeX2: "2rem"; ddsFontSizeX2NumberRem: 2; ddsFontSizeX15: "1.5rem"; ddsFontSizeX15NumberRem: 1.5; ddsFontSizeX125: "1.25rem"; ddsFontSizeX125NumberRem: 1.25; ddsFontSizeX1125: "1.125rem"; ddsFontSizeX1125NumberRem: 1.125; ddsFontSizeX1: "1rem"; ddsFontSizeX1NumberRem: 1; ddsFontSizeX0875: "0.875rem"; ddsFontSizeX0875NumberRem: 0.875; ddsFontSizeX075: "0.75rem"; ddsFontSizeX075NumberRem: 0.75; ddsFontWeightLight: "300"; ddsFontWeightNormal: "400"; ddsFontWeightSemiBold: "500"; ddsFontWeightBold: "600"; ddsFontLineheightX1: 1.5; ddsFontLineheightX3: 1.2; ddsFontLineheightX2: 1.3; ddsFontLetterSpacingTight: "-0.01em"; ddsFontLetterSpacingNormal: "0em"; ddsFontLetterSpacingLoose: "0.01em"; ddsFontParagraphSpacingSmall: "1em"; ddsFontParagraphSpacingSmallNumberEm: 1; ddsFontParagraphSpacingMedium: "0.66em"; ddsFontParagraphSpacingMediumNumberEm: 0.66; ddsFontParagraphSpacingLarge: "0.5em"; ddsFontParagraphSpacingLargeNumberEm: 0.5; ddsFontParagraphSpacingList: "0.5em"; ddsFontParagraphSpacingListNumberEm: 0.5; ddsFontParagraphSpacingHeading: "0.4em"; ddsFontParagraphSpacingHeadingNumberEm: 0.4; ddsFontStyleUnderline: "underline"; ddsFontStyleNormal: "none"; ddsFontStyleItalic: "italic"; ddsSpacingPaddingTopHeading: "0.7em"; ddsSpacingPaddingTopHeadingNumberEm: 0.7; ddsSpacingX0: "0rem"; ddsSpacingX0NumberRem: 0; ddsSpacingX0125: "0.125rem"; ddsSpacingX0125NumberRem: 0.125; ddsSpacingX025: "0.25rem"; ddsSpacingX025NumberRem: 0.25; ddsSpacingX05: "0.5rem"; ddsSpacingX05NumberRem: 0.5; ddsSpacingX075: "0.75rem"; ddsSpacingX075NumberRem: 0.75; ddsSpacingX1: "1rem"; ddsSpacingX1NumberRem: 1; ddsSpacingX15: "1.5rem"; ddsSpacingX15NumberRem: 1.5; ddsSpacingX2: "2rem"; ddsSpacingX2NumberRem: 2; ddsSpacingX25: "2.5rem"; ddsSpacingX25NumberRem: 2.5; ddsSpacingX3: "3rem"; ddsSpacingX3NumberRem: 3; ddsSpacingX4: "4rem"; ddsSpacingX4NumberRem: 4; ddsSpacingX6: "6rem"; ddsSpacingX6NumberRem: 6; ddsSpacingX10: "10rem"; ddsSpacingX10NumberRem: 10; ddsGridXsGutterSize: "16px"; ddsGridXsGutterSizeNumberPx: 16; ddsGridXsCount: "4"; ddsGridSmGutterSize: "16px"; ddsGridSmGutterSizeNumberPx: 16; ddsGridSmCount: "8"; ddsGridLgGutterSize: "24px"; ddsGridLgGutterSizeNumberPx: 24; ddsGridLgCount: "12"; ddsGridMdGutterSize: "24px"; ddsGridMdGutterSizeNumberPx: 24; ddsGridMdCount: "12"; ddsGridXlGutterSize: "24px"; ddsGridXlGutterSizeNumberPx: 24; ddsGridXlCount: "12"; ddsSizeIconLarge: "40px"; ddsSizeIconLargeNumberPx: 40; ddsSizeIconMedium: "24px"; ddsSizeIconMediumNumberPx: 24; ddsSizeIconSmall: "16px"; ddsSizeIconSmallNumberPx: 16; ddsSizeIconComponent: "1.3em"; ddsSizeIconComponentNumberEm: 1.3; ddsBreakpointXs: "1px"; ddsBreakpointXsNumberPx: 1; ddsBreakpointSm: "600px"; ddsBreakpointSmNumberPx: 600; ddsBreakpointMd: "960px"; ddsBreakpointMdNumberPx: 960; ddsBreakpointLg: "1280px"; ddsBreakpointLgNumberPx: 1280; ddsBreakpointXl: "1920px"; ddsBreakpointXlNumberPx: 1920; ddsZindexSkiptocontent: "250"; ddsZindexModalBackdrop: "200"; ddsZindexDrawer: "180"; ddsZindexDrawerBackdrop: "180"; ddsZindexOverflowmenu: "160"; ddsZindexPopover: "140"; ddsZindexTooltip: "120"; ddsZindexDropdown: "100"; ddsZindexSticky: "50"; ddsZindexAbsoluteElement: "1"; ddsColorData10Default: "#196b8f"; ddsColorData10Subtle: "#93cee6"; ddsColorData10Border: "#196b8f"; ddsColorDataRed100: "#f8d2d4"; ddsColorDataRed200: "#f0a5a9"; ddsColorDataRed300: "#f4858b"; ddsColorDataRed400: "#e14b53"; ddsColorDataRed500: "#da1e28"; ddsColorDataRed600: "#ae1820"; ddsColorDataRed700: "#831218"; ddsColorDataRed800: "#570c10"; ddsColorDataRed900: "#2c0608"; ddsColorDataMagenta100: "#f7d9f2"; ddsColorDataMagenta200: "#edb5e4"; ddsColorDataMagenta300: "#e079d0"; ddsColorDataMagenta400: "#d54dc0"; ddsColorDataMagenta500: "#cb20b0"; ddsColorDataMagenta600: "#a21a8d"; ddsColorDataMagenta700: "#7a136a"; ddsColorDataMagenta800: "#510d46"; ddsColorDataMagenta900: "#290623"; ddsColorDataBrown100: "#f0ddd5"; ddsColorDataBrown200: "#e1bcac"; ddsColorDataBrown300: "#d19a82"; ddsColorDataBrown400: "#c27959"; ddsColorDataBrown500: "#b3572f"; ddsColorDataBrown600: "#8f4626"; ddsColorDataBrown700: "#6b341c"; ddsColorDataBrown800: "#482313"; ddsColorDataBrown900: "#241109"; ddsColorDataOlive100: "#e9e7cd"; ddsColorDataOlive200: "#cdc9a1"; ddsColorDataOlive300: "#b3ae71"; ddsColorDataOlive400: "#989344"; ddsColorDataOlive500: "#7c7518"; ddsColorDataOlive600: "#635e13"; ddsColorDataOlive700: "#4a460e"; ddsColorDataOlive800: "#322f0a"; ddsColorDataOlive900: "#191705"; ddsColorDataGreen100: "#d7e8cf"; ddsColorDataGreen200: "#aed19e"; ddsColorDataGreen300: "#95c280"; ddsColorDataGreen400: "#619947"; ddsColorDataGreen500: "#3a8019"; ddsColorDataGreen600: "#2e6614"; ddsColorDataGreen700: "#234d0f"; ddsColorDataGreen800: "#17330a"; ddsColorDataGreen900: "#0c1a05"; ddsColorDataTeal100: "#c2e2e1"; ddsColorDataTeal200: "#90ccc9"; ddsColorDataTeal300: "#5dafad"; ddsColorDataTeal400: "#2c9390"; ddsColorDataTeal500: "#007d79"; ddsColorDataTeal600: "#006461"; ddsColorDataTeal700: "#004b49"; ddsColorDataTeal800: "#003230"; ddsColorDataTeal900: "#001918"; ddsColorDataDeepblue100: "#c6e3f1"; ddsColorDataDeepblue200: "#93cee6"; ddsColorDataDeepblue300: "#62abcb"; ddsColorDataDeepblue400: "#358fb5"; ddsColorDataDeepblue500: "#196b8f"; ddsColorDataDeepblue600: "#135774"; ddsColorDataDeepblue700: "#0e455e"; ddsColorDataDeepblue800: "#0d3445"; ddsColorDataDeepblue900: "#05151d"; ddsColorDataBlue100: "#cfe0ff"; ddsColorDataBlue200: "#9fc0ff"; ddsColorDataBlue300: "#6fa1fe"; ddsColorDataBlue400: "#3f81fe"; ddsColorDataBlue500: "#0f62fe"; ddsColorDataBlue600: "#0c4ecb"; ddsColorDataBlue700: "#093b98"; ddsColorDataBlue800: "#062766"; ddsColorDataBlue900: "#031433"; ddsColorDataPurple100: "#e8d9fe"; ddsColorDataPurple200: "#d0b2fe"; ddsColorDataPurple300: "#b98cfd"; ddsColorDataPurple400: "#a165fd"; ddsColorDataPurple500: "#8a3ffc"; ddsColorDataPurple600: "#6e32ca"; ddsColorDataPurple700: "#532697"; ddsColorDataPurple800: "#371965"; ddsColorDataPurple900: "#1c0d32"; ddsColorDataGray100: "#e3e3e3"; ddsColorDataGray200: "#c7c7c7"; ddsColorDataGray300: "#aaaaaa"; ddsColorDataGray400: "#8e8e8e"; ddsColorDataGray500: "#727272"; ddsColorDataGray600: "#5b5b5b"; ddsColorDataGray700: "#444444"; ddsColorDataGray800: "#2e2e2e"; ddsColorDataGray900: "#171717"; ddsColorData01Default: "#0f62fe"; ddsColorData01Subtle: "#9fc0ff"; ddsColorData01Border: "#0f62fe"; ddsColorData02Default: "#b3572f"; ddsColorData02Subtle: "#e1bcac"; ddsColorData02Border: "#b3572f"; ddsColorData03Default: "#727272"; ddsColorData03Subtle: "#c7c7c7"; ddsColorData03Border: "#727272"; ddsColorData04Default: "#3a8019"; ddsColorData04Subtle: "#aed19e"; ddsColorData04Border: "#3a8019"; ddsColorData05Default: "#8a3ffc"; ddsColorData05Subtle: "#d0b2fe"; ddsColorData05Border: "#8a3ffc"; ddsColorData06Default: "#cb20b0"; ddsColorData06Subtle: "#edb5e4"; ddsColorData06Border: "#cb20b0"; ddsColorData07Default: "#7c7518"; ddsColorData07Subtle: "#cdc9a1"; ddsColorData07Border: "#7c7518"; ddsColorData08Default: "#da1e28"; ddsColorData08Subtle: "#f0a5a9"; ddsColorData08Border: "#da1e28"; ddsColorData09Default: "#007d79"; ddsColorData09Subtle: "#90ccc9"; ddsColorData09Border: "#007d79"; ddsMotionMicroState: "200ms linear"; ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)"; ddsMotionChevron: "200ms linear"; ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate"; ddsColorBgDefault: "#ffffff"; ddsColorBgSubtle: "#f1f3f4"; ddsColorSurfaceDefault: "#ffffff"; ddsColorSurfaceSubtle: "#f1f3f4"; ddsColorSurfaceMedium: "#e9ebec"; ddsColorSurfaceHoverDefault: "#e7f1f7"; ddsColorSurfaceHoverSubtle: "#f1f3f4"; ddsColorSurfaceSelectedDefault: "#e7f1f7"; ddsColorSurfaceInverseDefault: "#354754"; ddsColorSurfaceInverseHover: "#2a3943"; ddsColorSurfaceInverseSelected: "#202b32"; ddsColorSurfaceActionResting: "#106ead"; ddsColorSurfaceActionHover: "#0d588a"; ddsColorSurfaceActionSelected: "#106ead"; ddsColorSurfaceActionDangerResting: "#d83737"; ddsColorSurfaceActionDangerHover: "#ad2c2c"; ddsColorSurfaceActionSelectedDisabled: "#77838c"; ddsColorSurfaceDangerDefault: "#fbebeb"; ddsColorSurfaceDangerStrong: "#e47373"; ddsColorSurfaceSuccessDefault: "#f0f9f0"; ddsColorSurfaceSuccessStrong: "#93d294"; ddsColorSurfaceWarningDefault: "#fefced"; ddsColorSurfaceWarningStrong: "#f7e982"; ddsColorSurfaceInfoDefault: "#f1f8fd"; ddsColorSurfaceInfoStrong: "#9eceee"; ddsColorSurfacePaperDefault: "#ffffff"; ddsColorSurfaceBackdropDefault: "#0b0d0e80"; d