{
  "of": {
    "progress-indicator": {
      "background-color": {"value": "{of.color.bg}"},
      "inset-block-start": {"value": "{of.app.grid-column-gap}"},
      "mobile": {
        "box-shadow": {"value": "0px 0px 2px 0px rgba(0, 0, 0, 0.2)"},
        "padding-block-end": {"value": "15px"},
        "padding-block-start": {"value": "15px"},
        "padding-inline-end": {"value": "15px"},
        "padding-inline-start": {"value": "15px"}
      },
      "mobile-header": {
        "color": {"value": "inherit"},
        "font-family": {"value": "{of.typography.sans-serif.font-family}"},
        "font-size": {"value": "1.125rem"},
        "gap": {"value": "0px"},
        "icon": {
          "flex-basis": {"value": "30px"}
        },
        "line-height": {"value": "1.1333"}
      },
      "nav": {
        "gap": {
          "comment": "Spacing between title and link list.",
          "value": "20px"
        },
        "mobile": {
          "list": {
            "gap": {"value": "15px"}
          },
          "padding-block-end": {"value": "15px"},
          "padding-block-start": {"value": "15px"},
          "padding-inline-end": {"value": "15px"},
          "padding-inline-start": {"value": "15px"}
        }
      },
      "padding-block-end": {"value": "40px"},
      "padding-block-start": {"value": "40px"},
      "padding-inline-end": {"value": "40px"},
      "padding-inline-start": {"value": "40px"}
    }
  }
}