@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.
1,520 lines • 53.5 kB
JSON
{
"ams": {
"aspect-ratio": {
"9-16": "9 / 16",
"3-4": "3 / 4",
"1-1": "1 / 1",
"4-3": "4 / 3",
"16-9": "16 / 9",
"16-5": "16 / 5"
},
"border": {
"width": {
"s": "0.0625rem",
"m": "0.125rem",
"l": "0.1875rem",
"xl": "0.25rem"
}
},
"color": {
"background": "#ffffff",
"feedback": {
"error": "#ec0000",
"info": "#009de6",
"success": "#00a03c",
"warning": "#ff9100"
},
"highlight": {
"azure": "#009de6",
"green": "#00a03c",
"lime": "#bed200",
"magenta": "#e50082",
"orange": "#ff9100",
"purple": "#a00078",
"yellow": "#ffe600"
},
"interactive": {
"contrast": "#000000",
"default": "#004699",
"disabled": "#767676",
"hover": "#003677",
"invalid": {
"default": "#ec0000",
"hover": "#b70000"
},
"inverse": "#ffffff",
"secondary": "#181818"
},
"separator": "#d1d1d1",
"text": {
"default": "#181818",
"inverse": "#ffffff",
"secondary": "#767676"
}
},
"cursor": {
"disabled": "not-allowed",
"interactive": "pointer"
},
"focus": {
"outline-offset": "0.125rem"
},
"space": {
"xs": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"s": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"m": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
},
"typography": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"hyphenate-limit-chars": "12 8 4",
"body-text": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"bold": {
"font-weight": "800"
},
"small": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.5152"
},
"large": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.5152"
},
"x-large": {
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
"line-height": "1.3776"
}
},
"heading": {
"0": {
"font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
"line-height": "1.1386"
},
"1": {
"font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
"line-height": "1.1754"
},
"2": {
"font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
"line-height": "1.2133"
},
"3": {
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
"line-height": "1.2524"
},
"4": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.2928"
},
"5": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.3345"
},
"6": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.3776"
},
"font-weight": "800"
}
},
"links": {
"color": "#004699",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-thickness": "0.1875rem",
"text-underline-offset": "0.2778em"
},
"subtle": {
"text-decoration-line": "none",
"hover": {
"text-decoration-line": "underline"
}
},
"contrast": {
"color": "#000000",
"hover": {
"color": "#000000"
}
},
"inverse": {
"color": "#ffffff",
"hover": {
"color": "#ffffff"
}
}
},
"accordion": {
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"button": {
"color": "#004699",
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"font-weight": "800",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.2928",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "0",
"hover": {
"color": "#003677"
}
},
"panel": {
"padding-block": "0",
"padding-inline": "0"
}
},
"action-group": {
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
},
"alert": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.25rem #009de6",
"forced-colors": {
"border-width": "0.25rem"
},
"severity-indicator": {
"background-color": "#009de6",
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
},
"content": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
},
"error": {
"box-shadow": "inset 0 0 0 0.25rem #ec0000",
"severity-indicator": {
"background-color": "#ec0000"
}
},
"success": {
"box-shadow": "inset 0 0 0 0.25rem #00a03c",
"severity-indicator": {
"background-color": "#00a03c"
}
},
"warning": {
"box-shadow": "inset 0 0 0 0.25rem #ff9100",
"severity-indicator": {
"background-color": "#ff9100"
}
}
},
"avatar": {
"aspect-ratio": "1 / 1",
"background-color": "#a00078",
"color": "#ffffff",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"forced-colors": {
"border-width": "0.125rem"
},
"azure": {
"background-color": "#009de6",
"color": "#181818"
},
"green": {
"background-color": "#00a03c",
"color": "#ffffff"
},
"lime": {
"background-color": "#bed200",
"color": "#181818"
},
"magenta": {
"background-color": "#e50082",
"color": "#ffffff"
},
"orange": {
"background-color": "#ff9100",
"color": "#181818"
},
"yellow": {
"background-color": "#ffe600",
"color": "#181818"
}
},
"badge": {
"background-color": "#00a03c",
"color": "#ffffff",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "800",
"line-height": "1.6667",
"padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"azure": {
"background-color": "#009de6",
"color": "#181818"
},
"lime": {
"background-color": "#bed200",
"color": "#181818"
},
"magenta": {
"background-color": "#e50082",
"color": "#ffffff"
},
"orange": {
"background-color": "#ff9100",
"color": "#181818"
},
"purple": {
"background-color": "#a00078",
"color": "#ffffff"
},
"red": {
"background-color": "#ec0000",
"color": "#ffffff"
},
"yellow": {
"background-color": "#ffe600",
"color": "#181818"
}
},
"blockquote": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
"font-weight": "800",
"line-height": "1.3776",
"inverse": {
"color": "#ffffff"
}
},
"breadcrumb": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"separator": {
"background-image": "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>\")",
"block-size": "1ex",
"inline-size": "1ex",
"margin-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
},
"link": {
"color": "#004699",
"outline-offset": "0.125rem",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
}
},
"button": {
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"disabled": {
"cursor": "not-allowed"
},
"forced-color-mode": {
"border": "0.125rem solid"
},
"primary": {
"background-color": "#004699",
"box-shadow": "inset 0 0 0 0.125rem #004699",
"color": "#ffffff",
"disabled": {
"background-color": "#767676",
"box-shadow": "inset 0 0 0 0.125rem #767676"
},
"hover": {
"background-color": "#003677",
"box-shadow": "inset 0 0 0 0.125rem #003677"
}
},
"secondary": {
"background-color": "#ffffff",
"color": "#004699",
"box-shadow": "inset 0 0 0 0.125rem #004699",
"hover": {
"box-shadow": "inset 0 0 0 0.1875rem #003677",
"color": "#003677"
},
"disabled": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.125rem #767676",
"color": "#767676"
}
},
"tertiary": {
"background-color": "transparent",
"color": "#004699",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #003677",
"color": "#003677"
},
"disabled": {
"background-color": "transparent",
"color": "#767676"
}
},
"icon-only": {
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
}
},
"card": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"heading-group": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
},
"link": {
"color": "#004699",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
},
"outline-offset": "0.125rem"
},
"character-count": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"error": {
"color": "#ec0000"
}
},
"checkbox": {
"color": "#181818",
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"checkmark": {
"border-color": "#004699",
"border-width": "0.125rem",
"checked": {
"background-color": "#004699",
"background-image": "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\")",
"hover": {
"background-color": "#003677"
}
},
"disabled": {
"border-color": "#767676",
"border-width": "0.125rem",
"checked": {
"background-color": "#767676",
"hover": {
"background-color": "#767676"
}
},
"indeterminate": {
"background-color": "#767676",
"hover": {
"background-color": "#767676"
}
}
},
"hover": {
"border-color": "#003677",
"border-width": "0.1875rem"
},
"invalid": {
"border-color": "#ec0000",
"checked": {
"background-color": "#ec0000",
"hover": {
"background-color": "#b70000"
}
},
"hover": {
"border-color": "#b70000"
},
"indeterminate": {
"background-color": "#ec0000",
"hover": {
"background-color": "#b70000"
}
}
},
"indeterminate": {
"background-color": "#004699",
"background-image": "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\")",
"hover": {
"background-color": "#003677"
}
}
},
"disabled": {
"cursor": "not-allowed",
"color": "#767676"
},
"hover": {
"color": "#003677",
"text-decoration-thickness": "0.125rem"
}
},
"column": {
"gap": {
"x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
}
},
"date-input": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"calender-picker-indicator": {
"background-image": "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>\")",
"cursor": "pointer"
},
"disabled": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #767676",
"color": "#767676",
"cursor": "not-allowed",
"calender-picker-indicator": {
"background-image": "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>\")"
}
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818",
"calender-picker-indicator": {
"background-image": "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>\")"
}
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
}
},
"description-list": {
"color": "#181818",
"column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.6667",
"row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"inverse": {
"color": "#ffffff"
},
"term": {
"font-weight": "800"
},
"description": {
"font-weight": "400",
"padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
},
"narrow": {
"grid-template-columns": "1fr 4fr"
},
"medium": {
"grid-template-columns": "1fr 2fr"
},
"wide": {
"grid-template-columns": "1fr 1fr"
}
},
"dialog": {
"background-color": "#ffffff",
"border": "0.125rem solid #ffffff",
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"inline-size": "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
"max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
"max-inline-size": "48rem",
"backdrop": {
"background-color": "rgb(24 24 24 / 62.5%)"
},
"header": {
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
"padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
},
"body": {
"padding-block": "0",
"padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
},
"footer": {
"padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
}
},
"error-message": {
"color": "#ec0000",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"line-height": "1.5152"
},
"field-set": {
"invalid": {
"border-inline-start": "0.1875rem solid #ec0000",
"padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
},
"legend": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"font-weight": "800",
"line-height": "1.2928",
"margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
}
},
"field": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"invalid": {
"border-inline-start": "0.1875rem solid #ec0000",
"padding-inline-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
}
},
"figure": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"caption": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"inverse": {
"color": "#ffffff"
}
}
},
"file-input": {
"background-color": "#ffffff",
"border": "0.0625rem dashed #181818",
"color": "#181818",
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "calc(0.125rem * 2)",
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"disabled": {
"color": "#767676",
"cursor": "not-allowed"
},
"file-selector-button": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.125rem #004699",
"color": "#004699",
"cursor": "pointer",
"margin-inline-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"hover": {
"box-shadow": "inset 0 0 0 0.1875rem #003677",
"color": "#003677"
},
"disabled": {
"box-shadow": "inset 0 0 0 0.125rem #767676",
"color": "#767676",
"cursor": "not-allowed"
},
"forced-color-mode": {
"border": "0.125rem solid"
}
}
},
"file-list": {
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"file": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.5152",
"details": {
"color": "#767676"
},
"preview": {
"width": "clamp(2.5rem, 10vw, 5rem)"
}
}
},
"footer": {
"menu": {
"column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"link": {
"color": "#004699",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"outline-offset": "0.125rem",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
}
},
"spotlight": {
"background-color": "#004699"
}
},
"grid": {
"column-count": "4",
"column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"padding-block": {
"s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
},
"padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"row-gap": {
"s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
},
"medium": {
"column-count": "8",
"padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
},
"wide": {
"column-count": "12",
"padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
}
},
"header": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"logo-link": {
"column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"outline-offset": "0.125rem"
},
"brand-name": {
"color": "#181818",
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"font-weight": "800"
},
"mega-menu": {
"button": {
"cursor": "pointer",
"label": {
"open": {
"font-weight": "800"
}
}
}
},
"menu": {
"column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"item": {
"color": "#004699",
"column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"hover": {
"color": "#003677"
}
},
"link": {
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"text-decoration-line": "underline"
}
}
},
"navigation": {
"column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
}
},
"heading": {
"1": {
"font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
"line-height": "1.1754"
},
"2": {
"font-size": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)",
"line-height": "1.2133"
},
"3": {
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
"line-height": "1.2524"
},
"4": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.2928"
},
"5": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.3345"
},
"6": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.3776"
},
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-weight": "800",
"inverse": {
"color": "#ffffff"
}
},
"hint": {
"color": "#767676"
},
"icon-button": {
"color": "#004699",
"cursor": "pointer",
"outline-offset": "0.125rem",
"hover": {
"background-color": "rgb(0 70 153 / 12.5%)",
"color": "#003677"
},
"disabled": {
"color": "#767676",
"cursor": "not-allowed"
},
"contrast": {
"color": "#000000",
"hover": {
"background-color": "rgb(0 0 0 / 12.5%)",
"color": "#000000"
},
"disabled": {
"color": "#767676"
}
},
"inverse": {
"background-color": "#004699",
"color": "#ffffff",
"hover": {
"background-color": "#003677",
"color": "#ffffff"
},
"disabled": {
"color": "#ffffff",
"background-color": "#767676"
}
}
},
"icon": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.6667",
"small": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.5152"
},
"large": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.5152"
},
"heading-3": {
"font-size": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)",
"line-height": "1.2524"
},
"heading-4": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.2928"
},
"heading-5": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.3345"
},
"heading-6": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.3776"
},
"inverse": {
"color": "#ffffff"
}
},
"image-slider": {
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"scroller": {
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"outline-offset": "0.125rem"
},
"thumbnails": {
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"thumbnail": {
"background-color": "transparent",
"cursor": "pointer",
"opacity": "40%",
"outline-offset": "0.125rem",
"in-view": {
"opacity": "100%"
},
"hover": {
"opacity": "100%"
}
}
}
},
"image": {
"aspect-ratio": "16 / 9"
},
"invalid-form-alert": {
"outline-offset": "0.125rem"
},
"label": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"font-weight": "800",
"line-height": "1.2928"
},
"link-list": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"link": {
"color": "#004699",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"small": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.5152"
},
"large": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.5152"
},
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
},
"contrast": {
"color": "#000000",
"hover": {
"color": "#000000"
}
},
"inverse": {
"color": "#ffffff",
"hover": {
"color": "#ffffff"
}
}
}
},
"link": {
"color": "#004699",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-weight": "400",
"outline-offset": "0.125rem",
"hover": {
"color": "#003677"
},
"inline": {
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"font-family": "inherit",
"font-size": "inherit",
"line-height": "inherit",
"hover": {
"text-decoration-thickness": "0.1875rem",
"text-underline-offset": "0.2778em"
}
},
"standalone": {
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"line-height": "1.6667",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"text-decoration-thickness": "0.1875rem",
"text-underline-offset": "0.2778em"
}
},
"contrast": {
"color": "#000000",
"hover": {
"color": "#000000"
}
},
"inverse": {
"color": "#ffffff",
"hover": {
"color": "#ffffff"
}
}
},
"logo": {
"block-size": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"min-block-size": "2.5rem",
"emblem": {
"color": "#ec0000"
},
"subsite": {
"color": "#181818"
},
"title": {
"color": "#ec0000"
}
},
"mark": {
"background-color": "#ffe600"
},
"mega-menu": {
"list-category": {
"column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"column-width": "20rem",
"padding-block-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"padding-block-end": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
}
},
"ordered-list": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"line-height": "1.6667",
"list-style-type": "decimal",
"small": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.5152"
},
"inverse": {
"color": "#ffffff"
},
"item": {
"margin-inline-start": "2.25rem",
"padding-inline-start": "0.25rem"
},
"ordered-list": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"list-style-type": "lower-alpha",
"padding-block-end": "0",
"padding-block-start": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"item": {
"margin-inline-start": "1.5rem",
"padding-inline-start": "0.25rem"
}
}
},
"page-heading": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
"font-weight": "800",
"line-height": "1.1386",
"inverse": {
"color": "#ffffff"
}
},
"page-menu": {
"column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
"row-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"item": {
"color": "#004699",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.5152",
"outline-offset": "0.125rem",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
}
},
"pagination": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"link": {
"color": "#004699",
"gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"outline-offset": "0.125rem",
"padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"current": {
"font-weight": "800"
},
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
}
},
"paragraph": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"inverse": {
"color": "#ffffff"
},
"small": {
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"line-height": "1.5152"
},
"large": {
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.5152"
}
},
"password-input": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"disabled": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #767676",
"color": "#767676",
"cursor": "not-allowed"
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818"
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
},
"placeholder": {
"color": "#767676"
}
},
"radio": {
"color": "#181818",
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"checked-indicator": {
"fill": "#004699",
"disabled": {
"fill": "#767676"
},
"disabled-invalid": {
"fill": "#767676",
"hover": {
"fill": "#767676"
}
},
"hover": {
"fill": "#003677"
},
"invalid": {
"fill": "#ec0000",
"hover": {
"fill": "#b70000"
}
}
},
"hover-indicator": {
"stroke-width": "3px",
"hover": {
"stroke": "#003677"
},
"invalid": {
"hover": {
"stroke": "#b70000"
}
}
},
"circle": {
"fill": "#ffffff",
"stroke": "#004699",
"stroke-width": "2px",
"disabled": {
"stroke": "#767676"
},
"disabled-invalid": {
"stroke": "#767676",
"hover": {
"stroke": "#767676"
}
},
"hover": {
"stroke": "#003677"
},
"invalid": {
"stroke": "#ec0000",
"hover": {
"stroke": "#b70000"
}
}
},
"disabled": {
"color": "#767676",
"cursor": "not-allowed"
},
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
},
"icon-container": {
"block-size": "calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6667)",
"inline-size": "1.5rem"
}
},
"row": {
"gap": {
"x-small": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
"small": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"medium": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"large": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
"x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
}
},
"screen": {
"background-color": "#ffffff",
"wide": {
"max-inline-size": "100rem"
},
"x-wide": {
"max-inline-size": "132rem"
}
},
"search-field": {
"input": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"cancel-button": {
"background-image": "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>\")",
"block-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"color": "#004699",
"cursor": "pointer",
"inline-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818"
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
},
"placeholder": {
"color": "#767676"
}
}
},
"select": {
"background-color": "#ffffff",
"background-image": "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>\")",
"background-position": "right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)",
"disabled": {
"background-image": "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>\")",
"box-shadow": "inset 0 0 0 0.0625rem #767676",
"color": "#767676",
"cursor": "not-allowed"
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818"
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
},
"option": {
"disabled": {
"color": "#767676"
}
}
},
"skip-link": {
"background-color": "#004699",
"color": "#ffffff",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
"font-weight": "400",
"line-height": "1.5152",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"hover": {
"background-color": "#003677"
}
},
"spotlight": {
"background-color": "#a00078",
"azure": {
"background-color": "#009de6"
},
"green": {
"background-color": "#00a03c"
},
"lime": {
"background-color": "#bed200"
},
"magenta": {
"background-color": "#e50082"
},
"orange": {
"background-color": "#ff9100"
},
"yellow": {
"background-color": "#ffe600"
}
},
"switch": {
"background-color": "#767676",
"cursor": "pointer",
"outline-offset": "0.125rem",
"inline-size": "3.5rem",
"thumb": {
"background-color": "#ffffff",
"inline-size": "1.75rem",
"block-size": "1.75rem",
"hover": {
"box-shadow": "0 0 0 0.125rem #003677",
"color": "#003677"
}
},
"checked": {
"background-color": "#004699"
},
"disabled": {
"background-color": "#767676",
"cursor": "not-allowed"
}
},
"table-of-contents": {
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"line-height": "1.6667",
"link": {
"color": "#004699",
"outline-offset": "0.125rem",
"text-decoration-line": "none",
"text-decoration-thickness": "0.125rem",
"text-underline-offset": "0.3333em",
"hover": {
"color": "#003677",
"text-decoration-line": "underline"
}
},
"list": {
"gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"list": {
"padding-block-start": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline-start": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"
}
},
"heading": {
"font-weight": "800",
"font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
"line-height": "1.2928"
}
},
"table": {
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"caption": {
"font-weight": "800"
},
"cell": {
"border-block-end": "0.0625rem solid #d1d1d1",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
},
"header-cell": {
"font-weight": "800"
}
},
"tabs": {
"gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"list": {
"box-shadow": "inset 0 calc(0.125rem * -1) #d1d1d1"
},
"button": {
"color": "#004699",
"cursor": "pointer",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "-0.25rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"hover": {
"color": "#003677",
"box-shadow": "inset 0 calc(0.125rem * -1)"
},
"selected": {
"box-shadow": "inset 0 calc(0.25rem * -1)",
"font-weight": "800"
},
"disabled": {
"color": "#767676",
"cursor": "not-allowed"
}
}
},
"text-area": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"min-block-size": "calc(1.6667 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"disabled": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #767676",
"color": "#767676",
"cursor": "not-allowed"
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818"
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
},
"placeholder": {
"color": "#767676"
}
},
"text-input": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"disabled": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #767676",
"color": "#767676",
"cursor": "not-allowed"
},
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #181818"
},
"invalid": {
"box-shadow": "inset 0 0 0 0.0625rem #ec0000",
"hover": {
"box-shadow": "inset 0 0 0 0.125rem #b70000"
}
},
"placeholder": {
"color": "#767676"
}
},
"time-input": {
"background-color": "#ffffff",
"box-shadow": "inset 0 0 0 0.0625rem #181818",
"color": "#181818",
"font-family": "'Amsterdam Sans', Arial, sans-serif",
"font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
"font-weight": "400",
"line-height": "1.6667",
"outline-offset": "0.125rem",
"padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
"padding-inline": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
"calender-picker-indicator": {
"background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fil