!function() {
  var ruleIndex = -1
  var lastHeight = -1
  function updateScrollPaddingTop() {
    var sh = document.querySelector(".form-header-sticky")
    var height = 0
    if (sh) {
      height = sh.offsetHeight
    }
    if ((!height && ruleIndex < 0) || height === lastHeight) {
      return
    }
    var ss = findFormBuilderCSS()
    if (!ss) {
      return
    }
    if (ruleIndex >= 0) {
      ss.deleteRule(ruleIndex)
      ruleIndex = -1
    }
    if (height > 0) {
      var rule = "html {scroll-padding-top: "+height+"px}"
      console.log(rule)
      ruleIndex =  ss.insertRule(rule, ss.cssRules.length)
    }
    lastHeight = height
  }
  function findFormBuilderCSS() {
    for (var i = 0; i < document.styleSheets.length; i++) {
      var ss = document.styleSheets[i]
      if (ss.ownerNode.id === "form-builder-css") {
        return ss
      }
    }
  }
  window.addEventListener("DOMContentLoaded", function() {
    updateScrollPaddingTop()
  })
  var timeout
  window.addEventListener("resize", function() {
    clearTimeout(timeout)
    timeout = setTimeout(updateScrollPaddingTop, 250)
  })
}()