{
  "Background": {
    "type": "Background",
    "selector": ".manufacturer-thumb"
  },
  "BackgroundHover": {
    "type": "Background",
    "selector": ".manufacturer-thumb:hover"
  },
  "Shadow": {
    "type": "Shadow",
    "selector": ".manufacturer-thumb"
  },
  "ShadowHover": {
    "type": "Shadow",
    "selector": ".manufacturer-thumb:hover"
  },
  "Border": {
    "type": "Border",
    "selector": ".manufacturer-thumb"
  },
  "BorderHover": {
    "type": "Color",
    "property": "border-color:%s",
    "selector": ".manufacturer-thumb:hover"
  },
  "BorderRadius": {
    "type": "BorderRadius",
    "selector": ".manufacturer-thumb"
  },
  "ItemPadding": {
    "type": "Padding",
    "selector": ".manufacturer-thumb"
  },
  "ImageVisibility": {
    "type": "Toggle",
    "rules": {
      "true": {
        ".manufacturer-thumb .image": "display: block"
      },
      "false": {
        ".manufacturer-thumb .image": "display: none"
      }
    }
  },
  "ImageBackground": {
    "type": "Background",
    "selector": ".manufacturer-thumb .image a"
  },
  "ImageBorder": {
    "type": "Border",
    "selector": ".manufacturer-thumb .image a"
  },
  "ImageBorderHover": {
    "type": "Color",
    "property": "border-color:%s",
    "selector": ".manufacturer-thumb:hover .image a"
  },
  "ImageBorderRadius": {
    "type": "BorderRadius",
    "selector": ".manufacturer-thumb .image a"
  },
  "ImageShadow": {
    "type": "Shadow",
    "selector": ".manufacturer-thumb .image a"
  },
  "ImageShadowHover": {
    "type": "Shadow",
    "selector": ".manufacturer-thumb:hover .image a"
  },
  "ImagePadding": {
    "type": "Padding",
    "selector": ".manufacturer-thumb .image a"
  },
  "ImageOpacity": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".manufacturer-thumb .image img": "opacity:%s"
      }
    }
  },
  "ImageOpacityHover": {
    "type": "InputNumber",
    "rules": {
      "@": {
        ".manufacturer-thumb:hover .image img": "opacity:%s"
      }
    }
  },
  "ImageScale": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".manufacturer-thumb:hover .image img": "transform:scale(1.15)"
      },
      "false": {
        ".manufacturer-thumb .image img": "transform:scale(1)"
      }
    }
  },
  "ImageScaleNew": {
    "type": "InputPair",
    "selector": ".manufacturer-thumb .image",
    "properties": {
      "first": "--scale-hover: %s",
      "second": "--scale-active: %s"
    },
    "rules": {
      "@": {
        ".manufacturer-thumb:hover .image": "transform: scale(var(--scale-hover, 1));",
        ".manufacturer-thumb:active .image": "transform: scale(var(--scale-active, 1));"
      }
    }
  },
  "Grayscale": {
    "type": "Radio",
    "value": "",
    "rules": {
      "none": {
        ".manufacturer-thumb .image img": "filter: grayscale(0)"
      },
      "always": {
        ".manufacturer-thumb .image img": "filter: grayscale(1)"
      },
      "hover": {
        ".manufacturer-thumb .image img": "filter: grayscale(1)",
        ".manufacturer-thumb:hover .image img": "filter: grayscale(0)"
      }
    }
  },
  "ImageWidth": {
    "type": "InputNumber",
    "value": "",
    "rules": {
      "@": {
        ".manufacturer-thumb": "--image-width: %s%"
      }
    }
  },
  "ImageStack": {
    "type": "InputNumber",
    "value": "",
    "selector": ".manufacturer-thumb",
    "property": "--image-stack: %spx"
  },
  "DetailsGap": {
    "type": "InputNumber",
    "value": "",
    "property": "--details-gap: %spx",
    "selector": ".manufacturer-thumb"
  },
  "NameWidth": {
    "type": "Radio",
    "value": "100%",
    "selector": ".manufacturer-thumb .name",
    "property": "width: %s"
  },
  "NameMaxWidth": {
    "type": "InputNumber",
    "value": "",
    "selector": ".manufacturer-thumb .name",
    "property": "max-width: %s%"
  },
  "NameOffset": {
    "type": "InputNumber",
    "value": "",
    "selector": ".manufacturer-thumb .name",
    "property": "--bottom: %spx"
  },
  "NameDisplay": {
    "type": "Radio",
    "value": "none",
    "rules": {
      "always": {
        ".manufacturer-thumb .caption": "flex-basis: calc((var(--image-stack) - 100%) * 9999)",
        ".manufacturer-thumb .name": "display:block; position:static; opacity:1; left:0; transform: none;"
      },
      "hover": {
        ".manufacturer-thumb .caption": "flex-basis: 100%",
        ".manufacturer-thumb .name": "top: auto; position:absolute; bottom:var(--bottom, 0); display:block; opacity:0; left:50%; transform: translate3d(-50%,10px,0)",
        ".manufacturer-thumb:hover .name": "opacity:1; transform: translate3d(-50%,0%,0)"
      },
      "hoverOut": {
        ".manufacturer-thumb .caption": "flex-basis: 100%",
        ".manufacturer-thumb .name": "top: auto; position:absolute; bottom:var(--bottom, 0); display:block; opacity:0; left:50%; transform: translate3d(-50%,0,0)",
        ".manufacturer-thumb:hover .name": "opacity:1; transform: translate3d(-50%,50%,0)"
      },
      "none": {
        ".manufacturer-thumb .caption": "flex-basis: calc((var(--image-stack) - 100%) * 9999)",
        ".manufacturer-thumb .name": "display:none"
      }
    }
  },
  "NameOverflow": {
    "type": "Toggle",
    "value": "false",
    "rules": {
      "true": {
        ".manufacturer-thumb .name a": "white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
      },
      "false": {
        ".manufacturer-thumb .name a": "white-space: normal; overflow: initial; text-overflow: initial"
      }
    }
  },
  "NameFont": {
    "type": "Font",
    "selector": ".manufacturer-thumb .name a"
  },
  "NameFontHover": {
    "type": "Font",
    "selector": ".manufacturer-thumb:hover .name a"
  },
  "NameContainer": {
    "include": "common",
    "selector_prefix": ".manufacturer-thumb .name"
  },
  "ButtonStatus": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".manufacturer-thumb .button-group": "display:flex"
      },
      "false": {
        ".manufacturer-thumb .button-group": "display:none"
      }
    }
  },
  "DetailsAlign": {
    "type": "Radio",
    "value": "",
    "rules": {
      "start": {
        ".manufacturer-thumb .caption": "align-items:flex-start"
      },
      "center": {
        ".manufacturer-thumb .caption": "align-items:center"
      },
      "end": {
        ".manufacturer-thumb .caption": "align-items:flex-end"
      }
    }
  },
  "ButtonWidth": {
    "type": "Radio",
    "value": "auto",
    "rules": {
      "full": {
        ".manufacturer-thumb .btn-view-more": "width:100%; width: -webkit-fill-available; width: -moz-available; width: stretch"
      },
      "auto": {
        ".manufacturer-thumb .btn-view-more": "width:auto"
      }
    }
  },
  "ButtonPadding": {
    "type": "Padding",
    "selector": ".manufacturer-thumb .btn-view-more",
    "important": "true"
  },
  "ButtonMargin": {
    "type": "Margin",
    "selector": ".manufacturer-thumb .button-group"
  },
  "ButtonFont": {
    "type": "Font",
    "selector": ".manufacturer-thumb .btn-view-more",
    "important": "true"
  },
  "ButtonFontHover": {
    "type": "Font",
    "selector": ".manufacturer-thumb:hover .caption .button-group .btn-view-more",
    "important": "true"
  },
  "ButtonIcon": {
    "type": "Icon",
    "selector": ".manufacturer-thumb .btn-view-more::before"
  },
  "ButtonIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".manufacturer-thumb .btn-view-more:hover::before"
  },
  "ButtonRightIcon": {
    "type": "Icon",
    "selector": ".manufacturer-thumb .btn-view-more::after"
  },
  "ButtonRightIconHover": {
    "type": "Color",
    "property": "color:%s",
    "selector": ".manufacturer-thumb .btn-view-more:hover::after"
  },
  "ButtonButton": {
    "type": "Variable",
    "variable": "button",
    "selector_prefix": ".manufacturer-thumb .btn-view-more&"
  }
}




