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.

891 lines (890 loc) 62.8 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"; export const amsBorderWidthM = "0.125rem"; export const amsBorderWidthL = "0.1875rem"; export const amsBorderWidthXl = "0.25rem"; export const amsColorBackground = "#ffffff"; export const amsColorFeedbackError = "#ec0000"; export const amsColorFeedbackInfo = "#009de6"; export const amsColorFeedbackSuccess = "#00a03c"; export const amsColorFeedbackWarning = "#ff9100"; export const amsColorHighlightAzure = "#009de6"; export const amsColorHighlightGreen = "#00a03c"; export const amsColorHighlightLime = "#bed200"; export const amsColorHighlightMagenta = "#e50082"; export const amsColorHighlightOrange = "#ff9100"; export const amsColorHighlightPurple = "#a00078"; export const amsColorHighlightYellow = "#ffe600"; export const amsColorInteractiveContrast = "#000000"; export const amsColorInteractive = "#004699"; export const amsColorInteractiveDisabled = "#767676"; export const amsColorInteractiveHover = "#003677"; export const amsColorInteractiveInvalid = "#ec0000"; export const amsColorInteractiveInvalidHover = "#b70000"; export const amsColorInteractiveInverse = "#ffffff"; export const amsColorInteractiveSecondary = "#181818"; export const amsColorSeparator = "#d1d1d1"; export const amsColorText = "#181818"; export const amsColorTextInverse = "#ffffff"; export const amsColorTextSecondary = "#767676"; export const amsCursorDisabled = "not-allowed"; export const amsCursorInteractive = "pointer"; export const amsFocusOutlineOffset = "0.125rem"; export const amsSpaceXs = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsSpaceS = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsSpaceM = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsSpaceL = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsSpaceXl = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsSpace_2xl = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsTypographyFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsTypographyHyphenateLimitChars = "12 8 4"; export const amsTypographyBodyTextFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsTypographyBodyTextFontWeight = "400"; export const amsTypographyBodyTextLineHeight = "1.6667"; export const amsTypographyBodyTextBoldFontWeight = "800"; export const amsTypographyBodyTextSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsTypographyBodyTextSmallLineHeight = "1.5152"; export const amsTypographyBodyTextLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsTypographyBodyTextLargeLineHeight = "1.5152"; export const amsTypographyBodyTextXLargeFontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)"; export const amsTypographyBodyTextXLargeLineHeight = "1.3776"; export const amsTypographyHeading_0FontSize = "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"; export const amsTypographyHeading_0LineHeight = "1.1386"; export const amsTypographyHeading_1FontSize = "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)"; export const amsTypographyHeading_1LineHeight = "1.1754"; export const amsTypographyHeading_2FontSize = "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)"; export const amsTypographyHeading_2LineHeight = "1.2133"; export const amsTypographyHeading_3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)"; export const amsTypographyHeading_3LineHeight = "1.2524"; export const amsTypographyHeading_4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsTypographyHeading_4LineHeight = "1.2928"; export const amsTypographyHeading_5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsTypographyHeading_5LineHeight = "1.3345"; export const amsTypographyHeading_6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsTypographyHeading_6LineHeight = "1.3776"; export const amsTypographyHeadingFontWeight = "800"; export const amsLinksColor = "#004699"; export const amsLinksTextDecorationThickness = "0.125rem"; export const amsLinksTextUnderlineOffset = "0.3333em"; export const amsLinksHoverColor = "#003677"; export const amsLinksHoverTextDecorationThickness = "0.1875rem"; export const amsLinksHoverTextUnderlineOffset = "0.2778em"; export const amsLinksSubtleTextDecorationLine = "none"; export const amsLinksSubtleHoverTextDecorationLine = "underline"; export const amsLinksContrastColor = "#000000"; export const amsLinksContrastHoverColor = "#000000"; export const amsLinksInverseColor = "#ffffff"; export const amsLinksInverseHoverColor = "#ffffff"; export const amsAccordionGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsAccordionButtonColor = "#004699"; export const amsAccordionButtonCursor = "pointer"; export const amsAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsAccordionButtonFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsAccordionButtonFontWeight = "800"; export const amsAccordionButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsAccordionButtonLineHeight = "1.2928"; export const amsAccordionButtonOutlineOffset = "0.125rem"; export const amsAccordionButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsAccordionButtonPaddingInline = "0"; export const amsAccordionButtonHoverColor = "#003677"; export const amsAccordionPanelPaddingBlock = "0"; export const amsAccordionPanelPaddingInline = "0"; export const amsActionGroupGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsAlertBackgroundColor = "#ffffff"; export const amsAlertBoxShadow = "inset 0 0 0 0.25rem #009de6"; export const amsAlertForcedColorsBorderWidth = "0.25rem"; export const amsAlertSeverityIndicatorBackgroundColor = "#009de6"; export const amsAlertSeverityIndicatorPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsAlertSeverityIndicatorPaddingInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsAlertContentGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsAlertContentPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsAlertContentPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsAlertErrorBoxShadow = "inset 0 0 0 0.25rem #ec0000"; export const amsAlertErrorSeverityIndicatorBackgroundColor = "#ec0000"; export const amsAlertSuccessBoxShadow = "inset 0 0 0 0.25rem #00a03c"; export const amsAlertSuccessSeverityIndicatorBackgroundColor = "#00a03c"; export const amsAlertWarningBoxShadow = "inset 0 0 0 0.25rem #ff9100"; export const amsAlertWarningSeverityIndicatorBackgroundColor = "#ff9100"; export const amsAvatarAspectRatio = "1 / 1"; export const amsAvatarBackgroundColor = "#a00078"; export const amsAvatarColor = "#ffffff"; export const amsAvatarFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsAvatarFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsAvatarFontWeight = "400"; export const amsAvatarLineHeight = "1.5152"; export const amsAvatarPaddingBlock = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsAvatarPaddingInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsAvatarForcedColorsBorderWidth = "0.125rem"; export const amsAvatarAzureBackgroundColor = "#009de6"; export const amsAvatarAzureColor = "#181818"; export const amsAvatarGreenBackgroundColor = "#00a03c"; export const amsAvatarGreenColor = "#ffffff"; export const amsAvatarLimeBackgroundColor = "#bed200"; export const amsAvatarLimeColor = "#181818"; export const amsAvatarMagentaBackgroundColor = "#e50082"; export const amsAvatarMagentaColor = "#ffffff"; export const amsAvatarOrangeBackgroundColor = "#ff9100"; export const amsAvatarOrangeColor = "#181818"; export const amsAvatarYellowBackgroundColor = "#ffe600"; export const amsAvatarYellowColor = "#181818"; export const amsBadgeBackgroundColor = "#00a03c"; export const amsBadgeColor = "#ffffff"; export const amsBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBadgeFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsBadgeFontWeight = "800"; export const amsBadgeLineHeight = "1.6667"; export const amsBadgePaddingInline = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsBadgeAzureBackgroundColor = "#009de6"; export const amsBadgeAzureColor = "#181818"; export const amsBadgeLimeBackgroundColor = "#bed200"; export const amsBadgeLimeColor = "#181818"; export const amsBadgeMagentaBackgroundColor = "#e50082"; export const amsBadgeMagentaColor = "#ffffff"; export const amsBadgeOrangeBackgroundColor = "#ff9100"; export const amsBadgeOrangeColor = "#181818"; export const amsBadgePurpleBackgroundColor = "#a00078"; export const amsBadgePurpleColor = "#ffffff"; export const amsBadgeRedBackgroundColor = "#ec0000"; export const amsBadgeRedColor = "#ffffff"; export const amsBadgeYellowBackgroundColor = "#ffe600"; export const amsBadgeYellowColor = "#181818"; export const amsBlockquoteColor = "#181818"; export const amsBlockquoteFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBlockquoteFontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)"; export const amsBlockquoteFontWeight = "800"; export const amsBlockquoteLineHeight = "1.3776"; export const amsBlockquoteInverseColor = "#ffffff"; export const amsBreadcrumbFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsBreadcrumbFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsBreadcrumbFontWeight = "400"; export const amsBreadcrumbLineHeight = "1.5152"; 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.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsBreadcrumbLinkColor = "#004699"; export const amsBreadcrumbLinkOutlineOffset = "0.125rem"; export const amsBreadcrumbLinkTextDecorationLine = "none"; export const amsBreadcrumbLinkTextDecorationThickness = "0.125rem"; export const amsBreadcrumbLinkTextUnderlineOffset = "0.3333em"; export const amsBreadcrumbLinkHoverColor = "#003677"; export const amsBreadcrumbLinkHoverTextDecorationLine = "underline"; export const amsButtonCursor = "pointer"; export const amsButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsButtonFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsButtonFontWeight = "400"; export const amsButtonLineHeight = "1.6667"; export const amsButtonGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsButtonOutlineOffset = "0.125rem"; export const amsButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsButtonPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsButtonDisabledCursor = "not-allowed"; export const amsButtonForcedColorModeBorder = "0.125rem solid"; export const amsButtonPrimaryBackgroundColor = "#004699"; export const amsButtonPrimaryBoxShadow = "inset 0 0 0 0.125rem #004699"; export const amsButtonPrimaryColor = "#ffffff"; export const amsButtonPrimaryDisabledBackgroundColor = "#767676"; export const amsButtonPrimaryDisabledBoxShadow = "inset 0 0 0 0.125rem #767676"; export const amsButtonPrimaryHoverBackgroundColor = "#003677"; export const amsButtonPrimaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677"; export const amsButtonSecondaryBackgroundColor = "#ffffff"; export const amsButtonSecondaryColor = "#004699"; export const amsButtonSecondaryBoxShadow = "inset 0 0 0 0.125rem #004699"; export const amsButtonSecondaryHoverBoxShadow = "inset 0 0 0 0.1875rem #003677"; export const amsButtonSecondaryHoverColor = "#003677"; export const amsButtonSecondaryDisabledBackgroundColor = "#ffffff"; export const amsButtonSecondaryDisabledBoxShadow = "inset 0 0 0 0.125rem #767676"; export const amsButtonSecondaryDisabledColor = "#767676"; export const amsButtonTertiaryBackgroundColor = "transparent"; export const amsButtonTertiaryColor = "#004699"; export const amsButtonTertiaryHoverBoxShadow = "inset 0 0 0 0.125rem #003677"; export const amsButtonTertiaryHoverColor = "#003677"; export const amsButtonTertiaryDisabledBackgroundColor = "transparent"; export const amsButtonTertiaryDisabledColor = "#767676"; export const amsButtonIconOnlyPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsButtonIconOnlyPaddingInline = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsCardGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsCardHeadingGroupGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsCardLinkColor = "#004699"; export const amsCardLinkTextDecorationLine = "none"; export const amsCardLinkTextDecorationThickness = "0.125rem"; export const amsCardLinkTextUnderlineOffset = "0.3333em"; export const amsCardLinkHoverColor = "#003677"; export const amsCardLinkHoverTextDecorationLine = "underline"; export const amsCardOutlineOffset = "0.125rem"; export const amsCharacterCountColor = "#181818"; export const amsCharacterCountFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsCharacterCountFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsCharacterCountFontWeight = "400"; export const amsCharacterCountLineHeight = "1.5152"; export const amsCharacterCountErrorColor = "#ec0000"; export const amsCheckboxColor = "#181818"; export const amsCheckboxCursor = "pointer"; export const amsCheckboxFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsCheckboxFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsCheckboxFontWeight = "400"; export const amsCheckboxGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsCheckboxLineHeight = "1.6667"; export const amsCheckboxOutlineOffset = "0.125rem"; export const amsCheckboxCheckmarkBorderColor = "#004699"; export const amsCheckboxCheckmarkBorderWidth = "0.125rem"; export const amsCheckboxCheckmarkCheckedBackgroundColor = "#004699"; export const amsCheckboxCheckmarkCheckedBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")"; export const amsCheckboxCheckmarkCheckedHoverBackgroundColor = "#003677"; export const amsCheckboxCheckmarkDisabledBorderColor = "#767676"; export const amsCheckboxCheckmarkDisabledBorderWidth = "0.125rem"; export const amsCheckboxCheckmarkDisabledCheckedBackgroundColor = "#767676"; export const amsCheckboxCheckmarkDisabledCheckedHoverBackgroundColor = "#767676"; export const amsCheckboxCheckmarkDisabledIndeterminateBackgroundColor = "#767676"; export const amsCheckboxCheckmarkDisabledIndeterminateHoverBackgroundColor = "#767676"; export const amsCheckboxCheckmarkHoverBorderColor = "#003677"; export const amsCheckboxCheckmarkHoverBorderWidth = "0.1875rem"; export const amsCheckboxCheckmarkInvalidBorderColor = "#ec0000"; export const amsCheckboxCheckmarkInvalidCheckedBackgroundColor = "#ec0000"; export const amsCheckboxCheckmarkInvalidCheckedHoverBackgroundColor = "#b70000"; export const amsCheckboxCheckmarkInvalidHoverBorderColor = "#b70000"; export const amsCheckboxCheckmarkInvalidIndeterminateBackgroundColor = "#ec0000"; export const amsCheckboxCheckmarkInvalidIndeterminateHoverBackgroundColor = "#b70000"; export const amsCheckboxCheckmarkIndeterminateBackgroundColor = "#004699"; export const amsCheckboxCheckmarkIndeterminateBackgroundImage = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")"; export const amsCheckboxCheckmarkIndeterminateHoverBackgroundColor = "#003677"; export const amsCheckboxDisabledCursor = "not-allowed"; export const amsCheckboxDisabledColor = "#767676"; export const amsCheckboxHoverColor = "#003677"; export const amsCheckboxHoverTextDecorationThickness = "0.125rem"; export const amsColumnGapXSmall = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsColumnGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsColumnGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsColumnGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsColumnGapXLarge = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsDateInputBackgroundColor = "#ffffff"; export const amsDateInputBoxShadow = "inset 0 0 0 0.0625rem #181818"; export const amsDateInputColor = "#181818"; export const amsDateInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsDateInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsDateInputFontWeight = "400"; export const amsDateInputLineHeight = "1.6667"; export const amsDateInputOutlineOffset = "0.125rem"; export const amsDateInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsDateInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsDateInputCalenderPickerIndicatorBackgroundImage = "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 amsDateInputCalenderPickerIndicatorCursor = "pointer"; export const amsDateInputDisabledBackgroundColor = "#ffffff"; export const amsDateInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676"; export const amsDateInputDisabledColor = "#767676"; export const amsDateInputDisabledCursor = "not-allowed"; export const amsDateInputDisabledCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23BEBEBE'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"; export const amsDateInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818"; export const amsDateInputHoverCalenderPickerIndicatorBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23102E62'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"; export const amsDateInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000"; export const amsDateInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000"; export const amsDescriptionListColor = "#181818"; export const amsDescriptionListColumnGap = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsDescriptionListFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsDescriptionListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsDescriptionListLineHeight = "1.6667"; export const amsDescriptionListRowGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsDescriptionListInverseColor = "#ffffff"; export const amsDescriptionListTermFontWeight = "800"; export const amsDescriptionListDescriptionFontWeight = "400"; export const amsDescriptionListDescriptionPaddingInlineStart = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsDescriptionListNarrowGridTemplateColumns = "1fr 4fr"; export const amsDescriptionListMediumGridTemplateColumns = "1fr 2fr"; export const amsDescriptionListWideGridTemplateColumns = "1fr 1fr"; export const amsDialogBackgroundColor = "#ffffff"; export const amsDialogBorder = "0.125rem solid #ffffff"; export const amsDialogGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsDialogInlineSize = "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))"; export const amsDialogMaxBlockSize = "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))"; export const amsDialogMaxInlineSize = "48rem"; export const amsDialogBackdropBackgroundColor = "rgb(24 24 24 / 62.5%)"; export const amsDialogHeaderGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsDialogHeaderPaddingBlock = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0"; export const amsDialogHeaderPaddingInline = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsDialogBodyPaddingBlock = "0"; export const amsDialogBodyPaddingInline = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsDialogFooterPaddingBlock = "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsDialogFooterPaddingInline = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsErrorMessageColor = "#ec0000"; export const amsErrorMessageFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsErrorMessageFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsErrorMessageFontWeight = "400"; export const amsErrorMessageGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsErrorMessageLineHeight = "1.5152"; export const amsFieldSetInvalidBorderInlineStart = "0.1875rem solid #ec0000"; export const amsFieldSetInvalidPaddingInlineStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFieldSetLegendColor = "#181818"; export const amsFieldSetLegendFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFieldSetLegendFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsFieldSetLegendFontWeight = "800"; export const amsFieldSetLegendLineHeight = "1.2928"; export const amsFieldSetLegendMarginBlockEnd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFieldGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsFieldInvalidBorderInlineStart = "0.1875rem solid #ec0000"; export const amsFieldInvalidPaddingInlineStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFigureGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsFigureCaptionColor = "#181818"; export const amsFigureCaptionFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFigureCaptionFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsFigureCaptionFontWeight = "400"; export const amsFigureCaptionLineHeight = "1.5152"; export const amsFigureCaptionInverseColor = "#ffffff"; export const amsFileInputBackgroundColor = "#ffffff"; export const amsFileInputBorder = "0.0625rem dashed #181818"; export const amsFileInputColor = "#181818"; export const amsFileInputCursor = "pointer"; export const amsFileInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFileInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsFileInputFontWeight = "400"; export const amsFileInputLineHeight = "1.6667"; export const amsFileInputOutlineOffset = "calc(0.125rem * 2)"; // Compensate for the dashed border export const amsFileInputPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileInputDisabledColor = "#767676"; export const amsFileInputDisabledCursor = "not-allowed"; export const amsFileInputFileSelectorButtonBackgroundColor = "#ffffff"; export const amsFileInputFileSelectorButtonBoxShadow = "inset 0 0 0 0.125rem #004699"; export const amsFileInputFileSelectorButtonColor = "#004699"; export const amsFileInputFileSelectorButtonCursor = "pointer"; export const amsFileInputFileSelectorButtonMarginInlineEnd = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileInputFileSelectorButtonPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsFileInputFileSelectorButtonPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileInputFileSelectorButtonHoverBoxShadow = "inset 0 0 0 0.1875rem #003677"; export const amsFileInputFileSelectorButtonHoverColor = "#003677"; export const amsFileInputFileSelectorButtonDisabledBoxShadow = "inset 0 0 0 0.125rem #767676"; export const amsFileInputFileSelectorButtonDisabledColor = "#767676"; export const amsFileInputFileSelectorButtonDisabledCursor = "not-allowed"; export const amsFileInputFileSelectorButtonForcedColorModeBorder = "0.125rem solid"; export const amsFileListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileListPaddingBlock = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsFileListFileFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFileListFileFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsFileListFileFontWeight = "400"; export const amsFileListFileGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsFileListFileLineHeight = "1.5152"; export const amsFileListFileDetailsColor = "#767676"; export const amsFileListFilePreviewWidth = "clamp(2.5rem, 10vw, 5rem)"; export const amsFooterMenuColumnGap = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsFooterMenuPaddingBlock = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsFooterMenuPaddingInline = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsFooterMenuRowGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsFooterMenuLinkColor = "#004699"; export const amsFooterMenuLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsFooterMenuLinkFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsFooterMenuLinkFontWeight = "400"; export const amsFooterMenuLinkLineHeight = "1.5152"; export const amsFooterMenuLinkOutlineOffset = "0.125rem"; export const amsFooterMenuLinkTextDecorationLine = "none"; export const amsFooterMenuLinkTextDecorationThickness = "0.125rem"; export const amsFooterMenuLinkTextUnderlineOffset = "0.3333em"; export const amsFooterMenuLinkHoverColor = "#003677"; export const amsFooterMenuLinkHoverTextDecorationLine = "underline"; export const amsFooterSpotlightBackgroundColor = "#004699"; export const amsGridColumnCount = "4"; export const amsGridColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsGridPaddingBlockS = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsGridPaddingBlockM = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsGridPaddingBlockL = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsGridPaddingInline = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsGridRowGapS = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsGridRowGapM = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsGridRowGapL = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsGridMediumColumnCount = "8"; export const amsGridMediumPaddingInline = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsGridWideColumnCount = "12"; export const amsGridWidePaddingInline = "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"; export const amsHeaderFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsHeaderPaddingBlock = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsHeaderPaddingInline = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; // Must be the Grid inline padding, to make sure Header and Grid line up export const amsHeaderLogoLinkColumnGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsHeaderLogoLinkOutlineOffset = "0.125rem"; export const amsHeaderBrandNameColor = "#181818"; export const amsHeaderBrandNameFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsHeaderBrandNameFontWeight = "800"; export const amsHeaderMegaMenuButtonCursor = "pointer"; export const amsHeaderMegaMenuButtonLabelOpenFontWeight = "800"; export const amsHeaderMenuColumnGap = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsHeaderMenuRowGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsHeaderMenuItemColor = "#004699"; export const amsHeaderMenuItemColumnGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsHeaderMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsHeaderMenuItemFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsHeaderMenuItemFontWeight = "400"; export const amsHeaderMenuItemLineHeight = "1.6667"; export const amsHeaderMenuItemOutlineOffset = "0.125rem"; export const amsHeaderMenuItemPaddingBlock = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsHeaderMenuItemHoverColor = "#003677"; export const amsHeaderMenuLinkTextDecorationLine = "none"; export const amsHeaderMenuLinkTextDecorationThickness = "0.125rem"; export const amsHeaderMenuLinkTextUnderlineOffset = "0.3333em"; export const amsHeaderMenuLinkHoverTextDecorationLine = "underline"; export const amsHeaderNavigationColumnGap = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsHeaderNavigationRowGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsHeading_1FontSize = "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)"; export const amsHeading_1LineHeight = "1.1754"; export const amsHeading_2FontSize = "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)"; export const amsHeading_2LineHeight = "1.2133"; export const amsHeading_3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)"; export const amsHeading_3LineHeight = "1.2524"; export const amsHeading_4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsHeading_4LineHeight = "1.2928"; export const amsHeading_5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsHeading_5LineHeight = "1.3345"; export const amsHeading_6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsHeading_6LineHeight = "1.3776"; export const amsHeadingColor = "#181818"; export const amsHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsHeadingFontWeight = "800"; export const amsHeadingInverseColor = "#ffffff"; export const amsHintColor = "#767676"; export const amsIconButtonColor = "#004699"; export const amsIconButtonCursor = "pointer"; export const amsIconButtonOutlineOffset = "0.125rem"; 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 = "#000000"; export const amsIconButtonContrastHoverBackgroundColor = "rgb(0 0 0 / 12.5%)"; export const amsIconButtonContrastHoverColor = "#000000"; 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, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsIconLineHeight = "1.6667"; export const amsIconSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsIconSmallLineHeight = "1.5152"; export const amsIconLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsIconLargeLineHeight = "1.5152"; export const amsIconHeading_3FontSize = "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)"; export const amsIconHeading_3LineHeight = "1.2524"; export const amsIconHeading_4FontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsIconHeading_4LineHeight = "1.2928"; export const amsIconHeading_5FontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsIconHeading_5LineHeight = "1.3345"; export const amsIconHeading_6FontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsIconHeading_6LineHeight = "1.3776"; export const amsIconInverseColor = "#ffffff"; export const amsImageSliderGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsImageSliderScrollerGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsImageSliderScrollerOutlineOffset = "0.125rem"; export const amsImageSliderThumbnailsGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsImageSliderThumbnailsThumbnailBackgroundColor = "transparent"; export const amsImageSliderThumbnailsThumbnailCursor = "pointer"; export const amsImageSliderThumbnailsThumbnailOpacity = "40%"; export const amsImageSliderThumbnailsThumbnailOutlineOffset = "0.125rem"; export const amsImageSliderThumbnailsThumbnailInViewOpacity = "100%"; export const amsImageSliderThumbnailsThumbnailHoverOpacity = "100%"; export const amsImageAspectRatio = "16 / 9"; export const amsInvalidFormAlertOutlineOffset = "0.125rem"; export const amsLabelColor = "#181818"; export const amsLabelFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsLabelFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsLabelFontWeight = "800"; export const amsLabelLineHeight = "1.2928"; export const amsLinkListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsLinkListLinkColor = "#004699"; export const amsLinkListLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsLinkListLinkFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsLinkListLinkFontWeight = "400"; export const amsLinkListLinkGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsLinkListLinkLineHeight = "1.6667"; export const amsLinkListLinkOutlineOffset = "0.125rem"; export const amsLinkListLinkTextDecorationLine = "none"; export const amsLinkListLinkTextDecorationThickness = "0.125rem"; export const amsLinkListLinkTextUnderlineOffset = "0.3333em"; export const amsLinkListLinkSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsLinkListLinkSmallLineHeight = "1.5152"; export const amsLinkListLinkLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsLinkListLinkLargeLineHeight = "1.5152"; export const amsLinkListLinkHoverColor = "#003677"; export const amsLinkListLinkHoverTextDecorationLine = "underline"; export const amsLinkListLinkContrastColor = "#000000"; export const amsLinkListLinkContrastHoverColor = "#000000"; export const amsLinkListLinkInverseColor = "#ffffff"; export const amsLinkListLinkInverseHoverColor = "#ffffff"; export const amsLinkColor = "#004699"; export const amsLinkFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsLinkFontWeight = "400"; export const amsLinkOutlineOffset = "0.125rem"; export const amsLinkHoverColor = "#003677"; export const amsLinkInlineTextDecorationThickness = "0.125rem"; export const amsLinkInlineTextUnderlineOffset = "0.3333em"; export const amsLinkInlineFontFamily = "inherit"; export const amsLinkInlineFontSize = "inherit"; export const amsLinkInlineLineHeight = "inherit"; export const amsLinkInlineHoverTextDecorationThickness = "0.1875rem"; export const amsLinkInlineHoverTextUnderlineOffset = "0.2778em"; export const amsLinkStandaloneFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsLinkStandaloneLineHeight = "1.6667"; export const amsLinkStandaloneTextDecorationThickness = "0.125rem"; export const amsLinkStandaloneTextUnderlineOffset = "0.3333em"; export const amsLinkStandaloneHoverTextDecorationThickness = "0.1875rem"; export const amsLinkStandaloneHoverTextUnderlineOffset = "0.2778em"; export const amsLinkContrastColor = "#000000"; export const amsLinkContrastHoverColor = "#000000"; export const amsLinkInverseColor = "#ffffff"; export const amsLinkInverseHoverColor = "#ffffff"; export const amsLogoBlockSize = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsLogoMinBlockSize = "2.5rem"; export const amsLogoEmblemColor = "#ec0000"; export const amsLogoSubsiteColor = "#181818"; export const amsLogoTitleColor = "#ec0000"; export const amsMarkBackgroundColor = "#ffe600"; export const amsMegaMenuListCategoryColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; // Must have the same value as `ams.grid.column-gap`. export const amsMegaMenuListCategoryColumnWidth = "20rem"; export const amsMegaMenuListCategoryPaddingBlockStart = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsMegaMenuListCategoryPaddingBlockEnd = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; // Must have the same value as `ams.grid.row-gap.md`. export const amsOrderedListColor = "#181818"; export const amsOrderedListFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsOrderedListFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsOrderedListFontWeight = "400"; export const amsOrderedListGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsOrderedListLineHeight = "1.6667"; export const amsOrderedListListStyleType = "decimal"; export const amsOrderedListSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsOrderedListSmallLineHeight = "1.5152"; export const amsOrderedListInverseColor = "#ffffff"; export const amsOrderedListItemMarginInlineStart = "2.25rem"; // Divide your total indentation width over margin and padding to position the marker. export const amsOrderedListItemPaddingInlineStart = "0.25rem"; // The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. export const amsOrderedListOrderedListGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsOrderedListOrderedListListStyleType = "lower-alpha"; export const amsOrderedListOrderedListPaddingBlockEnd = "0"; export const amsOrderedListOrderedListPaddingBlockStart = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsOrderedListOrderedListItemMarginInlineStart = "1.5rem"; // Indent less than the parent to start-align the child’s marker with the parent text. export const amsOrderedListOrderedListItemPaddingInlineStart = "0.25rem"; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. export const amsPageHeadingColor = "#181818"; export const amsPageHeadingFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPageHeadingFontSize = "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"; export const amsPageHeadingFontWeight = "800"; export const amsPageHeadingLineHeight = "1.1386"; export const amsPageHeadingInverseColor = "#ffffff"; export const amsPageMenuColumnGap = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsPageMenuRowGap = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsPageMenuItemColor = "#004699"; export const amsPageMenuItemFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPageMenuItemFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsPageMenuItemFontWeight = "400"; export const amsPageMenuItemGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsPageMenuItemLineHeight = "1.5152"; export const amsPageMenuItemOutlineOffset = "0.125rem"; export const amsPageMenuItemTextDecorationLine = "none"; export const amsPageMenuItemTextDecorationThickness = "0.125rem"; export const amsPageMenuItemTextUnderlineOffset = "0.3333em"; export const amsPageMenuItemHoverColor = "#003677"; export const amsPageMenuItemHoverTextDecorationLine = "underline"; export const amsPaginationFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPaginationFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsPaginationFontWeight = "400"; export const amsPaginationLineHeight = "1.6667"; export const amsPaginationLinkColor = "#004699"; export const amsPaginationLinkGap = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsPaginationLinkOutlineOffset = "0.125rem"; export const amsPaginationLinkPaddingInline = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsPaginationLinkTextDecorationLine = "none"; export const amsPaginationLinkTextDecorationThickness = "0.125rem"; export const amsPaginationLinkTextUnderlineOffset = "0.3333em"; export const amsPaginationLinkCurrentFontWeight = "800"; export const amsPaginationLinkHoverColor = "#003677"; export const amsPaginationLinkHoverTextDecorationLine = "underline"; export const amsParagraphColor = "#181818"; export const amsParagraphFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsParagraphFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsParagraphFontWeight = "400"; export const amsParagraphLineHeight = "1.6667"; export const amsParagraphInverseColor = "#ffffff"; export const amsParagraphSmallFontSize = "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)"; export const amsParagraphSmallLineHeight = "1.5152"; export const amsParagraphLargeFontSize = "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)"; export const amsParagraphLargeLineHeight = "1.5152"; export const amsPasswordInputBackgroundColor = "#ffffff"; export const amsPasswordInputBoxShadow = "inset 0 0 0 0.0625rem #181818"; export const amsPasswordInputColor = "#181818"; export const amsPasswordInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsPasswordInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsPasswordInputFontWeight = "400"; export const amsPasswordInputLineHeight = "1.6667"; export const amsPasswordInputOutlineOffset = "0.125rem"; export const amsPasswordInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsPasswordInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsPasswordInputDisabledBackgroundColor = "#ffffff"; export const amsPasswordInputDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676"; export const amsPasswordInputDisabledColor = "#767676"; export const amsPasswordInputDisabledCursor = "not-allowed"; export const amsPasswordInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818"; export const amsPasswordInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000"; export const amsPasswordInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000"; export const amsPasswordInputPlaceholderColor = "#767676"; export const amsRadioColor = "#181818"; export const amsRadioCursor = "pointer"; export const amsRadioFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsRadioFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsRadioFontWeight = "400"; export const amsRadioGap = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsRadioLineHeight = "1.6667"; export const amsRadioOutlineOffset = "0.125rem"; export const amsRadioTextDecorationThickness = "0.125rem"; export const amsRadioTextUnderlineOffset = "0.3333em"; export const amsRadioCheckedIndicatorFill = "#004699"; export const amsRadioCheckedIndicatorDisabledFill = "#767676"; export const amsRadioCheckedIndicatorDisabledInvalidFill = "#767676"; export const amsRadioCheckedIndicatorDisabledInvalidHoverFill = "#767676"; export const amsRadioCheckedIndicatorHoverFill = "#003677"; export const amsRadioCheckedIndicatorInvalidFill = "#ec0000"; export const amsRadioCheckedIndicatorInvalidHoverFill = "#b70000"; export const amsRadioHoverIndicatorStrokeWidth = "3px"; export const amsRadioHoverIndicatorHoverStroke = "#003677"; export const amsRadioHoverIndicatorInvalidHoverStroke = "#b70000"; export const amsRadioCircleFill = "#ffffff"; export const amsRadioCircleStroke = "#004699"; export const amsRadioCircleStrokeWidth = "2px"; export const amsRadioCircleDisabledStroke = "#767676"; export const amsRadioCircleDisabledInvalidStroke = "#767676"; export const amsRadioCircleDisabledInvalidHoverStroke = "#767676"; export const amsRadioCircleHoverStroke = "#003677"; export const amsRadioCircleInvalidStroke = "#ec0000"; export const amsRadioCircleInvalidHoverStroke = "#b70000"; export const amsRadioDisabledColor = "#767676"; export const amsRadioDisabledCursor = "not-allowed"; export const amsRadioHoverColor = "#003677"; export const amsRadioHoverTextDecorationLine = "underline"; export const amsRadioIconContainerBlockSize = "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)"; export const amsRadioIconContainerInlineSize = "1.5rem"; export const amsRowGapXSmall = "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"; export const amsRowGapSmall = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsRowGapMedium = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsRowGapLarge = "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"; export const amsRowGapXLarge = "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"; export const amsScreenBackgroundColor = "#ffffff"; export const amsScreenWideMaxInlineSize = "100rem"; export const amsScreenXWideMaxInlineSize = "132rem"; export const amsSearchFieldInputBackgroundColor = "#ffffff"; export const amsSearchFieldInputBoxShadow = "inset 0 0 0 0.0625rem #181818"; export const amsSearchFieldInputColor = "#181818"; export const amsSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsSearchFieldInputFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsSearchFieldInputFontWeight = "400"; export const amsSearchFieldInputLineHeight = "1.6667"; export const amsSearchFieldInputOutlineOffset = "0.125rem"; export const amsSearchFieldInputPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsSearchFieldInputPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"; export const amsSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")"; export const amsSearchFieldInputCancelButtonBlockSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsSearchFieldInputCancelButtonColor = "#004699"; export const amsSearchFieldInputCancelButtonCursor = "pointer"; export const amsSearchFieldInputCancelButtonInlineSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsSearchFieldInputHoverBoxShadow = "inset 0 0 0 0.125rem #181818"; export const amsSearchFieldInputInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000"; export const amsSearchFieldInputInvalidHoverBoxShadow = "inset 0 0 0 0.125rem #b70000"; export const amsSearchFieldInputPlaceholderColor = "#767676"; export const amsSelectBackgroundColor = "#ffffff"; export const amsSelectBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"; export const amsSelectBackgroundPosition = "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center"; export const amsSelectBoxShadow = "inset 0 0 0 0.0625rem #181818"; export const amsSelectColor = "#181818"; export const amsSelectFontFamily = "'Amsterdam Sans', Arial, sans-serif"; export const amsSelectFontSize = "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"; export const amsSelectFontWeight = "400"; export const amsSelectLineHeight = "1.6667"; export const amsSelectOutlineOffset = "0.125rem"; export const amsSelectPaddingBlock = "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"; export const amsSelectPaddingInline = "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)"; export const amsSelectDisabledBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23BEBEBE' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"; export const amsSelectDisabledBoxShadow = "inset 0 0 0 0.0625rem #767676"; export const amsSelectDisabledColor = "#767676"; export const amsSelectDisabledCursor = "not-allowed"; export const amsSelectHoverBoxShadow = "inset 0 0 0 0.125rem #181818"; export const amsSelectInvalidBoxShadow = "inset 0 0 0 0.0625rem #ec0000"; export const amsSelectInvalidHover