{
  "status": {
    "type": "Status"
  },
  "color_scheme": {
    "type": "ColorScheme",
    "php": true
  },
  "fullwidth": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .grid-cols-wrapper": "max-width:100% !important"
      }
    }
  },
  "zIndex": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "z-index: %s;"
      }
    }
  },
  "rowFullHeight-hold": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .grid-cols-wrapper": "height: 100vh; overflow-y: auto; overflow-x:hidden;"
      },
      "false": {
        ".grid-row-%s-%s > .grid-cols-wrapper": "height: auto; overflow: initial"
      }
    }
  },
  "width": {
    "type": "InputValue",
    "rules": {
      "@": {
        ".grid-row-%s-%s > .grid-cols-wrapper": "max-width:%spx"
      }
    }
  },
  "minHeightRow": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols": "min-height: 100vh"
      },
      "false": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols": "min-height: var(--min-height, auto)"
      }
    }
  },
  "minHeight": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols": "--min-height:%spx"
      }
    }
  },
  "contentGutter": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        ".top > .grid-rows > .grid-row-%s-%s > .grid-cols-wrapper": "--content-gutter: %s;",
        ".bottom > .grid-rows > .grid-row-%s-%s > .grid-cols-wrapper": "--content-gutter: %s;"
      }
    }
  },
  "contentGutterRight": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        "div.top > .grid-rows > .grid-row-%s-%s > .grid-cols-wrapper": "--content-gutter-right: %s",
        "div.bottom > .grid-rows > .grid-row-%s-%s > .grid-cols-wrapper": "--content-gutter-right: %s"
      }
    }
  },
  "columnsGap": {
    "type": "Gap",
    "variableType": "gap",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "--col-gap:%s"
      }
    }
  },
  "stackColumns": {
    "type": "InputValue",
    "variableType": "breakpoint",
    "value": "",
    "rules": {
      "@": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col": "flex-basis: calc((%spx + 1px - (100 * var(--unit, 1%)))*9999);"
      }
    }
  },
  "stackBase": {
    "type": "Radio",
    "value": "",
    "rules": {
      "%": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col": "--unit: 1%s"
      },
      "vw": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col": "--unit: 1%s"
      }
    }
  },
  "rowColsAlignV": {
    "type": "Radio",
    "value": "",
    "property": "justify-content: %s",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col > .grid-items"
  },
  "rowColsAlign": {
    "type": "Radio",
    "value": "",
    "property": "justify-content: %s",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "autoGrowColumns": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col": "flex-grow: 1"
      },
      "false": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col": "flex-grow: 0"
      }
    }
  },
  "contentAlign": {
    "type": "Toggle",
    "value": "false",
    "php": true,
    "rules": {
      "true": {
        ".fullwidth-row.grid-row-%s-%s > .grid-cols-wrapper": "margin-inline-start: max(0px, calc(50% - var(--content-max-width)/2))"
      }
    }
  },
  "colsTopMargin": {
    "property": "margin-top: calc(0px - %s)",
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "colsBackground": {
    "type": "Background",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > div.grid-cols"
  },
  "colsPadding": {
    "type": "Padding",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "colsBorder": {
    "type": "Border",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "colsBorderRadius": {
    "type": "BorderRadius",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "colsShadow": {
    "type": "Shadow",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols"
  },
  "colBackground": {
    "type": "Background",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col > .grid-items"
  },
  "colPadding": {
    "type": "Padding",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col > .grid-items"
  },
  "colBorderRadius": {
    "type": "BorderRadius",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col > .grid-items"
  },
  "colShadow": {
    "type": "Shadow",
    "selector": ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols > .grid-col > .grid-items"
  },
  "rowOverflow": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".grid-row-%s-%s": "overflow:hidden;"
      },
      "false": {
        ".grid-row-%s-%s": "overflow:initial;"
      }
    }
  },
  "colsOverflow": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols": "overflow: hidden;"
      },
      "false": {
        ".grid-row-%s-%s > .grid-cols-wrapper > .grid-cols": "overflow: initial;"
      }
    }
  },
  "paddingBoth": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "padding-top:%s; padding-bottom: %s"
      }
    }
  },
  "paddingBottom": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "padding-bottom: %s"
      }
    }
  },
  "padding": {
    "type": "Padding",
    "selector": ".grid-row-%s-%s"
  },
  "border": {
    "type": "Border",
    "selector": ".grid-row-%s-%s"
  },
  "shadow": {
    "type": "Shadow",
    "selector": ".grid-row-%s-%s"
  },
  "marginTop": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "margin-top:%s"
      }
    }
  },
  "margin": {
    "type": "Gap",
    "variableType": "gap",
    "value": "",
    "rules": {
      "@": {
        ".grid-row-%s-%s": "margin-bottom:%s"
      }
    }
  },
  "rowBackground": {
    "type": "Background",
    "selector": ".grid-row-%s-%s"
  },
  "background": {
    "type": "Background",
    "selector": ".grid-row-%s-%s > .row-bg, .grid-row-%s-%s > .grid-cols-wrapper > .grid-cols",
    "php": true
  },
  "backgroundBorder": {
    "type": "Border",
    "selector": ".grid-row-%s-%s > .row-bg"
  },
  "backgroundBorderRadius": {
    "type": "BorderRadius",
    "selector": ".grid-row-%s-%s > .row-bg"
  },
  "backgroundOpacity": {
    "type": "Input",
    "property": "opacity:%s",
    "selector": ".grid-row-%s-%s > .row-bg"
  },
  "backgroundAlign": {
    "type": "Radio",
    "value": "",
    "rules": {
      "top": {
        ".grid-row-%s-%s > .row-bg": "top: 0; transform: none;"
      },
      "center": {
        ".grid-row-%s-%s > .row-bg": "top: 50%; transform: translate3d(0,-50%,0);"
      },
      "bottom": {
        ".grid-row-%s-%s > .row-bg": "top: 100%; transform: translate3d(0,-100%,0);"
      }
    }
  },
  "backgroundHeight": {
    "type": "Input",
    "value": "",
    "property": "--row-bg-height: %s%",
    "selector": ".grid-row-%s-%s > .row-bg"
  },
  "backgroundOffset": {
    "type": "Input",
    "value": "",
    "property": "--row-bg-offset:%spx",
    "selector": ".grid-row-%s-%s > .row-bg"
  },
  "videoOpacity": {
    "type": "Input",
    "property": "opacity:%s",
    "selector": ".grid-row-%s-%s > .video-row"
  },
  "videoBgStatus": {
    "type": "Toggle",
    "value": "false",
    "php": true
  },
  "videoBg": {
    "type": "Input",
    "php": true
  },
  "videoInline": {
    "type": "Toggle",
    "value": "false",
    "php": true
  },
  "videoVisibility": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .video-row": "display:block;"
      },
      "false": {
        ".grid-row-%s-%s > .video-row": "display:none;"
      }
    }
  },
  "videoWidthType": {
    "type": "Radio",
    "value": "",
    "rules": {
      "row": {
        ".grid-row-%s-%s > .video-row": "max-width: 100%; --align-h: 0"
      },
      "content": {
        ".grid-row-%s-%s > .video-row": "max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px) * 2); --align-h: auto"
      }
    }
  },
  "videoMaxWidth": {
    "type": "InputNumber",
    "value": "",
    "property": "max-width: %s%",
    "selector": "div.grid-row-%s-%s > .video-row"
  },
  "videoMaxHeight": {
    "type": "InputNumber",
    "value": "",
    "property": "max-height: %s%",
    "selector": "div.grid-row-%s-%s > .video-row"
  },
  "videoAlignH": {
    "type": "Radio",
    "value": "",
    "rules": {
      "left": {
        "div.grid-row-%s-%s > .video-row": "left:0; right:auto; --align-h: 0"
      },
      "center": {
        "div.grid-row-%s-%s > .video-row": "left: 0; right:0; --align-h: auto"
      },
      "right": {
        "div.grid-row-%s-%s > .video-row": "left: auto; right:0; --align-h: 0;"
      }
    },
    "rtlRules": {
      "left": {
        "div.grid-row-%s-%s > .video-row": "left:auto; right:0;  --align-h: 0"
      },
      "center": {
        "div.grid-row-%s-%s > .video-row": "left: 0; right:0; --align-h: auto"
      },
      "right": {
        "div.grid-row-%s-%s > .video-row": "left: 0; right:auto; --align-h: 0"
      }
    }
  },
  "videoAlignV": {
    "type": "Radio",
    "value": "",
    "rules": {
      "top": {
        "div.grid-row-%s-%s > .video-row": "--align-v:0;"
      },
      "center": {
        "div.grid-row-%s-%s > .video-row": "--align-v: auto;"
      },
      "bottom": {
        "div.grid-row-%s-%s > .video-row": "--align-v:0;"
      }
    }
  },
  "videoClipPath": {
    "type": "Text",
    "value": "",
    "property": "%s",
    "selector": ".grid-row-%s-%s > .video-row"
  },
  "overlayStatus": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".grid-row-%s-%s::before": "content:''"
      }
    }
  },
  "overlayVisibility": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".grid-row-%s-%s::before": "display: block"
      },
      "false": {
        ".grid-row-%s-%s::before": "display: none"
      }
    }
  },
  "overlayOpacity": {
    "type": "Input",
    "property": "opacity:%s",
    "selector": ".grid-row-%s-%s::before"
  },
  "overlayBackground": {
    "type": "Background",
    "selector": ".grid-row-%s-%s::before"
  },
  "backgroundWidthType": {
    "type": "Radio",
    "value": "",
    "rules": {
      "row": {
        ".grid-row-%s-%s > .row-bg": "max-width: 100%;  margin:0;"
      },
      "content": {
        ".grid-row-%s-%s > .row-bg": "max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px) * 2);  margin:0 auto;"
      }
    }
  },
  "overlayWidthType": {
    "type": "Radio",
    "value": "",
    "rules": {
      "row": {
        ".grid-row-%s-%s::before": "max-width: 100%;  margin:0;"
      },
      "content": {
        ".grid-row-%s-%s::before": "max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px) * 2);  margin:0 auto;"
      }
    }
  },
  "overlayMaxWidth": {
    "type": "InputNumber",
    "value": "",
    "property": "max-width: %s%",
    "selector": "div.grid-row-%s-%s::before"
  },
  "overlayAlignNew": {
    "type": "Radio",
    "value": "",
    "rules": {
      "left": {
        "div.grid-row-%s-%s::before": "left:0; right:auto; margin:0;"
      },
      "center": {
        "div.grid-row-%s-%s::before": "left: 0; right:0; margin:0 auto;"
      },
      "right": {
        "div.grid-row-%s-%s::before": "left: auto; right:0; margin:0;"
      }
    },
    "rtlRules": {
      "left": {
        "div.grid-row-%s-%s::before": "left:auto; right:0;  margin:0;"
      },
      "center": {
        "div.grid-row-%s-%s::before": "left: 0; right:0;  margin:0 auto;"
      },
      "right": {
        "div.grid-row-%s-%s::before": "left: 0; right:auto; margin:0;"
      }
    }
  },
  "overlayAlignV": {
    "type": "Radio",
    "value": "",
    "rules": {
      "top": {
        ".grid-row-%s-%s::before": "top: calc(0px + var(--overlay-top, 0px)); transform: translate3d(0,0,0) rotate(var(--overlay-rotate, 0deg)) skew(var(--overlay-rotate, 0deg));"
      },
      "center": {
        ".grid-row-%s-%s::before": "top: calc(50% + var(--overlay-top, 0px)); transform: translate3d(0,-50%,0) rotate(var(--overlay-rotate, 0deg)) skew(var(--overlay-rotate, 0deg));"
      },
      "bottom": {
        ".grid-row-%s-%s::before": "top: calc(100% + var(--overlay-top, 0px)); transform: translate3d(0,-100%,0) rotate(var(--overlay-rotate, 0deg)) skew(var(--overlay-rotate, 0deg));"
      }
    }
  },
  "overlayClipPath": {
    "type": "Text",
    "value": "",
    "property": "%s",
    "selector": ".grid-row-%s-%s::before"
  },
  "rowOverlayBlend": {
    "type": "Select",
    "selector": ".grid-row-%s-%s::before",
    "property": "mix-blend-mode"
  },
  "overlayBorder": {
    "type": "Border",
    "selector": ".grid-row-%s-%s::before"
  },
  "overlayHeight": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s::before": "height:%s%"
      }
    }
  },
  "overlayAlign": {
    "type": "Radio",
    "value": "",
    "rules": {
      "left": {
        ".grid-row-%s-%s::before": "left:0; right:auto; width:50%"
      },
      "center": {
        ".grid-row-%s-%s::before": "left: 0; right:0; width:100%"
      },
      "right": {
        ".grid-row-%s-%s::before": "left: 50%; right:auto; width:50%"
      }
    },
    "rtlRules": {
      "left": {
        ".grid-row-%s-%s::before": "left:auto; right:0; width:50%"
      },
      "center": {
        ".grid-row-%s-%s::before": "left: 0; right:0; width:100%"
      },
      "right": {
        ".grid-row-%s-%s::before": "left: auto; right:50%; width:50%"
      }
    }
  },
  "overlayRotate": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s::before": "--overlay-rotate: %sdeg"
      }
    }
  },
  "overlayTop": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s::before": "--overlay-top: %svw"
      }
    }
  },
  "waveStatus": {
    "type": "Toggle",
    "value": "false",
    "php": true
  },
  "waveVisibility": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .wave-top": "display: block"
      },
      "false": {
        ".grid-row-%s-%s > .wave-top": "display: none"
      }
    }
  },
  "waveFill": {
    "type": "Color",
    "selector": ".grid-row-%s-%s > .wave path",
    "property": "fill"
  },
  "waveOpacity": {
    "type": "Input",
    "property": "opacity:%s",
    "selector": ".grid-row-%s-%s > .wave-top"
  },
  "waveBlend": {
    "type": "Select",
    "value": "",
    "selector": ".grid-row-%s-%s > .wave-top",
    "property": "mix-blend-mode"
  },
  "wave2Opacity": {
    "type": "Input",
    "property": "opacity:%s",
    "selector": ".grid-row-%s-%s > .wave-bottom"
  },
  "wave2Blend": {
    "type": "Select",
    "value": "",
    "selector": ".grid-row-%s-%s > .wave-bottom",
    "property": "mix-blend-mode"
  },
  "waveHeight": {
    "type": "InputNumber",
    "value": "",
    "selector": ".grid-row-%s-%s > .wave-top",
    "property": "height: %s%"
  },
  "wave2Height": {
    "type": "InputNumber",
    "value": "",
    "selector": ".grid-row-%s-%s > .wave-bottom",
    "property": "height: %s%"
  },
  "waveOrientation": {
    "type": "Radio",
    "value": "up",
    "rules": {
      "up": {
        ".grid-row-%s-%s > .wave-top": "transform: translate3d(0,-63%,0) scale(1);"
      },
      "down": {
        ".grid-row-%s-%s > .wave-top": "transform: translate3d(0,0,0) scale(-1);"
      }
    }
  },
  "wave2Orientation": {
    "type": "Radio",
    "value": "down",
    "rules": {
      "up": {
        ".grid-row-%s-%s > .wave-bottom": "transform: translate3d(0,0,0) scale(1);"
      },
      "down": {
        ".grid-row-%s-%s > .wave-bottom": "transform: translate3d(0,63%,0) scale(-1);"
      }
    }
  },
  "waveOffset": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s > .wave-top": "transform: translateY(calc(-63% + %s%))"
      }
    }
  },
  "waveDirection": {
    "type": "InputSlider",
    "value": "5",
    "php": true
  },
  "wave2Status": {
    "type": "Toggle",
    "value": "false",
    "php": true
  },
  "wave2Visibility": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".grid-row-%s-%s > .wave-bottom": "display: block"
      },
      "false": {
        ".grid-row-%s-%s > .wave-bottom": "display: none"
      }
    }
  },
  "wave2Fill": {
    "type": "Color",
    "selector": ".grid-row-%s-%s > .wave-bottom path",
    "property": "fill"
  },
  "wave2Offset": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".grid-row-%s-%s > .wave-bottom": "transform: translateY(calc(63% + %s%)) scaleY(-1)"
      }
    }
  },
  "wave2Direction": {
    "type": "InputSlider",
    "value": "5",
    "php": true
  },
  "customClass": {
    "type": "Input"
  },
  "customCss": {
    "type": "Input"
  }
}