UNPKG

@amsterdam/design-system-tokens

Version:

All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.

904 lines (903 loc) 75.4 kB
/** * Do not edit directly, this file was auto-generated. */ export const amsAspectRatio_9_16 = "9 / 16"; export const amsAspectRatio_3_4 = "3 / 4"; export const amsAspectRatio_1_1 = "1 / 1"; export const amsAspectRatio_4_3 = "4 / 3"; export const amsAspectRatio_16_9 = "16 / 9"; export const amsAspectRatio_16_5 = "16 / 5"; export const amsBorderWidthS = "0.0625rem"; // 1px equivalent. For subtle borders like hover reinforcement. export const amsBorderWidthM = "0.125rem"; // 2px equivalent. The default border width for inputs and containers. export const amsBorderWidthL = "0.1875rem"; // 3px equivalent. export const amsBorderWidthXl = "0.25rem"; // 4px equivalent. For strong emphasis like active tab indicators. export const amsBorderWidthNegativeM = "-0.125rem"; export const amsBorderWidthNegativeXl = "-0.25rem"; export const amsColorBackgroundBody = "#ffffff"; export const amsColorBackground = "#ffffff"; // The default background colour for form controls and smaller surfaces. export const amsColorFeedbackError = "#ec0000"; export const amsColorFeedbackInfo = "#009de6"; export const amsColorFeedbackSuccess = "#00893c"; export const amsColorFeedbackWarning = "#ff9100"; export const amsColorHighlightAzure = "#009de6"; export const amsColorHighlightGreen = "#00893c"; export const amsColorHighlightLime = "#bed200"; export const amsColorHighlightMagenta = "#e50082"; export const amsColorHighlightOrange = "#ff9100"; export const amsColorHighlightPurple = "#a00078"; export const amsColorHighlightYellow = "#ffe600"; export const amsColorInteractiveContrast = "#202020"; // For interactive elements on coloured backgrounds where the default blue lacks sufficient contrast. export const amsColorInteractive = "#004699"; export const amsColorInteractiveDisabled = "#767676"; export const amsColorInteractiveHover = "#003677"; export const amsColorInteractiveInvalid = "#ec0000"; export const amsColorInteractiveInvalidHover = "#b70000"; export const amsColorInteractiveInverse = "#ffffff"; // For interactive elements on dark backgrounds. export const amsColorProgressCurrent = "#00893c"; export const amsColorProgressCompleted = "#00893c"; export const amsColorProgressUpcoming = "#767676"; export const amsColorSeparator = "#d1d1d1"; // For row borders in tables. export const amsColorText = "#202020"; export const amsColorTextInverse = "#ffffff"; export const amsColorTextSecondary = "#767676"; // For supporting text that is less prominent than the default, e.g. metadata. export const amsCursorDisabled = "not-allowed"; export const amsCursorInteractive = "pointer"; // All interactive elements in their default state that lack a cursor style. export const amsFocusOutlineOffset = "0.25rem"; // The distance between a focused element and its outline. Provides breathing room so the outline doesn't touch the element. export const amsSpaceXs = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; // Scales from 4px to 6px. export const amsSpaceS = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; // Scales from 8px to 12px. export const amsSpaceM = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; // Scales from 16px to 24px. export const amsSpaceL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; // Scales from 24px to 36px. export const amsSpaceXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; // Scales from 36px to 60px. export const amsSpace_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; // Scales from 48px to 90px. export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif"; // The corporate typeface with system fallbacks. export const amsTypographyHyphenateLimitChars = "auto"; // Lets the browser decide the minimum character count for hyphenation. export const amsTypographyBodyTextFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; // Scales from 18px to 20px. export const amsTypographyBodyTextFontWeight = "400"; export const amsTypographyBodyTextLineHeight = 1.6; export const amsTypographyBodyTextBoldFontWeight = "800"; export const amsTypographyBodyTextSmallFontSize = "1rem"; // Fixed at 16px; does not scale. export const amsTypographyBodyTextSmallLineHeight = 1.5; export const amsTypographyBodyTextLargeFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; // Scales from 21px to 25px. export const amsTypographyBodyTextLargeLineHeight = 1.5; export const amsTypographyBodyTextXLargeFontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; // Scales from 24px to 32px. export const amsTypographyBodyTextXLargeLineHeight = 1.4; export const amsTypographyHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)"; // Scales from 32px to 48px. export const amsTypographyHeading_1LineHeight = 1.2; export const amsTypographyHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; export const amsTypographyHeading_2LineHeight = 1.3; export const amsTypographyHeading_3FontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsTypographyHeading_3LineHeight = 1.3; export const amsTypographyHeading_4FontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsTypographyHeading_4LineHeight = 1.4; export const amsTypographyHeading_5FontSize = "1rem"; export const amsTypographyHeading_5LineHeight = 1.4; export const amsTypographyHeadingFontWeight = "800"; export const amsTypographyHeadingTextWrap = "balance"; // Distributes heading text evenly across lines for a more balanced appearance. export const amsInputsBackgroundColor = "#ffffff"; export const amsInputsBorderColor = "currentColor"; // Uses currentColor so the border adapts to the text colour, including in error states. export const amsInputsBorderStyle = "solid"; export const amsInputsBorderWidth = "0.125rem"; export const amsInputsColor = "#202020"; export const amsInputsFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsInputsFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsInputsFontWeight = "400"; export const amsInputsLineHeight = 1.4; // Tighter than body text (1.6) to keep inputs compact. Buttons also use this to match. export const amsInputsOutlineOffset = "0.25rem"; export const amsInputsPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsInputsPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsInputsDisabledColor = "#767676"; export const amsInputsHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem currentColor"; // An inset shadow that reinforces the border on hover without shifting the layout. export const amsInputsInvalidBorderColor = "#ec0000"; export const amsInputsInvalidHoverBorderColor = "#b70000"; export const amsInputsInvalidHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem #b70000"; // An inset shadow using the hover variation of the invalid interactive colour. export const amsInputsPlaceholderColor = "#767676"; export const amsLinksColor = "#004699"; export const amsLinksTextDecorationThickness = "0.125rem"; export const amsLinksTextUnderlineOffset = "0.15625rem"; export const amsLinksHoverColor = "#003677"; export const amsLinksHoverTextDecorationThickness = "0.1875rem"; export const amsLinksHoverTextUnderlineOffset = "0.09375rem"; export const amsLinksSubtleTextDecorationLine = "none"; export const amsLinksSubtleHoverTextDecorationLine = "underline"; export const amsLinksContrastColor = "#202020"; export const amsLinksContrastHoverColor = "#202020"; export const amsLinksInverseColor = "#ffffff"; export const amsLinksInverseHoverColor = "#ffffff"; export const amsAccordionGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsAccordionButtonColor = "#004699"; export const amsAccordionButtonCursor = "pointer"; export const amsAccordionButtonGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsAccordionButtonOutlineOffset = "0.25rem"; export const amsAccordionButtonPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsAccordionButtonPaddingInline = "0"; export const amsAccordionButtonHoverColor = "#003677"; export const amsActionGroupGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsAlertBackgroundColor = "#ffffff"; export const amsAlertBorderColor = "#009de6"; export const amsAlertBorderStyle = "solid"; export const amsAlertBorderWidth = "0.25rem"; export const amsAlertSeverityIndicatorBackgroundColor = "#009de6"; export const amsAlertSeverityIndicatorPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsAlertSeverityIndicatorPaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsAlertContentGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsAlertContentPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsAlertContentPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsAlertErrorBorderColor = "#ec0000"; export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000"; export const amsAlertSuccessBorderColor = "#00893c"; export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00893c"; export const amsAlertWarningBorderColor = "#ff9100"; export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100"; export const amsAvatarAspectRatio = "1 / 1"; export const amsAvatarBackgroundColor = "#a00078"; export const amsAvatarBorderColor = "#a00078"; export const amsAvatarBorderStyle = "solid"; export const amsAvatarBorderWidth = "0.125rem"; export const amsAvatarColor = "#ffffff"; export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsAvatarFontSize = "1rem"; export const amsAvatarFontWeight = "400"; export const amsAvatarLineHeight = 1.5; export const amsAvatarPaddingBlock = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsAvatarPaddingInline = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsAvatarForcedColorsBorderWidth = "0.125rem"; export const amsAvatarAzureBackgroundColor = "#009de6"; export const amsAvatarAzureBorderColor = "#009de6"; export const amsAvatarAzureColor = "#ffffff"; export const amsAvatarGreenBackgroundColor = "#00893c"; export const amsAvatarGreenBorderColor = "#00893c"; export const amsAvatarGreenColor = "#ffffff"; export const amsAvatarLimeBackgroundColor = "#bed200"; export const amsAvatarLimeBorderColor = "#bed200"; export const amsAvatarLimeColor = "#202020"; export const amsAvatarMagentaBackgroundColor = "#e50082"; export const amsAvatarMagentaBorderColor = "#e50082"; export const amsAvatarMagentaColor = "#ffffff"; export const amsAvatarOrangeBackgroundColor = "#ff9100"; export const amsAvatarOrangeBorderColor = "#ff9100"; export const amsAvatarOrangeColor = "#202020"; export const amsAvatarYellowBackgroundColor = "#ffe600"; export const amsAvatarYellowBorderColor = "#ffe600"; export const amsAvatarYellowColor = "#202020"; export const amsBadgeBackgroundColor = "#00893c"; export const amsBadgeColor = "#ffffff"; export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBadgeFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsBadgeFontWeight = "800"; export const amsBadgeGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsBadgeLineHeight = 1.6; export const amsBadgePaddingInline = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsBadgeAzureBackgroundColor = "#009de6"; export const amsBadgeAzureColor = "#ffffff"; export const amsBadgeLimeBackgroundColor = "#bed200"; export const amsBadgeLimeColor = "#202020"; export const amsBadgeMagentaBackgroundColor = "#e50082"; export const amsBadgeMagentaColor = "#ffffff"; export const amsBadgeOrangeBackgroundColor = "#ff9100"; export const amsBadgeOrangeColor = "#202020"; export const amsBadgePurpleBackgroundColor = "#a00078"; export const amsBadgePurpleColor = "#ffffff"; export const amsBadgeRedBackgroundColor = "#ec0000"; export const amsBadgeRedColor = "#ffffff"; export const amsBadgeYellowBackgroundColor = "#ffe600"; export const amsBadgeYellowColor = "#202020"; export const amsBlockquoteColor = "#202020"; export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBlockquoteFontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; export const amsBlockquoteFontWeight = "800"; export const amsBlockquoteLineHeight = 1.4; export const amsBlockquoteInverseColor = "#ffffff"; export const amsBodyBackgroundColor = "#ffffff"; export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBreadcrumbFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsBreadcrumbFontWeight = "400"; export const amsBreadcrumbLineHeight = 1.6; export const amsBreadcrumbSeparatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")"; export const amsBreadcrumbSeparatorBlockSize = "1ex"; export const amsBreadcrumbSeparatorInlineSize = "1ex"; export const amsBreadcrumbSeparatorMarginInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsBreadcrumbLinkColor = "#004699"; export const amsBreadcrumbLinkOutlineOffset = "0.25rem"; export const amsBreadcrumbLinkTextDecorationLine = "none"; export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem"; export const amsBreadcrumbLinkTextUnderlineOffset = "0.15625rem"; export const amsBreadcrumbLinkHoverColor = "#003677"; export const amsBreadcrumbLinkHoverTextDecorationLine = "underline"; export const amsButtonBorderStyle = "solid"; export const amsButtonBorderWidth = "0.125rem"; export const amsButtonCursor = "pointer"; export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsButtonFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsButtonFontWeight = "400"; export const amsButtonLineHeight = 1.4; export const amsButtonGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsButtonOutlineOffset = "0.25rem"; export const amsButtonPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsButtonPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsButtonDisabledCursor = "not-allowed"; export const amsButtonIconOnlyPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsButtonIconOnlyPaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsButtonPrimaryBackgroundColor = "#004699"; export const amsButtonPrimaryBorderColor = "#004699"; export const amsButtonPrimaryColor = "#ffffff"; export const amsButtonPrimaryDisabledBackgroundColor = "#767676"; export const amsButtonPrimaryDisabledBorderColor = "#767676"; export const amsButtonPrimaryHoverBackgroundColor = "#003677"; export const amsButtonPrimaryHoverBorderColor = "#003677"; export const amsButtonSecondaryBackgroundColor = "#ffffff"; export const amsButtonSecondaryBorderColor = "currentColor"; export const amsButtonSecondaryColor = "#004699"; export const amsButtonSecondaryDisabledBorderColor = "#767676"; export const amsButtonSecondaryDisabledColor = "#767676"; export const amsButtonSecondaryHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem currentColor"; export const amsButtonSecondaryHoverColor = "#003677"; export const amsButtonTertiaryBackgroundColor = "transparent"; export const amsButtonTertiaryBorderColor = "transparent"; export const amsButtonTertiaryColor = "#004699"; export const amsButtonTertiaryDisabledColor = "#767676"; export const amsButtonTertiaryHoverBorderColor = "currentColor"; export const amsButtonTertiaryHoverColor = "#003677"; export const amsCallToActionLinkBackgroundColor = "#00893c"; export const amsCallToActionLinkColor = "#ffffff"; export const amsCallToActionLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsCallToActionLinkFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsCallToActionLinkFontWeight = "400"; export const amsCallToActionLinkLineHeight = 1.6; export const amsCallToActionLinkOutlineOffset = "0.25rem"; export const amsCallToActionLinkPaddingBlock = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsCallToActionLinkPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsCallToActionLinkTextDecorationThickness = "0.125rem"; export const amsCallToActionLinkTextUnderlineOffset = "0.15625rem"; export const amsCallToActionLinkHoverBackgroundColor = "#10552b"; export const amsCallToActionLinkHoverTextDecorationThickness = "0.1875rem"; export const amsCallToActionLinkHoverTextUnderlineOffset = "0.09375rem"; export const amsCardHeadingMarginBlockEnd = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsCardHeadingGroupGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsCardHeadingGroupMarginBlockEnd = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsCardImageMarginBlockEnd = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsCardLinkColor = "#004699"; export const amsCardLinkTextDecorationLine = "none"; export const amsCardLinkTextDecorationThickness = "0.125rem"; export const amsCardLinkTextUnderlineOffset = "0.15625rem"; export const amsCardLinkHoverColor = "#003677"; export const amsCardLinkHoverTextDecorationLine = "underline"; export const amsCardOutlineOffset = "0.25rem"; export const amsCharacterCountColor = "#202020"; export const amsCharacterCountFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsCharacterCountFontSize = "1rem"; export const amsCharacterCountFontWeight = "400"; export const amsCharacterCountLineHeight = 1.5; export const amsCharacterCountErrorColor = "#ec0000"; export const amsCheckboxColor = "#202020"; export const amsCheckboxCursor = "pointer"; export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsCheckboxFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsCheckboxFontWeight = "400"; export const amsCheckboxGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsCheckboxLineHeight = 1.6; export const amsCheckboxOutlineOffset = "0.25rem"; export const amsCheckboxTextDecorationThickness = "0.125rem"; export const amsCheckboxTextUnderlineOffset = "0.15625rem"; export const amsCheckboxDisabledCursor = "not-allowed"; export const amsCheckboxDisabledColor = "#767676"; export const amsCheckboxHoverColor = "#003677"; export const amsCheckboxHoverTextDecorationLine = "underline"; export const amsCheckboxCheckedIndicatorStroke = "#ffffff"; export const amsCheckboxHoverIndicatorHoverStroke = "#003677"; export const amsCheckboxHoverIndicatorInvalidHoverStroke = "#b70000"; export const amsCheckboxIconContainerBlockSize = "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)"; export const amsCheckboxIconContainerInlineSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsCheckboxIndeterminateIndicatorStroke = "#ffffff"; export const amsCheckboxRectangleFill = "#ffffff"; export const amsCheckboxRectangleStroke = "#004699"; export const amsCheckboxRectangleCheckedFill = "#004699"; export const amsCheckboxRectangleCheckedDisabledFill = "#767676"; export const amsCheckboxRectangleCheckedHoverFill = "#003677"; export const amsCheckboxRectangleCheckedInvalidFill = "#ec0000"; export const amsCheckboxRectangleCheckedInvalidHoverFill = "#b70000"; export const amsCheckboxRectangleDisabledStroke = "#767676"; export const amsCheckboxRectangleHoverStroke = "#003677"; export const amsCheckboxRectangleIndeterminateFill = "#004699"; export const amsCheckboxRectangleIndeterminateDisabledFill = "#767676"; export const amsCheckboxRectangleIndeterminateHoverFill = "#003677"; export const amsCheckboxRectangleIndeterminateInvalidFill = "#ec0000"; export const amsCheckboxRectangleIndeterminateInvalidHoverFill = "#b70000"; export const amsCheckboxRectangleInvalidStroke = "#ec0000"; export const amsCheckboxRectangleInvalidHoverStroke = "#b70000"; export const amsColumnGapXSmall = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsColumnGapSmall = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsColumnGapMedium = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsColumnGapLarge = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsColumnGapXLarge = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsDateInputBackgroundColor = "#ffffff"; export const amsDateInputBorderColor = "currentColor"; export const amsDateInputBorderStyle = "solid"; export const amsDateInputBorderWidth = "0.125rem"; export const amsDateInputColor = "#202020"; export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsDateInputFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsDateInputFontWeight = "400"; export const amsDateInputLineHeight = 1.4; export const amsDateInputOutlineOffset = "0.25rem"; export const amsDateInputPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsDateInputPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDateInputDisabledColor = "#767676"; export const amsDateInputDisabledCursor = "not-allowed"; export const amsDateInputHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem currentColor"; export const amsDateInputHoverCalendarPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"; export const amsDateInputInvalidBorderColor = "#ec0000"; export const amsDateInputInvalidHoverBorderColor = "#b70000"; export const amsDateInputInvalidHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem #b70000"; export const amsDateInputCalendarPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"; export const amsDateInputCalendarPickerIndicatorCursor = "pointer"; export const amsDescriptionListColor = "#202020"; export const amsDescriptionListColumnGap = "initial"; export const amsDescriptionListFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsDescriptionListFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsDescriptionListLineHeight = 1.6; export const amsDescriptionListRowGap = "0"; export const amsDescriptionListInverseColor = "#ffffff"; export const amsDescriptionListTermFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsDescriptionListTermFontWeight = "800"; export const amsDescriptionListTermLineHeight = 1.4; export const amsDescriptionListTermMarginBlockEnd = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsDescriptionListTermTextWrap = "balance"; export const amsDescriptionListTermViMediumMarginBlockEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDescriptionListDescriptionFontWeight = "400"; export const amsDescriptionListDescriptionMarginBlockEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDescriptionListDescriptionPaddingInlineStart = "0"; export const amsDescriptionListSectionMarginBlockEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDescriptionListNarrowGridTemplateColumns = "initial"; export const amsDescriptionListMediumGridTemplateColumns = "initial"; export const amsDescriptionListWideGridTemplateColumns = "initial"; export const amsDescriptionListViMediumColumnGap = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsDescriptionListViMediumNarrowGridTemplateColumns = "1fr 4fr"; export const amsDescriptionListViMediumMediumGridTemplateColumns = "1fr 2fr"; export const amsDescriptionListViMediumWideGridTemplateColumns = "1fr 1fr"; export const amsDialogBackgroundColor = "#ffffff"; export const amsDialogBorderColor = "#ffffff"; export const amsDialogBorderRadius = "initial"; export const amsDialogBorderStyle = "solid"; export const amsDialogBorderWidth = "0.125rem"; export const amsDialogBoxShadow = "initial"; export const amsDialogGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDialogInlineSize = "calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))"; export const amsDialogMaxBlockSize = "calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))"; export const amsDialogMaxInlineSize = "48rem"; export const amsDialogMediumInlineSize = "initial"; export const amsDialogMediumMaxBlockSize = "initial"; export const amsDialogViMediumInlineSize = "calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))"; export const amsDialogViMediumMaxBlockSize = "calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))"; export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)"; export const amsDialogHeaderGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsDialogHeaderPaddingBlock = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0"; export const amsDialogHeaderPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsDialogHeaderMediumPaddingBlock = "initial"; export const amsDialogHeaderMediumPaddingInline = "initial"; export const amsDialogHeaderViMediumPaddingBlock = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0"; export const amsDialogHeaderViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsDialogBodyPaddingBlock = "0"; export const amsDialogBodyPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsDialogBodyMediumPaddingInline = "initial"; export const amsDialogBodyViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsDialogFooterPaddingBlock = "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsDialogFooterPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsDialogFooterMediumPaddingBlock = "initial"; export const amsDialogFooterMediumPaddingInline = "initial"; export const amsDialogFooterViMediumPaddingBlock = "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsDialogFooterViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsErrorMessageColor = "#ec0000"; export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsErrorMessageFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsErrorMessageFontWeight = "400"; export const amsErrorMessageGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsErrorMessageLineHeight = 1.6; export const amsFieldSetChildMarginBlockEnd = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsFieldSetChildBeforeErrorMessageMarginBlockEnd = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFieldSetChildBeforeFieldOrFieldSetMarginBlockEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFieldSetChildBetweenFieldsAndFieldSetsMarginBlockEnd = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000"; export const amsFieldSetInvalidPaddingInlineStart = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFieldSetLegendMarginBlockEnd = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFieldSetLegendColor = "#202020"; export const amsFieldSetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFieldSetLegendFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsFieldSetLegendFontWeight = "800"; export const amsFieldSetLegendLineHeight = 1.3; export const amsFieldSetLegendTextWrap = "balance"; export const amsFieldSetLegendInFieldsetFontWeight = "400"; export const amsFieldGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFieldChildMarginBlockEnd = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsFieldChildBeforeErrorMessageMarginBlockEnd = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000"; export const amsFieldInvalidPaddingInlineStart = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFigureGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFigureCaptionColor = "#202020"; export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFigureCaptionFontSize = "1rem"; export const amsFigureCaptionFontWeight = "400"; export const amsFigureCaptionLineHeight = 1.5; export const amsFigureCaptionInverseColor = "#ffffff"; export const amsFileInputBackgroundColor = "#ffffff"; export const amsFileInputBorderColor = "currentColor"; export const amsFileInputBorderStyle = "dashed"; export const amsFileInputBorderWidth = "0.125rem"; export const amsFileInputColor = "#202020"; export const amsFileInputCursor = "pointer"; export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFileInputFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsFileInputFontWeight = "400"; export const amsFileInputLineHeight = 1.4; export const amsFileInputOutlineOffset = "0.25rem"; export const amsFileInputPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileInputPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileInputDisabledColor = "#767676"; export const amsFileInputDisabledCursor = "not-allowed"; export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff"; export const amsFileInputFileSelectorButtonBorderColor = "currentColor"; export const amsFileInputFileSelectorButtonBorderStyle = "solid"; export const amsFileInputFileSelectorButtonBorderWidth = "0.125rem"; export const amsFileInputFileSelectorButtonColor = "#004699"; export const amsFileInputFileSelectorButtonCursor = "pointer"; export const amsFileInputFileSelectorButtonLineHeight = 1.4; export const amsFileInputFileSelectorButtonMarginInlineEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileInputFileSelectorButtonPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFileInputFileSelectorButtonPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileInputFileSelectorButtonDisabledColor = "#767676"; export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed"; export const amsFileInputFileSelectorButtonHoverBoxShadow = "inset 0rem 0rem 0rem 0.0625rem currentColor"; export const amsFileInputFileSelectorButtonHoverColor = "#003677"; export const amsFileListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileListPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFileListFileFontSize = "1rem"; export const amsFileListFileFontWeight = "400"; export const amsFileListFileGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsFileListFileLineHeight = 1.5; export const amsFileListFileDetailsColor = "#767676"; export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)"; export const amsGridColumnCount = 4; export const amsGridColumnGap = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsGridPaddingBlockL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsGridPaddingBlockXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsGridPaddingBlock_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; export const amsGridPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsGridRowGapL = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsGridRowGapXl = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsGridRowGap_2xl = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; export const amsGridMediumColumnCount = "initial"; export const amsGridMediumPaddingInline = "initial"; export const amsGridWideColumnCount = "initial"; export const amsGridWidePaddingInline = "initial"; export const amsGridViMediumColumnCount = 8; export const amsGridViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsGridViWideColumnCount = 12; export const amsGridViWidePaddingInline = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; export const amsGridCellBackgroundColor = "initial"; export const amsGridCellPaddingBlock = "initial"; export const amsGridCellPaddingInline = "initial"; export const amsHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)"; export const amsHeading_1LineHeight = 1.2; export const amsHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; export const amsHeading_2LineHeight = 1.3; export const amsHeading_3FontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsHeading_3LineHeight = 1.3; export const amsHeading_4FontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsHeading_4LineHeight = 1.4; export const amsHeading_5FontSize = "1rem"; export const amsHeading_5LineHeight = 1.4; export const amsHeadingColor = "#202020"; export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsHeadingFontWeight = "800"; export const amsHeadingTextWrap = "balance"; export const amsHeadingInverseColor = "#ffffff"; export const amsHintFontWeight = "400"; export const amsHintInFieldsetColor = "#767676"; export const amsIconButtonColor = "#004699"; export const amsIconButtonCursor = "pointer"; export const amsIconButtonOutlineOffset = "0.25rem"; export const amsIconButtonHoverBackgroundColor = "rgb(0 70 153 / 12.5%)"; export const amsIconButtonHoverColor = "#003677"; export const amsIconButtonDisabledColor = "#767676"; export const amsIconButtonDisabledCursor = "not-allowed"; export const amsIconButtonContrastColor = "#202020"; export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)"; export const amsIconButtonContrastHoverColor = "#202020"; export const amsIconButtonContrastDisabledColor = "#767676"; export const amsIconButtonInverseBackgroundColor = "#004699"; export const amsIconButtonInverseColor = "#ffffff"; export const amsIconButtonInverseHoverBackgroundColor = "#003677"; export const amsIconButtonInverseHoverColor = "#ffffff"; export const amsIconButtonInverseDisabledColor = "#ffffff"; export const amsIconButtonInverseDisabledBackgroundColor = "#767676"; export const amsIconFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsIconLineHeight = 1.6; export const amsIconSmallFontSize = "1rem"; export const amsIconSmallLineHeight = 1.5; export const amsIconLargeFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsIconLargeLineHeight = 1.5; export const amsIconHeading_1FontSize = "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)"; export const amsIconHeading_1LineHeight = 1.2; export const amsIconHeading_2FontSize = "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)"; export const amsIconHeading_2LineHeight = 1.3; export const amsIconHeading_3FontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsIconHeading_3LineHeight = 1.3; export const amsIconHeading_4FontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsIconHeading_4LineHeight = 1.4; export const amsIconHeading_5FontSize = "1rem"; export const amsIconHeading_5LineHeight = 1.4; export const amsIconInverseColor = "#ffffff"; export const amsImageSliderGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsImageSliderScrollerGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsImageSliderScrollerOutlineOffset = "0.25rem"; export const amsImageSliderThumbnailsGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent"; export const amsImageSliderThumbnailsThumbnailCursor = "pointer"; export const amsImageSliderThumbnailsThumbnailOpacity = "40%"; export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.25rem"; export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%"; export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%"; export const amsImageSliderFigureMarginBlockEnd = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsImageAspectRatio = "16 / 9"; export const amsInvalidFormAlertOutlineOffset = "0.25rem"; export const amsLabelColor = "#202020"; export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsLabelFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsLabelFontWeight = "800"; export const amsLabelLineHeight = 1.3; export const amsLabelTextWrap = "balance"; export const amsLabelInFieldsetFontWeight = "400"; export const amsLinkListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsLinkListLinkColor = "#004699"; export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsLinkListLinkFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsLinkListLinkFontWeight = "400"; export const amsLinkListLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsLinkListLinkLineHeight = 1.6; export const amsLinkListLinkOutlineOffset = "0.25rem"; export const amsLinkListLinkTextDecorationLine = "none"; export const amsLinkListLinkTextDecorationThickness = "0.125rem"; export const amsLinkListLinkTextUnderlineOffset = "0.15625rem"; export const amsLinkListLinkSmallFontSize = "1rem"; export const amsLinkListLinkSmallLineHeight = 1.5; export const amsLinkListLinkLargeFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsLinkListLinkLargeLineHeight = 1.5; export const amsLinkListLinkHoverColor = "#003677"; export const amsLinkListLinkHoverTextDecorationLine = "underline"; export const amsLinkListLinkContrastColor = "#202020"; export const amsLinkListLinkContrastHoverColor = "#202020"; export const amsLinkListLinkInverseColor = "#ffffff"; export const amsLinkListLinkInverseHoverColor = "#ffffff"; export const amsLinkColor = "#004699"; export const amsLinkFontFamily = "inherit"; export const amsLinkFontSize = "inherit"; export const amsLinkFontWeight = "400"; export const amsLinkLineHeight = "inherit"; export const amsLinkOutlineOffset = "0.25rem"; export const amsLinkTextDecorationThickness = "0.125rem"; export const amsLinkTextUnderlineOffset = "0.15625rem"; export const amsLinkHoverColor = "#003677"; export const amsLinkHoverTextDecorationThickness = "0.1875rem"; export const amsLinkHoverTextUnderlineOffset = "0.09375rem"; export const amsLinkContrastColor = "#202020"; export const amsLinkContrastHoverColor = "#202020"; export const amsLinkInverseColor = "#ffffff"; export const amsLinkInverseHoverColor = "#ffffff"; export const amsLogoBlockSize = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsLogoMinBlockSize = "2.5rem"; export const amsLogoEmblemColor = "#ec0000"; export const amsLogoSubsiteColor = "#202020"; export const amsLogoTitleColor = "#ec0000"; export const amsMarkBackgroundColor = "#ffe600"; export const amsMenuBackgroundColor = "#004699"; export const amsMenuFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsMenuFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsMenuFontWeight = "400"; export const amsMenuLineHeight = 1.6; export const amsMenuPaddingBlock = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsMenuWideMaxInlineSize = "initial"; export const amsMenuWidePaddingBlock = "initial"; export const amsMenuWidePaddingInline = "initial"; export const amsMenuViWideMaxInlineSize = "8rem"; export const amsMenuViWidePaddingBlock = "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsMenuViWidePaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsMenuLinkColor = "#ffffff"; export const amsMenuLinkGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsMenuLinkOutlineOffset = "0.25rem"; export const amsMenuLinkPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsMenuLinkPaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsMenuLinkTextDecorationLine = "none"; export const amsMenuLinkTextDecorationThickness = "0.125rem"; export const amsMenuLinkTextUnderlineOffset = "0.15625rem"; export const amsMenuLinkHoverColor = "#ffffff"; export const amsMenuLinkHoverTextDecorationLine = "underline"; export const amsMenuLinkWideGap = "initial"; export const amsMenuLinkViWideGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsMenuListGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsOrderedListColor = "#202020"; export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsOrderedListFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsOrderedListFontWeight = "400"; export const amsOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsOrderedListLineHeight = 1.6; export const amsOrderedListListStyleType = "decimal"; export const amsOrderedListSmallFontSize = "1rem"; export const amsOrderedListSmallLineHeight = 1.5; export const amsOrderedListInverseColor = "#ffffff"; export const amsOrderedListItemMarginInlineStart = "2.25rem"; export const amsOrderedListItemPaddingInlineStart = "0.25rem"; export const amsOrderedListOrderedListGap = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsOrderedListOrderedListListStyleType = "lower-alpha"; export const amsOrderedListOrderedListPaddingBlockEnd = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsOrderedListOrderedListPaddingBlockStart = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; export const amsPageFooterMenuBackgroundColor = "#ffffff"; export const amsPageFooterMenuColumnGap = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageFooterMenuPaddingBlock = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageFooterMenuPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageFooterMenuRowGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPageFooterMenuMediumPaddingInline = "initial"; export const amsPageFooterMenuWidePaddingInline = "initial"; export const amsPageFooterMenuViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsPageFooterMenuViWidePaddingInline = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; export const amsPageFooterMenuLinkColor = "#004699"; export const amsPageFooterMenuLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPageFooterMenuLinkFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsPageFooterMenuLinkFontWeight = "400"; export const amsPageFooterMenuLinkLineHeight = 1.6; export const amsPageFooterMenuLinkOutlineOffset = "0.25rem"; export const amsPageFooterMenuLinkTextDecorationLine = "none"; export const amsPageFooterMenuLinkTextDecorationThickness = "0.125rem"; export const amsPageFooterMenuLinkTextUnderlineOffset = "0.15625rem"; export const amsPageFooterMenuLinkHoverColor = "#003677"; export const amsPageFooterMenuLinkHoverTextDecorationLine = "underline"; export const amsPageFooterSpotlightBackgroundColor = "#004699"; export const amsPageHeaderBackgroundColor = "#ffffff"; export const amsPageHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPageHeaderPaddingBlock = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageHeaderPaddingInline = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageHeaderMediumPaddingInline = "initial"; export const amsPageHeaderWidePaddingInline = "initial"; export const amsPageHeaderViMediumPaddingInline = "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"; export const amsPageHeaderViWidePaddingInline = "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"; export const amsPageHeaderLogoLinkColumnGap = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsPageHeaderLogoLinkOutlineOffset = "0.25rem"; export const amsPageHeaderBrandNameColor = "#202020"; export const amsPageHeaderBrandNameFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsPageHeaderBrandNameFontWeight = "800"; export const amsPageHeaderBrandNameLineHeight = 1.3; export const amsPageHeaderBrandNameTextWrap = "balance"; export const amsPageHeaderMegaMenuPaddingBlock = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageHeaderMegaMenuButtonBackgroundColor = "#004699"; export const amsPageHeaderMegaMenuButtonColor = "#ffffff"; export const amsPageHeaderMegaMenuButtonCursor = "pointer"; export const amsPageHeaderMegaMenuButtonLabelOpenFontWeight = "400"; export const amsPageHeaderMegaMenuButtonPaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsPageHeaderMegaMenuButtonHoverBackgroundColor = "#003677"; export const amsPageHeaderMegaMenuButtonHoverColor = "#ffffff"; export const amsPageHeaderMenuColumnGap = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageHeaderMenuRowGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPageHeaderMenuItemColor = "#004699"; export const amsPageHeaderMenuItemColumnGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPageHeaderMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPageHeaderMenuItemFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsPageHeaderMenuItemFontWeight = "400"; export const amsPageHeaderMenuItemLineHeight = 1.6; export const amsPageHeaderMenuItemOutlineOffset = "0.25rem"; export const amsPageHeaderMenuItemPaddingBlock = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPageHeaderMenuItemHoverColor = "#003677"; export const amsPageHeaderMenuLinkColor = "#004699"; export const amsPageHeaderMenuLinkGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPageHeaderMenuLinkTextDecorationLine = "none"; export const amsPageHeaderMenuLinkTextDecorationThickness = "0.125rem"; export const amsPageHeaderMenuLinkTextUnderlineOffset = "0.15625rem"; export const amsPageHeaderMenuLinkHoverTextDecorationLine = "underline"; export const amsPageHeaderNavigationColumnGap = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageHeaderNavigationRowGap = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPageBackgroundColor = "#ffffff"; export const amsPageMaxInlineSize = "90rem"; export const amsPageWithMenuMaxInlineSize = "120rem"; export const amsPageWithMenuAreaSkipLinkMarginInlineEnd = "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"; export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPaginationFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsPaginationFontWeight = "400"; export const amsPaginationLineHeight = 1.6; export const amsPaginationLinkColor = "#004699"; export const amsPaginationLinkGap = "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"; export const amsPaginationLinkOutlineOffset = "0.25rem"; export const amsPaginationLinkPaddingInline = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsPaginationLinkTextDecorationLine = "none"; export const amsPaginationLinkTextDecorationThickness = "0.125rem"; export const amsPaginationLinkTextUnderlineOffset = "0.15625rem"; export const amsPaginationLinkCurrentFontWeight = "800"; export const amsPaginationLinkHoverColor = "#003677"; export const amsPaginationLinkHoverTextDecorationLine = "underline"; export const amsParagraphColor = "#202020"; export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsParagraphFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsParagraphFontWeight = "400"; export const amsParagraphLineHeight = 1.6; export const amsParagraphInverseColor = "#ffffff"; export const amsParagraphSmallFontSize = "1rem"; export const amsParagraphSmallLineHeight = 1.5; export const amsParagraphLargeFontSize = "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)"; export const amsParagraphLargeLineHeight = 1.5; export const amsParagraphLargeTextWrap = "balance"; export const amsPasswordInputBackgroundColor = "#ffffff"; export const amsPasswordInputBorderColor = "currentColor"; export const amsPasswordInputBorderStyle = "solid"; export const amsPasswordInputBorderWidth = "0.125rem"; export const amsPasswordInputColor = "#202020"; export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPasswordInputFontSize = "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"; export const amsPasswordInputFontWeight = "400"; export const amsPasswordInputLineHeight = 1.4; export const amsPasswordInputOutlineOffset = "0.25rem"; export const amsPasswordInputPaddingBlock = "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"; export const amsPasswordInputPaddingInline = "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"; export const amsPasswordInputDisabledColor = "#767676"; export const amsPasswordInputDisabledCursor = "not-allowed"; export const amsPasswo