media-chrome/dist/vscode.css-data.json

Custom elements (web components) for making audio and video player controls that look great in your website or app.

{
  "version": 1.1,
  "properties": [
    {
      "name": "--media-airplay-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-captions-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-cast-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text / icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-dialog-display",
      "description": "`display` of dialog.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of range bar.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of range background.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`height` of control.",
      "values": []
    },
    {
      "name": "--media-range-padding",
      "description": "`padding` of range.",
      "values": []
    },
    {
      "name": "--media-range-padding-left",
      "description": "`padding-left` of range.",
      "values": []
    },
    {
      "name": "--media-range-padding-right",
      "description": "`padding-right` of range.",
      "values": []
    },
    {
      "name": "--media-range-thumb-width",
      "description": "`width` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-height",
      "description": "`height` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-border",
      "description": "`border` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-border-radius",
      "description": "`border-radius` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-background",
      "description": "`background` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-box-shadow",
      "description": "`box-shadow` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-transition",
      "description": "`transition` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-transform",
      "description": "`transform` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-thumb-opacity",
      "description": "`opacity` of range thumb.",
      "values": []
    },
    {
      "name": "--media-range-bar-color",
      "description": "`background` of range progress.",
      "values": []
    },
    {
      "name": "--media-range-track-background",
      "description": "`background` of range track background.",
      "values": []
    },
    {
      "name": "--media-range-track-backdrop-filter",
      "description": "`backdrop-filter` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-width",
      "description": "`width` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-height",
      "description": "`height` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-border",
      "description": "`border` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-outline",
      "description": "`outline` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-outline-offset",
      "description": "`outline-offset` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-border-radius",
      "description": "`border-radius` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-box-shadow",
      "description": "`box-shadow` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-transition",
      "description": "`transition` of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-translate-x",
      "description": "`translate` x-coordinate of range track.",
      "values": []
    },
    {
      "name": "--media-range-track-translate-y",
      "description": "`translate` y-coordinate of range track.",
      "values": []
    },
    {
      "name": "--media-time-range-hover-display",
      "description": "`display` of range hover zone.",
      "values": []
    },
    {
      "name": "--media-time-range-hover-bottom",
      "description": "`bottom` of range hover zone.",
      "values": []
    },
    {
      "name": "--media-time-range-hover-height",
      "description": "`height` of range hover zone.",
      "values": []
    },
    {
      "name": "--media-range-track-pointer-background",
      "description": "`background` of range track pointer.",
      "values": []
    },
    {
      "name": "--media-range-track-pointer-border-right",
      "description": "`border-right` of range track pointer.",
      "values": []
    },
    {
      "name": "--media-background-color",
      "description": "`background-color` of container.",
      "values": []
    },
    {
      "name": "--media-slot-display",
      "description": "`display` of the media slot (default none for [audio] usage).",
      "values": []
    },
    {
      "name": "--media-control-transition-out",
      "description": "`transition` used to define the animation effect when hiding the container.",
      "values": []
    },
    {
      "name": "--media-control-transition-in",
      "description": "`transition` used to define the animation effect when showing the container.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-control-bar-display",
      "description": "`display` property of control bar.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-background-color",
      "description": "`background-color` of container.",
      "values": []
    },
    {
      "name": "--media-slot-display",
      "description": "`display` of the media slot (default none for [audio] usage).",
      "values": []
    },
    {
      "name": "--media-control-transition-out",
      "description": "`transition` used to define the animation effect when hiding the container.",
      "values": []
    },
    {
      "name": "--media-control-transition-in",
      "description": "`transition` used to define the animation effect when showing the container.",
      "values": []
    },
    {
      "name": "--media-duration-display-display",
      "description": "`display` property of display.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text / icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-dialog-display",
      "description": "`display` of dialog.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-fullscreen-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-gesture-receiver-display",
      "description": "`display` property of gesture receiver.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-live-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-live-button-icon-color",
      "description": "`fill` and `color` of not live button icon.",
      "values": []
    },
    {
      "name": "--media-live-button-indicator-color",
      "description": "`fill` and `color` of live button icon.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-loading-indicator-display",
      "description": "`display` property of loading indicator.",
      "values": []
    },
    {
      "name": "--media-loading-indicator-opacity",
      "description": "`opacity` property of loading indicator. Set to 1 to force it to be visible.",
      "values": []
    },
    {
      "name": "--media-loading-indicator-transition-delay",
      "description": "`transition-delay` property of loading indicator. Make sure to include units.",
      "values": []
    },
    {
      "name": "--media-loading-indicator-icon-width",
      "description": "`width` of loading icon.",
      "values": []
    },
    {
      "name": "--media-loading-indicator-icon-height",
      "description": "`height` of loading icon.",
      "values": []
    },
    {
      "name": "--media-mute-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-pip-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-play-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-playback-rate-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-poster-image-display",
      "description": "`display` property of poster image.",
      "values": []
    },
    {
      "name": "--media-poster-image-background-position",
      "description": "`background-position` of poster image.",
      "values": []
    },
    {
      "name": "--media-poster-image-background-size",
      "description": "`background-size` of poster image.",
      "values": []
    },
    {
      "name": "--media-object-fit",
      "description": "`object-fit` of poster image.",
      "values": []
    },
    {
      "name": "--media-object-position",
      "description": "`object-position` of poster image.",
      "values": []
    },
    {
      "name": "--media-preview-chapter-display-display",
      "description": "`display` property of display.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-display",
      "description": "`display` property of display.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-preview-time-display-display",
      "description": "`display` property of display.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-seek-backward-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-seek-forward-button-display",
      "description": "`display` property of button.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text and icon.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of button background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of button text.",
      "values": []
    },
    {
      "name": "--media-icon-color",
      "description": "`fill` color of button icon.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of button text.",
      "values": []
    },
    {
      "name": "--media-button-icon-width",
      "description": "`width` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-height",
      "description": "`height` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transform",
      "description": "`transform` of button icon.",
      "values": []
    },
    {
      "name": "--media-button-icon-transition",
      "description": "`transition` of button icon.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-time-display-display",
      "description": "`display` property of display.",
      "values": []
    },
    {
      "name": "--media-control-hover-background",
      "description": "`background` of control hover state.",
      "values": []
    },
    {
      "name": "--media-primary-color",
      "description": "Default color of text.",
      "values": []
    },
    {
      "name": "--media-secondary-color",
      "description": "Default color of background.",
      "values": []
    },
    {
      "name": "--media-text-color",
      "description": "`color` of text.",
      "values": []
    },
    {
      "name": "--media-control-display",
      "description": "`display` property of control.",
      "values": []
    },
    {
      "name": "--media-control-background",
      "description": "`background` of control.",
      "values": []
    },
    {
      "name": "--media-control-padding",
      "description": "`padding` of control.",
      "values": []
    },
    {
      "name": "--media-control-height",
      "description": "`line-height` of control.",
      "values": []
    },
    {
      "name": "--media-font",
      "description": "`font` shorthand property.",
      "values": []
    },
    {
      "name": "--media-font-weight",
      "description": "`font-weight` property.",
      "values": []
    },
    {
      "name": "--media-font-family",
      "description": "`font-family` property.",
      "values": []
    },
    {
      "name": "--media-font-size",
      "description": "`font-size` property.",
      "values": []
    },
    {
      "name": "--media-text-content-height",
      "description": "`line-height` of text.",
      "values": []
    },
    {
      "name": "--media-time-range-display",
      "description": "`display` property of range.",
      "values": []
    },
    {
      "name": "--media-preview-transition-property",
      "description": "`transition-property` of range hover preview.",
      "values": []
    },
    {
      "name": "--media-preview-transition-duration-out",
      "description": "`transition-duration` out of range hover preview.",
      "values": []
    },
    {
      "name": "--media-preview-transition-delay-out",
      "description": "`transition-delay` out of range hover preview.",
      "values": []
    },
    {
      "name": "--media-preview-transition-duration-in",
      "description": "`transition-duration` in of range hover preview.",
      "values": []
    },
    {
      "name": "--media-preview-transition-delay-in",
      "description": "`transition-delay` in of range hover preview.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-background",
      "description": "`background` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-box-shadow",
      "description": "`box-shadow` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-max-width",
      "description": "`max-width` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-max-height",
      "description": "`max-height` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-min-width",
      "description": "`min-width` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-min-height",
      "description": "`min-height` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-thumbnail-border-radius",
      "description": "`border-radius` of range preview thumbnail.",
      "values": []
    },
    {
      "name": "--media-preview-th