@amsterdam/design-system-tokens/dist/index.json

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

{
  "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",
        "negative": {
          "m": "-0.125rem",
          "xl": "-0.25rem"
        }
      }
    },
    "color": {
      "background": {
        "body": "#ffffff",
        "default": "#ffffff"
      },
      "feedback": {
        "error": "#ec0000",
        "info": "#009de6",
        "success": "#00893c",
        "warning": "#ff9100"
      },
      "highlight": {
        "azure": "#009de6",
        "green": "#00893c",
        "lime": "#bed200",
        "magenta": "#e50082",
        "orange": "#ff9100",
        "purple": "#a00078",
        "yellow": "#ffe600"
      },
      "interactive": {
        "contrast": "#202020",
        "default": "#004699",
        "disabled": "#767676",
        "hover": "#003677",
        "invalid": {
          "default": "#ec0000",
          "hover": "#b70000"
        },
        "inverse": "#ffffff"
      },
      "progress": {
        "current": "#00893c",
        "completed": "#00893c",
        "upcoming": "#767676"
      },
      "separator": "#d1d1d1",
      "text": {
        "default": "#202020",
        "inverse": "#ffffff",
        "secondary": "#767676"
      }
    },
    "cursor": {
      "disabled": "not-allowed",
      "interactive": "pointer"
    },
    "focus": {
      "outline-offset": "0.25rem"
    },
    "space": {
      "xs": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "s": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "m": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "l": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
      "xl": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
      "2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
    },
    "typography": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "hyphenate-limit-chars": "auto",
      "body-text": {
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "font-weight": "400",
        "line-height": 1.6,
        "bold": {
          "font-weight": "800"
        },
        "small": {
          "font-size": "1rem",
          "line-height": 1.5
        },
        "large": {
          "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
          "line-height": 1.5
        },
        "x-large": {
          "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
          "line-height": 1.4
        }
      },
      "heading": {
        "1": {
          "font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
          "line-height": 1.2
        },
        "2": {
          "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
          "line-height": 1.3
        },
        "3": {
          "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
          "line-height": 1.3
        },
        "4": {
          "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
          "line-height": 1.4
        },
        "5": {
          "font-size": "1rem",
          "line-height": 1.4
        },
        "font-weight": "800",
        "text-wrap": "balance"
      }
    },
    "inputs": {
      "background-color": "#ffffff",
      "border-color": "currentColor",
      "border-style": "solid",
      "border-width": "0.125rem",
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.4,
      "outline-offset": "0.25rem",
      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "disabled": {
        "color": "#767676"
      },
      "hover": {
        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
      },
      "invalid": {
        "border-color": "#ec0000",
        "hover": {
          "border-color": "#b70000",
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
        }
      },
      "placeholder": {
        "color": "#767676"
      }
    },
    "links": {
      "color": "#004699",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.15625rem",
      "hover": {
        "color": "#003677",
        "text-decoration-thickness": "0.1875rem",
        "text-underline-offset": "0.09375rem"
      },
      "subtle": {
        "text-decoration-line": "none",
        "hover": {
          "text-decoration-line": "underline"
        }
      },
      "contrast": {
        "color": "#202020",
        "hover": {
          "color": "#202020"
        }
      },
      "inverse": {
        "color": "#ffffff",
        "hover": {
          "color": "#ffffff"
        }
      }
    },
    "accordion": {
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "button": {
        "color": "#004699",
        "cursor": "pointer",
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "outline-offset": "0.25rem",
        "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-inline": "0",
        "hover": {
          "color": "#003677"
        }
      }
    },
    "action-group": {
      "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
    },
    "alert": {
      "background-color": "#ffffff",
      "border-color": "#009de6",
      "border-style": "solid",
      "border-width": "0.25rem",
      "severity-indicator": {
        "background-color": "#009de6",
        "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
      },
      "content": {
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      },
      "error": {
        "border-color": "#ec0000",
        "severity-indicator": {
          "background-color": "#ec0000"
        }
      },
      "success": {
        "border-color": "#00893c",
        "severity-indicator": {
          "background-color": "#00893c"
        }
      },
      "warning": {
        "border-color": "#ff9100",
        "severity-indicator": {
          "background-color": "#ff9100"
        }
      }
    },
    "avatar": {
      "aspect-ratio": "1 / 1",
      "background-color": "#a00078",
      "border-color": "#a00078",
      "border-style": "solid",
      "border-width": "0.125rem",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "1rem",
      "font-weight": "400",
      "line-height": 1.5,
      "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "forced-colors": {
        "border-width": "0.125rem"
      },
      "azure": {
        "background-color": "#009de6",
        "border-color": "#009de6",
        "color": "#ffffff"
      },
      "green": {
        "background-color": "#00893c",
        "border-color": "#00893c",
        "color": "#ffffff"
      },
      "lime": {
        "background-color": "#bed200",
        "border-color": "#bed200",
        "color": "#202020"
      },
      "magenta": {
        "background-color": "#e50082",
        "border-color": "#e50082",
        "color": "#ffffff"
      },
      "orange": {
        "background-color": "#ff9100",
        "border-color": "#ff9100",
        "color": "#202020"
      },
      "yellow": {
        "background-color": "#ffe600",
        "border-color": "#ffe600",
        "color": "#202020"
      }
    },
    "badge": {
      "background-color": "#00893c",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "800",
      "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "line-height": 1.6,
      "padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "azure": {
        "background-color": "#009de6",
        "color": "#ffffff"
      },
      "lime": {
        "background-color": "#bed200",
        "color": "#202020"
      },
      "magenta": {
        "background-color": "#e50082",
        "color": "#ffffff"
      },
      "orange": {
        "background-color": "#ff9100",
        "color": "#202020"
      },
      "purple": {
        "background-color": "#a00078",
        "color": "#ffffff"
      },
      "red": {
        "background-color": "#ec0000",
        "color": "#ffffff"
      },
      "yellow": {
        "background-color": "#ffe600",
        "color": "#202020"
      }
    },
    "blockquote": {
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
      "font-weight": "800",
      "line-height": 1.4,
      "inverse": {
        "color": "#ffffff"
      }
    },
    "body": {
      "background-color": "#ffffff"
    },
    "breadcrumb": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.6,
      "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.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
      },
      "link": {
        "color": "#004699",
        "outline-offset": "0.25rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.15625rem",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      }
    },
    "button": {
      "border-style": "solid",
      "border-width": "0.125rem",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.4,
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "outline-offset": "0.25rem",
      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "disabled": {
        "cursor": "not-allowed"
      },
      "icon-only": {
        "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
      },
      "primary": {
        "background-color": "#004699",
        "border-color": "#004699",
        "color": "#ffffff",
        "disabled": {
          "background-color": "#767676",
          "border-color": "#767676"
        },
        "hover": {
          "background-color": "#003677",
          "border-color": "#003677"
        }
      },
      "secondary": {
        "background-color": "#ffffff",
        "border-color": "currentColor",
        "color": "#004699",
        "disabled": {
          "border-color": "#767676",
          "color": "#767676"
        },
        "hover": {
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
          "color": "#003677"
        }
      },
      "tertiary": {
        "background-color": "transparent",
        "border-color": "transparent",
        "color": "#004699",
        "disabled": {
          "color": "#767676"
        },
        "hover": {
          "border-color": "currentColor",
          "color": "#003677"
        }
      }
    },
    "call-to-action-link": {
      "background-color": "#00893c",
      "color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.6,
      "outline-offset": "0.25rem",
      "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.15625rem",
      "hover": {
        "background-color": "#10552b",
        "text-decoration-thickness": "0.1875rem",
        "text-underline-offset": "0.09375rem"
      }
    },
    "card": {
      "heading": {
        "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"
      },
      "heading-group": {
        "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"
      },
      "image": {
        "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
      },
      "link": {
        "color": "#004699",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.15625rem",
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      },
      "outline-offset": "0.25rem"
    },
    "character-count": {
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "1rem",
      "font-weight": "400",
      "line-height": 1.5,
      "error": {
        "color": "#ec0000"
      }
    },
    "checkbox": {
      "color": "#202020",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "line-height": 1.6,
      "outline-offset": "0.25rem",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.15625rem",
      "disabled": {
        "cursor": "not-allowed",
        "color": "#767676"
      },
      "hover": {
        "color": "#003677",
        "text-decoration-line": "underline"
      },
      "checked-indicator": {
        "stroke": "#ffffff"
      },
      "hover-indicator": {
        "hover": {
          "stroke": "#003677"
        },
        "invalid": {
          "hover": {
            "stroke": "#b70000"
          }
        }
      },
      "icon-container": {
        "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
        "inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
      },
      "indeterminate-indicator": {
        "stroke": "#ffffff"
      },
      "rectangle": {
        "fill": "#ffffff",
        "stroke": "#004699",
        "checked": {
          "fill": "#004699",
          "disabled": {
            "fill": "#767676"
          },
          "hover": {
            "fill": "#003677"
          },
          "invalid": {
            "fill": "#ec0000",
            "hover": {
              "fill": "#b70000"
            }
          }
        },
        "disabled": {
          "stroke": "#767676"
        },
        "hover": {
          "stroke": "#003677"
        },
        "indeterminate": {
          "fill": "#004699",
          "disabled": {
            "fill": "#767676"
          },
          "hover": {
            "fill": "#003677"
          },
          "invalid": {
            "fill": "#ec0000",
            "hover": {
              "fill": "#b70000"
            }
          }
        },
        "invalid": {
          "stroke": "#ec0000",
          "hover": {
            "stroke": "#b70000"
          }
        }
      }
    },
    "column": {
      "gap": {
        "x-small": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "small": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "medium": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "large": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "x-large": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
      }
    },
    "date-input": {
      "background-color": "#ffffff",
      "border-color": "currentColor",
      "border-style": "solid",
      "border-width": "0.125rem",
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.4,
      "outline-offset": "0.25rem",
      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
        "calendar-picker-indicator": {
          "background-image": "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>\")"
        }
      },
      "invalid": {
        "border-color": "#ec0000",
        "hover": {
          "border-color": "#b70000",
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
        }
      },
      "calendar-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"
      }
    },
    "description-list": {
      "color": "#202020",
      "column-gap": "initial",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "line-height": 1.6,
      "row-gap": "0",
      "inverse": {
        "color": "#ffffff"
      },
      "term": {
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "font-weight": "800",
        "line-height": 1.4,
        "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "text-wrap": "balance",
        "vi-medium": {
          "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
        }
      },
      "description": {
        "font-weight": "400",
        "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "padding-inline-start": "0"
      },
      "section": {
        "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      },
      "narrow": {
        "grid-template-columns": "initial"
      },
      "medium": {
        "grid-template-columns": "initial"
      },
      "wide": {
        "grid-template-columns": "initial"
      },
      "vi-medium": {
        "column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 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-color": "#ffffff",
      "border-radius": "initial",
      "border-style": "solid",
      "border-width": "0.125rem",
      "box-shadow": "initial",
      "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "inline-size": "calc(100% - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))",
      "max-block-size": "calc(100dvh - 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem))",
      "max-inline-size": "48rem",
      "medium": {
        "inline-size": "initial",
        "max-block-size": "initial"
      },
      "vi-medium": {
        "inline-size": "calc(100% - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))",
        "max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem))"
      },
      "backdrop": {
        "background-color": "rgb(24 24 24 / 62.5%)"
      },
      "header": {
        "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem) 0",
        "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "medium": {
          "padding-block": "initial",
          "padding-inline": "initial"
        },
        "vi-medium": {
          "padding-block": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) 0",
          "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
        }
      },
      "body": {
        "padding-block": "0",
        "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "medium": {
          "padding-inline": "initial"
        },
        "vi-medium": {
          "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
        }
      },
      "footer": {
        "padding-block": "0 clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "medium": {
          "padding-block": "initial",
          "padding-inline": "initial"
        },
        "vi-medium": {
          "padding-block": "0 clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
          "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
        }
      }
    },
    "error-message": {
      "color": "#ec0000",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "line-height": 1.6
    },
    "field-set": {
      "child": {
        "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "before-error-message": {
          "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
        },
        "before-field-or-field-set": {
          "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
        },
        "between-fields-and-field-sets": {
          "margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
        }
      },
      "invalid": {
        "border-inline-start": "0.1875rem solid #ec0000",
        "padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      },
      "legend": {
        "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "color": "#202020",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "font-weight": "800",
        "line-height": 1.3,
        "text-wrap": "balance",
        "in-fieldset": {
          "font-weight": "400"
        }
      }
    },
    "field": {
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "child": {
        "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "before-error-message": {
          "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
        }
      },
      "invalid": {
        "border-inline-start": "0.1875rem solid #ec0000",
        "padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      }
    },
    "figure": {
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "caption": {
        "color": "#202020",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "1rem",
        "font-weight": "400",
        "line-height": 1.5,
        "inverse": {
          "color": "#ffffff"
        }
      }
    },
    "file-input": {
      "background-color": "#ffffff",
      "border-color": "currentColor",
      "border-style": "dashed",
      "border-width": "0.125rem",
      "color": "#202020",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.4,
      "outline-offset": "0.25rem",
      "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "file-selector-button": {
        "background-color": "#ffffff",
        "border-color": "currentColor",
        "border-style": "solid",
        "border-width": "0.125rem",
        "color": "#004699",
        "cursor": "pointer",
        "line-height": 1.4,
        "margin-inline-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "disabled": {
          "color": "#767676",
          "cursor": "not-allowed"
        },
        "hover": {
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
          "color": "#003677"
        }
      }
    },
    "file-list": {
      "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "file": {
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "1rem",
        "font-weight": "400",
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "line-height": 1.5,
        "details": {
          "color": "#767676"
        },
        "preview": {
          "width": "clamp(2.5rem, 10vw, 5rem)"
        }
      }
    },
    "grid": {
      "column-count": 4,
      "column-gap": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
      "padding-block": {
        "l": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "xl": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
        "2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
      },
      "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
      "row-gap": {
        "l": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "xl": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
        "2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
      },
      "medium": {
        "column-count": "initial",
        "padding-inline": "initial"
      },
      "wide": {
        "column-count": "initial",
        "padding-inline": "initial"
      },
      "vi-medium": {
        "column-count": 8,
        "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
      },
      "vi-wide": {
        "column-count": 12,
        "padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
      },
      "cell": {
        "background-color": "initial",
        "padding-block": "initial",
        "padding-inline": "initial"
      }
    },
    "heading": {
      "1": {
        "font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
        "line-height": 1.2
      },
      "2": {
        "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
        "line-height": 1.3
      },
      "3": {
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "line-height": 1.3
      },
      "4": {
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "line-height": 1.4
      },
      "5": {
        "font-size": "1rem",
        "line-height": 1.4
      },
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-weight": "800",
      "text-wrap": "balance",
      "inverse": {
        "color": "#ffffff"
      }
    },
    "hint": {
      "font-weight": "400",
      "in-fieldset": {
        "color": "#767676"
      }
    },
    "icon-button": {
      "color": "#004699",
      "cursor": "pointer",
      "outline-offset": "0.25rem",
      "hover": {
        "background-color": "rgb(0 70 153 / 12.5%)",
        "color": "#003677"
      },
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "contrast": {
        "color": "#202020",
        "hover": {
          "background-color": "rgb(0 0 0 / 12.5%)",
          "color": "#202020"
        },
        "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, 1.0893rem + 0.1786vw, 1.25rem)",
      "line-height": 1.6,
      "small": {
        "font-size": "1rem",
        "line-height": 1.5
      },
      "large": {
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "line-height": 1.5
      },
      "heading-1": {
        "font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
        "line-height": 1.2
      },
      "heading-2": {
        "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
        "line-height": 1.3
      },
      "heading-3": {
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "line-height": 1.3
      },
      "heading-4": {
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "line-height": 1.4
      },
      "heading-5": {
        "font-size": "1rem",
        "line-height": 1.4
      },
      "inverse": {
        "color": "#ffffff"
      }
    },
    "image-slider": {
      "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
      "scroller": {
        "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "outline-offset": "0.25rem"
      },
      "thumbnails": {
        "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "thumbnail": {
          "background-color": "transparent",
          "cursor": "pointer",
          "opacity": "40%",
          "outline-offset": "0.25rem",
          "in-view": {
            "opacity": "100%"
          },
          "hover": {
            "opacity": "100%"
          }
        }
      },
      "figure": {
        "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      }
    },
    "image": {
      "aspect-ratio": "16 / 9"
    },
    "invalid-form-alert": {
      "outline-offset": "0.25rem"
    },
    "label": {
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
      "font-weight": "800",
      "line-height": 1.3,
      "text-wrap": "balance",
      "in-fieldset": {
        "font-weight": "400"
      }
    },
    "link-list": {
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "link": {
        "color": "#004699",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "font-weight": "400",
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "line-height": 1.6,
        "outline-offset": "0.25rem",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.15625rem",
        "small": {
          "font-size": "1rem",
          "line-height": 1.5
        },
        "large": {
          "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
          "line-height": 1.5
        },
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        },
        "contrast": {
          "color": "#202020",
          "hover": {
            "color": "#202020"
          }
        },
        "inverse": {
          "color": "#ffffff",
          "hover": {
            "color": "#ffffff"
          }
        }
      }
    },
    "link": {
      "color": "#004699",
      "font-family": "inherit",
      "font-size": "inherit",
      "font-weight": "400",
      "line-height": "inherit",
      "outline-offset": "0.25rem",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.15625rem",
      "hover": {
        "color": "#003677",
        "text-decoration-thickness": "0.1875rem",
        "text-underline-offset": "0.09375rem"
      },
      "contrast": {
        "color": "#202020",
        "hover": {
          "color": "#202020"
        }
      },
      "inverse": {
        "color": "#ffffff",
        "hover": {
          "color": "#ffffff"
        }
      }
    },
    "logo": {
      "block-size": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)",
      "min-block-size": "2.5rem",
      "emblem": {
        "color": "#ec0000"
      },
      "subsite": {
        "color": "#202020"
      },
      "title": {
        "color": "#ec0000"
      }
    },
    "mark": {
      "background-color": "#ffe600"
    },
    "menu": {
      "background-color": "#004699",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.6,
      "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "wide": {
        "max-inline-size": "initial",
        "padding-block": "initial",
        "padding-inline": "initial"
      },
      "vi-wide": {
        "max-inline-size": "8rem",
        "padding-block": "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)",
        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
      },
      "link": {
        "color": "#ffffff",
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "outline-offset": "0.25rem",
        "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.15625rem",
        "hover": {
          "color": "#ffffff",
          "text-decoration-line": "underline"
        },
        "wide": {
          "gap": "initial"
        },
        "vi-wide": {
          "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"
        }
      },
      "list": {
        "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
      }
    },
    "ordered-list": {
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "line-height": 1.6,
      "list-style-type": "decimal",
      "small": {
        "font-size": "1rem",
        "line-height": 1.5
      },
      "inverse": {
        "color": "#ffffff"
      },
      "item": {
        "margin-inline-start": "2.25rem",
        "padding-inline-start": "0.25rem"
      },
      "ordered-list": {
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "list-style-type": "lower-alpha",
        "padding-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-block-start": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "item": {
          "margin-inline-start": "1.5rem",
          "padding-inline-start": "0.25rem"
        }
      }
    },
    "page-footer": {
      "menu": {
        "background-color": "#ffffff",
        "column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "row-gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "medium": {
          "padding-inline": "initial"
        },
        "wide": {
          "padding-inline": "initial"
        },
        "vi-medium": {
          "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
        },
        "vi-wide": {
          "padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
        },
        "link": {
          "color": "#004699",
          "font-family": "'Amsterdam Sans', Arial, sans-serif",
          "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
          "font-weight": "400",
          "line-height": 1.6,
          "outline-offset": "0.25rem",
          "text-decoration-line": "none",
          "text-decoration-thickness": "0.125rem",
          "text-underline-offset": "0.15625rem",
          "hover": {
            "color": "#003677",
            "text-decoration-line": "underline"
          }
        }
      },
      "spotlight": {
        "background-color": "#004699"
      }
    },
    "page-header": {
      "background-color": "#ffffff",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
      "padding-inline": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
      "medium": {
        "padding-inline": "initial"
      },
      "wide": {
        "padding-inline": "initial"
      },
      "vi-medium": {
        "padding-inline": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
      },
      "vi-wide": {
        "padding-inline": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
      },
      "logo-link": {
        "column-gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "outline-offset": "0.25rem"
      },
      "brand-name": {
        "color": "#202020",
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "font-weight": "800",
        "line-height": 1.3,
        "text-wrap": "balance"
      },
      "mega-menu": {
        "padding-block": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "button": {
          "background-color": "#004699",
          "color": "#ffffff",
          "cursor": "pointer",
          "label": {
            "open": {
              "font-weight": "400"
            }
          },
          "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
          "hover": {
            "background-color": "#003677",
            "color": "#ffffff"
          }
        }
      },
      "menu": {
        "column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "row-gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "item": {
          "color": "#004699",
          "column-gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
          "font-family": "'Amsterdam Sans', Arial, sans-serif",
          "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
          "font-weight": "400",
          "line-height": 1.6,
          "outline-offset": "0.25rem",
          "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
          "hover": {
            "color": "#003677"
          }
        },
        "link": {
          "color": "#004699",
          "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
          "text-decoration-line": "none",
          "text-decoration-thickness": "0.125rem",
          "text-underline-offset": "0.15625rem",
          "hover": {
            "text-decoration-line": "underline"
          }
        }
      },
      "navigation": {
        "column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "row-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
      }
    },
    "page": {
      "background-color": "#ffffff",
      "max-inline-size": "90rem",
      "with-menu": {
        "max-inline-size": "120rem",
        "area-skip-link": {
          "margin-inline-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
        }
      }
    },
    "pagination": {
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.6,
      "link": {
        "color": "#004699",
        "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "outline-offset": "0.25rem",
        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "text-decoration-line": "none",
        "text-decoration-thickness": "0.125rem",
        "text-underline-offset": "0.15625rem",
        "current": {
          "font-weight": "800"
        },
        "hover": {
          "color": "#003677",
          "text-decoration-line": "underline"
        }
      }
    },
    "paragraph": {
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.6,
      "inverse": {
        "color": "#ffffff"
      },
      "small": {
        "font-size": "1rem",
        "line-height": 1.5
      },
      "large": {
        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
        "line-height": 1.5,
        "text-wrap": "balance"
      }
    },
    "password-input": {
      "background-color": "#ffffff",
      "border-color": "currentColor",
      "border-style": "solid",
      "border-width": "0.125rem",
      "color": "#202020",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "line-height": 1.4,
      "outline-offset": "0.25rem",
      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
      "disabled": {
        "color": "#767676",
        "cursor": "not-allowed"
      },
      "hover": {
        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
      },
      "invalid": {
        "border-color": "#ec0000",
        "hover": {
          "border-color": "#b70000",
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
        }
      },
      "placeholder": {
        "color": "#767676"
      }
    },
    "progress-list": {
      "heading-2": {
        "step": {
          "marker": {
            "block-size": "calc(clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem) * 1.3)",
            "margin-block-start": "calc((1.3 * clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)) / 2)"
          }
        }
      },
      "heading-3": {
        "step": {
          "marker": {
            "block-size": "calc(clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem) * 1.3)",
            "margin-block-start": "calc((1.3 * clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)) / 2)"
          }
        }
      },
      "heading-4": {
        "step": {
          "marker": {
            "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.4)",
            "margin-block-start": "calc((1.4 * clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)) / 2)"
          }
        }
      },
      "button": {
        "color": "#004699",
        "cursor": "pointer",
        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "outline-offset": "0.25rem",
        "padding-block": "0",
        "padding-inline": "0",
        "hover": {
          "color": "#003677"
        }
      },
      "icon": {
        "transition-duration": "0.3s",
        "transition-timing-function": "ease"
      },
      "step": {
        "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "medium": {
          "gap": "initial"
        },
        "vi-medium": {
          "gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
        },
        "marker": {
          "shape": {
            "block-size": "1.5rem",
            "background-color": "#ffffff",
            "border-color": "#767676",
            "border-style": "solid",
            "border-width": "0.125rem",
            "outline-color": "#ffffff",
            "outline-style": "solid",
            "outline-width": "0.125rem"
          }
        },
        "connector": {
          "border-inline-color": "#767676",
          "border-inline-style": "dashed",
          "border-inline-width": "1px"
        },
        "heading": {
          "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
        },
        "content": {
          "margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
        },
        "completed": {
          "marker": {
            "shape": {
              "background-color": "#00893c",
              "border-color": "#00893c"
            }
          },
          "connector": {
            "border-inline-color": "#00893c",
            "border-inline-style": "solid"
          }
        },
        "current": {
          "marker": {
            "shape": {
              "background-color": "#00893c",
              "border-color": "#00893c"
            }
          },
          "connector": {
            "border-inline-color": "#00893c"
          }
        }
      },
      "substeps": {
        "padding-block-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "step": {
          "indicator": {
            "margin-inline-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
            "medium": {
              "margin-inline-end": "initial"
            },
            "vi-medium": {
              "margin-inline-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
            }
          },
          "marker": {
            "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
            "inline-size": "1.5rem",
            "shape": {
              "block-size": "0.75rem",
              "background-color": "#ffffff",
              "border-color": "#767676",
              "border-style": "solid",
              "border-width": "0.125rem",
              "outline-color": "#ffffff",
              "outline-style": "solid",
              "outline-width": "0.125rem"
            }
          },
          "connector": {
            "background-color": "#ffffff",
            "border-inline-color": "#767676",
            "border-inline-style": "dashed",
            "border-inline-width": "1px",
            "margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6 / 2)",
            "last-child": {
              "border-inline-color": "#ffffff"
            }
          },
          "content": {
            "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
          },
          "completed": {
            "marker": {
              "shape": {
                "background-color": "#00893c",
                "border-color": "#00893c"
              }
            },
            "connector": {
              "border-inline-color": "#00893c",
              "border-inline-style": "solid"
            }
          },
          "current": {
            "marker": {
              "shape": {
                "background-color": "#00893c",
                "border-color": "#00893c"
              }
            }
          }
        },
        "last-child": {
          "content": {
            "margin-block-end": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)"
          }
        }
      }
    },
    "radio": {
      "color": "#202020",
      "cursor": "pointer",
      "font-family": "'Amsterdam Sans', Arial, sans-serif",
      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
      "font-weight": "400",
      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
      "line-height": 1.6,
      "outline-offset": "0.25rem",
      "text-decoration-thickness": "0.125rem",
      "text-underline-offset": "0.15625rem",
      "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": {
        "hover": {
          "stroke": "#003677"
        },
        "invalid": {
          "hover": {
            "stroke": "#b70000"
          }
        }
      },
      "circle": {
        "fill": "#ffffff",
        "stroke": "#004699",
        "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, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
        "inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
      }
    },
    "row": {
      "gap": {
        "x-small": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
        "small": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "medium": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "large": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "x-large": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)"
      }
    },
    "search-field": {
      "input": {
        "background-color": "#ffffff",
        "border-color": "currentColor",
        "border-style": "solid",
        "border-width": "0.125rem",
        "color": "#202020",
        "font-family": "'Amsterdam Sans', Arial, sans-serif",
        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
        "font-weight": "400",
        "line-height": 1.4,
        "outline-offset": "0.25rem",
        "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
        "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "hover": {
          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
        },
        "invalid": {
          "border-color": "#ec0000",
          "hover": {
            "border-color": "#b70000