Add m-esr52 at 52.6.0

11 files changed, 13349 insertions, 0 deletions

diff --git a/devtools/shared/css/color-db.js b/devtools/shared/css/color-db.js
new file mode 100644
index 000000000..5cbf508f1
--- /dev/null
+++ b/devtools/shared/css/color-db.js
@@ -0,0 +1,162 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// /!\  Auto-generated from nsColorNameList.h.
+// This should be kept in sync with that list.
+// test_cssColorDatabase.js tries to enforce this.
+
+const cssColors = {
+  aliceblue: [240, 248, 255, 1],
+  antiquewhite: [250, 235, 215, 1],
+  aqua: [0, 255, 255, 1],
+  aquamarine: [127, 255, 212, 1],
+  azure: [240, 255, 255, 1],
+  beige: [245, 245, 220, 1],
+  bisque: [255, 228, 196, 1],
+  black: [0, 0, 0, 1],
+  blanchedalmond: [255, 235, 205, 1],
+  blue: [0, 0, 255, 1],
+  blueviolet: [138, 43, 226, 1],
+  brown: [165, 42, 42, 1],
+  burlywood: [222, 184, 135, 1],
+  cadetblue: [95, 158, 160, 1],
+  chartreuse: [127, 255, 0, 1],
+  chocolate: [210, 105, 30, 1],
+  coral: [255, 127, 80, 1],
+  cornflowerblue: [100, 149, 237, 1],
+  cornsilk: [255, 248, 220, 1],
+  crimson: [220, 20, 60, 1],
+  cyan: [0, 255, 255, 1],
+  darkblue: [0, 0, 139, 1],
+  darkcyan: [0, 139, 139, 1],
+  darkgoldenrod: [184, 134, 11, 1],
+  darkgray: [169, 169, 169, 1],
+  darkgreen: [0, 100, 0, 1],
+  darkgrey: [169, 169, 169, 1],
+  darkkhaki: [189, 183, 107, 1],
+  darkmagenta: [139, 0, 139, 1],
+  darkolivegreen: [85, 107, 47, 1],
+  darkorange: [255, 140, 0, 1],
+  darkorchid: [153, 50, 204, 1],
+  darkred: [139, 0, 0, 1],
+  darksalmon: [233, 150, 122, 1],
+  darkseagreen: [143, 188, 143, 1],
+  darkslateblue: [72, 61, 139, 1],
+  darkslategray: [47, 79, 79, 1],
+  darkslategrey: [47, 79, 79, 1],
+  darkturquoise: [0, 206, 209, 1],
+  darkviolet: [148, 0, 211, 1],
+  deeppink: [255, 20, 147, 1],
+  deepskyblue: [0, 191, 255, 1],
+  dimgray: [105, 105, 105, 1],
+  dimgrey: [105, 105, 105, 1],
+  dodgerblue: [30, 144, 255, 1],
+  firebrick: [178, 34, 34, 1],
+  floralwhite: [255, 250, 240, 1],
+  forestgreen: [34, 139, 34, 1],
+  fuchsia: [255, 0, 255, 1],
+  gainsboro: [220, 220, 220, 1],
+  ghostwhite: [248, 248, 255, 1],
+  gold: [255, 215, 0, 1],
+  goldenrod: [218, 165, 32, 1],
+  gray: [128, 128, 128, 1],
+  grey: [128, 128, 128, 1],
+  green: [0, 128, 0, 1],
+  greenyellow: [173, 255, 47, 1],
+  honeydew: [240, 255, 240, 1],
+  hotpink: [255, 105, 180, 1],
+  indianred: [205, 92, 92, 1],
+  indigo: [75, 0, 130, 1],
+  ivory: [255, 255, 240, 1],
+  khaki: [240, 230, 140, 1],
+  lavender: [230, 230, 250, 1],
+  lavenderblush: [255, 240, 245, 1],
+  lawngreen: [124, 252, 0, 1],
+  lemonchiffon: [255, 250, 205, 1],
+  lightblue: [173, 216, 230, 1],
+  lightcoral: [240, 128, 128, 1],
+  lightcyan: [224, 255, 255, 1],
+  lightgoldenrodyellow: [250, 250, 210, 1],
+  lightgray: [211, 211, 211, 1],
+  lightgreen: [144, 238, 144, 1],
+  lightgrey: [211, 211, 211, 1],
+  lightpink: [255, 182, 193, 1],
+  lightsalmon: [255, 160, 122, 1],
+  lightseagreen: [32, 178, 170, 1],
+  lightskyblue: [135, 206, 250, 1],
+  lightslategray: [119, 136, 153, 1],
+  lightslategrey: [119, 136, 153, 1],
+  lightsteelblue: [176, 196, 222, 1],
+  lightyellow: [255, 255, 224, 1],
+  lime: [0, 255, 0, 1],
+  limegreen: [50, 205, 50, 1],
+  linen: [250, 240, 230, 1],
+  magenta: [255, 0, 255, 1],
+  maroon: [128, 0, 0, 1],
+  mediumaquamarine: [102, 205, 170, 1],
+  mediumblue: [0, 0, 205, 1],
+  mediumorchid: [186, 85, 211, 1],
+  mediumpurple: [147, 112, 219, 1],
+  mediumseagreen: [60, 179, 113, 1],
+  mediumslateblue: [123, 104, 238, 1],
+  mediumspringgreen: [0, 250, 154, 1],
+  mediumturquoise: [72, 209, 204, 1],
+  mediumvioletred: [199, 21, 133, 1],
+  midnightblue: [25, 25, 112, 1],
+  mintcream: [245, 255, 250, 1],
+  mistyrose: [255, 228, 225, 1],
+  moccasin: [255, 228, 181, 1],
+  navajowhite: [255, 222, 173, 1],
+  navy: [0, 0, 128, 1],
+  oldlace: [253, 245, 230, 1],
+  olive: [128, 128, 0, 1],
+  olivedrab: [107, 142, 35, 1],
+  orange: [255, 165, 0, 1],
+  orangered: [255, 69, 0, 1],
+  orchid: [218, 112, 214, 1],
+  palegoldenrod: [238, 232, 170, 1],
+  palegreen: [152, 251, 152, 1],
+  paleturquoise: [175, 238, 238, 1],
+  palevioletred: [219, 112, 147, 1],
+  papayawhip: [255, 239, 213, 1],
+  peachpuff: [255, 218, 185, 1],
+  peru: [205, 133, 63, 1],
+  pink: [255, 192, 203, 1],
+  plum: [221, 160, 221, 1],
+  powderblue: [176, 224, 230, 1],
+  purple: [128, 0, 128, 1],
+  rebeccapurple: [102, 51, 153, 1],
+  red: [255, 0, 0, 1],
+  rosybrown: [188, 143, 143, 1],
+  royalblue: [65, 105, 225, 1],
+  saddlebrown: [139, 69, 19, 1],
+  salmon: [250, 128, 114, 1],
+  sandybrown: [244, 164, 96, 1],
+  seagreen: [46, 139, 87, 1],
+  seashell: [255, 245, 238, 1],
+  sienna: [160, 82, 45, 1],
+  silver: [192, 192, 192, 1],
+  skyblue: [135, 206, 235, 1],
+  slateblue: [106, 90, 205, 1],
+  slategray: [112, 128, 144, 1],
+  slategrey: [112, 128, 144, 1],
+  snow: [255, 250, 250, 1],
+  springgreen: [0, 255, 127, 1],
+  steelblue: [70, 130, 180, 1],
+  tan: [210, 180, 140, 1],
+  teal: [0, 128, 128, 1],
+  thistle: [216, 191, 216, 1],
+  tomato: [255, 99, 71, 1],
+  turquoise: [64, 224, 208, 1],
+  violet: [238, 130, 238, 1],
+  wheat: [245, 222, 179, 1],
+  white: [255, 255, 255, 1],
+  whitesmoke: [245, 245, 245, 1],
+  yellow: [255, 255, 0, 1],
+  yellowgreen: [154, 205, 50, 1],
+};
+
+exports.cssColors = cssColors;
diff --git a/devtools/shared/css/color.js b/devtools/shared/css/color.js
new file mode 100644
index 000000000..b354043d7
--- /dev/null
+++ b/devtools/shared/css/color.js
@@ -0,0 +1,1117 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+const Services = require("Services");
+
+const {CSS_ANGLEUNIT} = require("devtools/shared/css/properties-db");
+const {getAngleValueInDegrees} = require("devtools/shared/css/parsing-utils");
+
+const {getCSSLexer} = require("devtools/shared/css/lexer");
+const {cssColors} = require("devtools/shared/css/color-db");
+
+const COLOR_UNIT_PREF = "devtools.defaultColorUnit";
+
+const SPECIALVALUES = new Set([
+  "currentcolor",
+  "initial",
+  "inherit",
+  "transparent",
+  "unset"
+]);
+
+/**
+ * This module is used to convert between various color types.
+ *
+ * Usage:
+ *   let {colorUtils} = require("devtools/shared/css/color");
+ *   let color = new colorUtils.CssColor("red");
+ *
+ *   color.authored === "red"
+ *   color.hasAlpha === false
+ *   color.valid === true
+ *   color.transparent === false // transparent has a special status.
+ *   color.name === "red"        // returns hex when no name available.
+ *   color.hex === "#f00"        // returns shortHex when available else returns
+ *                                  longHex. If alpha channel is present then we
+ *                                  return this.alphaHex if available,
+ *                                  or this.longAlphaHex if not.
+ *   color.alphaHex === "#f00f"  // returns short alpha hex when available
+ *                                  else returns longAlphaHex.
+ *   color.longHex === "#ff0000" // If alpha channel is present then we return
+ *                                  this.longAlphaHex.
+ *   color.longAlphaHex === "#ff0000ff"
+ *   color.rgb === "rgb(255, 0, 0)" // If alpha channel is present
+ *                                  // then we return this.rgba.
+ *   color.rgba === "rgba(255, 0, 0, 1)"
+ *   color.hsl === "hsl(0, 100%, 50%)"
+ *   color.hsla === "hsla(0, 100%, 50%, 1)" // If alpha channel is present
+ *                                             then we return this.rgba.
+ *
+ *   color.toString() === "#f00"; // Outputs the color type determined in the
+ *                                   COLOR_UNIT_PREF constant (above).
+ *   // Color objects can be reused
+ *   color.newColor("green") === "#0f0"; // true
+ *
+ *   Valid values for COLOR_UNIT_PREF are contained in CssColor.COLORUNIT.
+ */
+
+function CssColor(colorValue) {
+  this.newColor(colorValue);
+}
+
+module.exports.colorUtils = {
+  CssColor: CssColor,
+  rgbToHsl: rgbToHsl,
+  setAlpha: setAlpha,
+  classifyColor: classifyColor,
+  rgbToColorName: rgbToColorName,
+  colorToRGBA: colorToRGBA,
+  isValidCSSColor: isValidCSSColor,
+};
+
+/**
+ * Values used in COLOR_UNIT_PREF
+ */
+CssColor.COLORUNIT = {
+  "authored": "authored",
+  "hex": "hex",
+  "name": "name",
+  "rgb": "rgb",
+  "hsl": "hsl"
+};
+
+CssColor.prototype = {
+  _colorUnit: null,
+  _colorUnitUppercase: false,
+
+  // The value as-authored.
+  authored: null,
+  // A lower-cased copy of |authored|.
+  lowerCased: null,
+
+  _setColorUnitUppercase: function (color) {
+    // Specifically exclude the case where the color is
+    // case-insensitive.  This makes it so that "#000" isn't
+    // considered "upper case" for the purposes of color cycling.
+    this._colorUnitUppercase = (color === color.toUpperCase()) &&
+      (color !== color.toLowerCase());
+  },
+
+  get colorUnit() {
+    if (this._colorUnit === null) {
+      let defaultUnit = Services.prefs.getCharPref(COLOR_UNIT_PREF);
+      this._colorUnit = CssColor.COLORUNIT[defaultUnit];
+      this._setColorUnitUppercase(this.authored);
+    }
+    return this._colorUnit;
+  },
+
+  set colorUnit(unit) {
+    this._colorUnit = unit;
+  },
+
+  /**
+   * If the current color unit pref is "authored", then set the
+   * default color unit from the given color.  Otherwise, leave the
+   * color unit untouched.
+   *
+   * @param {String} color The color to use
+   */
+  setAuthoredUnitFromColor: function (color) {
+    if (Services.prefs.getCharPref(COLOR_UNIT_PREF) ===
+        CssColor.COLORUNIT.authored) {
+      this._colorUnit = classifyColor(color);
+      this._setColorUnitUppercase(color);
+    }
+  },
+
+  get hasAlpha() {
+    if (!this.valid) {
+      return false;
+    }
+    return this._getRGBATuple().a !== 1;
+  },
+
+  get valid() {
+    return isValidCSSColor(this.authored);
+  },
+
+  /**
+   * Return true for all transparent values e.g. rgba(0, 0, 0, 0).
+   */
+  get transparent() {
+    try {
+      let tuple = this._getRGBATuple();
+      return !(tuple.r || tuple.g || tuple.b || tuple.a);
+    } catch (e) {
+      return false;
+    }
+  },
+
+  get specialValue() {
+    return SPECIALVALUES.has(this.lowerCased) ? this.authored : null;
+  },
+
+  get name() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+
+    try {
+      let tuple = this._getRGBATuple();
+
+      if (tuple.a !== 1) {
+        return this.hex;
+      }
+      let {r, g, b} = tuple;
+      return rgbToColorName(r, g, b);
+    } catch (e) {
+      return this.hex;
+    }
+  },
+
+  get hex() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (this.hasAlpha) {
+      return this.alphaHex;
+    }
+
+    let hex = this.longHex;
+    if (hex.charAt(1) == hex.charAt(2) &&
+        hex.charAt(3) == hex.charAt(4) &&
+        hex.charAt(5) == hex.charAt(6)) {
+      hex = "#" + hex.charAt(1) + hex.charAt(3) + hex.charAt(5);
+    }
+    return hex;
+  },
+
+  get alphaHex() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+
+    let alphaHex = this.longAlphaHex;
+    if (alphaHex.charAt(1) == alphaHex.charAt(2) &&
+        alphaHex.charAt(3) == alphaHex.charAt(4) &&
+        alphaHex.charAt(5) == alphaHex.charAt(6) &&
+        alphaHex.charAt(7) == alphaHex.charAt(8)) {
+      alphaHex = "#" + alphaHex.charAt(1) + alphaHex.charAt(3) +
+        alphaHex.charAt(5) + alphaHex.charAt(7);
+    }
+    return alphaHex;
+  },
+
+  get longHex() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (this.hasAlpha) {
+      return this.longAlphaHex;
+    }
+
+    let tuple = this._getRGBATuple();
+    return "#" + ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) +
+                  (tuple.b << 0)).toString(16).substr(-6);
+  },
+
+  get longAlphaHex() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+
+    let tuple = this._getRGBATuple();
+    return "#" + ((1 << 24) + (tuple.r << 16) + (tuple.g << 8) +
+                  (tuple.b << 0)).toString(16).substr(-6) +
+                  Math.round(tuple.a * 255).toString(16).padEnd(2, "0");
+  },
+
+  get rgb() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (!this.hasAlpha) {
+      if (this.lowerCased.startsWith("rgb(")) {
+        // The color is valid and begins with rgb(.
+        return this.authored;
+      }
+      let tuple = this._getRGBATuple();
+      return "rgb(" + tuple.r + ", " + tuple.g + ", " + tuple.b + ")";
+    }
+    return this.rgba;
+  },
+
+  get rgba() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (this.lowerCased.startsWith("rgba(")) {
+      // The color is valid and begins with rgba(.
+      return this.authored;
+    }
+    let components = this._getRGBATuple();
+    return "rgba(" + components.r + ", " +
+                     components.g + ", " +
+                     components.b + ", " +
+                     components.a + ")";
+  },
+
+  get hsl() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (this.lowerCased.startsWith("hsl(")) {
+      // The color is valid and begins with hsl(.
+      return this.authored;
+    }
+    if (this.hasAlpha) {
+      return this.hsla;
+    }
+    return this._hsl();
+  },
+
+  get hsla() {
+    let invalidOrSpecialValue = this._getInvalidOrSpecialValue();
+    if (invalidOrSpecialValue !== false) {
+      return invalidOrSpecialValue;
+    }
+    if (this.lowerCased.startsWith("hsla(")) {
+      // The color is valid and begins with hsla(.
+      return this.authored;
+    }
+    if (this.hasAlpha) {
+      let a = this._getRGBATuple().a;
+      return this._hsl(a);
+    }
+    return this._hsl(1);
+  },
+
+  /**
+   * Check whether the current color value is in the special list e.g.
+   * transparent or invalid.
+   *
+   * @return {String|Boolean}
+   *         - If the current color is a special value e.g. "transparent" then
+   *           return the color.
+   *         - If the color is invalid return an empty string.
+   *         - If the color is a regular color e.g. #F06 so we return false
+   *           to indicate that the color is neither invalid or special.
+   */
+  _getInvalidOrSpecialValue: function () {
+    if (this.specialValue) {
+      return this.specialValue;
+    }
+    if (!this.valid) {
+      return "";
+    }
+    return false;
+  },
+
+  /**
+   * Change color
+   *
+   * @param  {String} color
+   *         Any valid color string
+   */
+  newColor: function (color) {
+    // Store a lower-cased version of the color to help with format
+    // testing.  The original text is kept as well so it can be
+    // returned when needed.
+    this.lowerCased = color.toLowerCase();
+    this.authored = color;
+    this._setColorUnitUppercase(color);
+    return this;
+  },
+
+  nextColorUnit: function () {
+    // Reorder the formats array to have the current format at the
+    // front so we can cycle through.
+    let formats = ["hex", "hsl", "rgb", "name"];
+    let currentFormat = classifyColor(this.toString());
+    let putOnEnd = formats.splice(0, formats.indexOf(currentFormat));
+    formats = formats.concat(putOnEnd);
+    let currentDisplayedColor = this[formats[0]];
+
+    for (let format of formats) {
+      if (this[format].toLowerCase() !== currentDisplayedColor.toLowerCase()) {
+        this.colorUnit = CssColor.COLORUNIT[format];
+        break;
+      }
+    }
+
+    return this.toString();
+  },
+
+  /**
+   * Return a string representing a color of type defined in COLOR_UNIT_PREF.
+   */
+  toString: function () {
+    let color;
+
+    switch (this.colorUnit) {
+      case CssColor.COLORUNIT.authored:
+        color = this.authored;
+        break;
+      case CssColor.COLORUNIT.hex:
+        color = this.hex;
+        break;
+      case CssColor.COLORUNIT.hsl:
+        color = this.hsl;
+        break;
+      case CssColor.COLORUNIT.name:
+        color = this.name;
+        break;
+      case CssColor.COLORUNIT.rgb:
+        color = this.rgb;
+        break;
+      default:
+        color = this.rgb;
+    }
+
+    if (this._colorUnitUppercase &&
+        this.colorUnit != CssColor.COLORUNIT.authored) {
+      color = color.toUpperCase();
+    }
+
+    return color;
+  },
+
+  /**
+   * Returns a RGBA 4-Tuple representation of a color or transparent as
+   * appropriate.
+   */
+  _getRGBATuple: function () {
+    let tuple = colorToRGBA(this.authored);
+
+    tuple.a = parseFloat(tuple.a.toFixed(1));
+
+    return tuple;
+  },
+
+  _hsl: function (maybeAlpha) {
+    if (this.lowerCased.startsWith("hsl(") && maybeAlpha === undefined) {
+      // We can use it as-is.
+      return this.authored;
+    }
+
+    let {r, g, b} = this._getRGBATuple();
+    let [h, s, l] = rgbToHsl([r, g, b]);
+    if (maybeAlpha !== undefined) {
+      return "hsla(" + h + ", " + s + "%, " + l + "%, " + maybeAlpha + ")";
+    }
+    return "hsl(" + h + ", " + s + "%, " + l + "%)";
+  },
+
+  /**
+   * This method allows comparison of CssColor objects using ===.
+   */
+  valueOf: function () {
+    return this.rgba;
+  },
+};
+
+/**
+ * Convert rgb value to hsl
+ *
+ * @param {array} rgb
+ *         Array of rgb values
+ * @return {array}
+ *         Array of hsl values.
+ */
+function rgbToHsl([r, g, b]) {
+  r = r / 255;
+  g = g / 255;
+  b = b / 255;
+
+  let max = Math.max(r, g, b);
+  let min = Math.min(r, g, b);
+  let h;
+  let s;
+  let l = (max + min) / 2;
+
+  if (max == min) {
+    h = s = 0;
+  } else {
+    let d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+    switch (max) {
+      case r:
+        h = ((g - b) / d) % 6;
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h *= 60;
+    if (h < 0) {
+      h += 360;
+    }
+  }
+
+  return [roundTo(h, 1), roundTo(s * 100, 1), roundTo(l * 100, 1)];
+}
+
+function roundTo(number, digits) {
+  const multiplier = Math.pow(10, digits);
+  return Math.round(number * multiplier) / multiplier;
+}
+
+/**
+ * Takes a color value of any type (hex, hsl, hsla, rgb, rgba)
+ * and an alpha value to generate an rgba string with the correct
+ * alpha value.
+ *
+ * @param  {String} colorValue
+ *         Color in the form of hex, hsl, hsla, rgb, rgba.
+ * @param  {Number} alpha
+ *         Alpha value for the color, between 0 and 1.
+ * @return {String}
+ *         Converted color with `alpha` value in rgba form.
+ */
+function setAlpha(colorValue, alpha) {
+  let color = new CssColor(colorValue);
+
+  // Throw if the color supplied is not valid.
+  if (!color.valid) {
+    throw new Error("Invalid color.");
+  }
+
+  // If an invalid alpha valid, just set to 1.
+  if (!(alpha >= 0 && alpha <= 1)) {
+    alpha = 1;
+  }
+
+  let { r, g, b } = color._getRGBATuple();
+  return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
+}
+
+/**
+ * Given a color, classify its type as one of the possible color
+ * units, as known by |CssColor.colorUnit|.
+ *
+ * @param  {String} value
+ *         The color, in any form accepted by CSS.
+ * @return {String}
+ *         The color classification, one of "rgb", "hsl", "hex", or "name".
+ */
+function classifyColor(value) {
+  value = value.toLowerCase();
+  if (value.startsWith("rgb(") || value.startsWith("rgba(")) {
+    return CssColor.COLORUNIT.rgb;
+  } else if (value.startsWith("hsl(") || value.startsWith("hsla(")) {
+    return CssColor.COLORUNIT.hsl;
+  } else if (/^#[0-9a-f]+$/.exec(value)) {
+    return CssColor.COLORUNIT.hex;
+  }
+  return CssColor.COLORUNIT.name;
+}
+
+// This holds a map from colors back to color names for use by
+// rgbToColorName.
+var cssRGBMap;
+
+/**
+ * Given a color, return its name, if it has one.  Throws an exception
+ * if the color does not have a name.
+ *
+ * @param {Number} r, g, b  The color components.
+ * @return {String} the name of the color
+ */
+function rgbToColorName(r, g, b) {
+  if (!cssRGBMap) {
+    cssRGBMap = {};
+    for (let name in cssColors) {
+      let key = JSON.stringify(cssColors[name]);
+      if (!(key in cssRGBMap)) {
+        cssRGBMap[key] = name;
+      }
+    }
+  }
+  let value = cssRGBMap[JSON.stringify([r, g, b, 1])];
+  if (!value) {
+    throw new Error("no such color");
+  }
+  return value;
+}
+
+// Translated from nsColor.cpp.
+function _hslValue(m1, m2, h) {
+  if (h < 0.0) {
+    h += 1.0;
+  }
+  if (h > 1.0) {
+    h -= 1.0;
+  }
+  if (h < 1.0 / 6.0) {
+    return m1 + (m2 - m1) * h * 6.0;
+  }
+  if (h < 1.0 / 2.0) {
+    return m2;
+  }
+  if (h < 2.0 / 3.0) {
+    return m1 + (m2 - m1) * (2.0 / 3.0 - h) * 6.0;
+  }
+  return m1;
+}
+
+// Translated from nsColor.cpp.  All three values are expected to be
+// in the range 0-1.
+function hslToRGB([h, s, l]) {
+  let r, g, b;
+  let m1, m2;
+  if (l <= 0.5) {
+    m2 = l * (s + 1);
+  } else {
+    m2 = l + s - l * s;
+  }
+  m1 = l * 2 - m2;
+  r = Math.round(255 * _hslValue(m1, m2, h + 1.0 / 3.0));
+  g = Math.round(255 * _hslValue(m1, m2, h));
+  b = Math.round(255 * _hslValue(m1, m2, h - 1.0 / 3.0));
+  return [r, g, b];
+}
+
+/**
+ * A helper function to convert a hex string like "F0C" or "F0C8" to a color.
+ *
+ * @param {String} name the color string
+ * @return {Object} an object of the form {r, g, b, a}; or null if the
+ *         name was not a valid color
+ */
+function hexToRGBA(name) {
+  let r, g, b, a = 1;
+
+  if (name.length === 3) {
+    // short hex string (e.g. F0C)
+    r = parseInt(name.charAt(0) + name.charAt(0), 16);
+    g = parseInt(name.charAt(1) + name.charAt(1), 16);
+    b = parseInt(name.charAt(2) + name.charAt(2), 16);
+  } else if (name.length === 4) {
+    // short alpha hex string (e.g. F0CA)
+    r = parseInt(name.charAt(0) + name.charAt(0), 16);
+    g = parseInt(name.charAt(1) + name.charAt(1), 16);
+    b = parseInt(name.charAt(2) + name.charAt(2), 16);
+    a = parseInt(name.charAt(3) + name.charAt(3), 16) / 255;
+  } else if (name.length === 6) {
+    // hex string (e.g. FD01CD)
+    r = parseInt(name.charAt(0) + name.charAt(1), 16);
+    g = parseInt(name.charAt(2) + name.charAt(3), 16);
+    b = parseInt(name.charAt(4) + name.charAt(5), 16);
+  } else if (name.length === 8) {
+    // alpha hex string (e.g. FD01CDAB)
+    r = parseInt(name.charAt(0) + name.charAt(1), 16);
+    g = parseInt(name.charAt(2) + name.charAt(3), 16);
+    b = parseInt(name.charAt(4) + name.charAt(5), 16);
+    a = parseInt(name.charAt(6) + name.charAt(7), 16) / 255;
+  } else {
+    return null;
+  }
+  a = Math.round(a * 10) / 10;
+  return {r, g, b, a};
+}
+
+/**
+ * A helper function to clamp a value.
+ *
+ * @param {Number} value The value to clamp
+ * @param {Number} min The minimum value
+ * @param {Number} max The maximum value
+ * @return {Number} A value between min and max
+ */
+function clamp(value, min, max) {
+  if (value < min) {
+    value = min;
+  }
+  if (value > max) {
+    value = max;
+  }
+  return value;
+}
+
+/**
+ * A helper function to get a token from a lexer, skipping comments
+ * and whitespace.
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @return {CSSToken} The next non-whitespace, non-comment token; or
+ * null at EOF.
+ */
+function getToken(lexer) {
+  if (lexer._hasPushBackToken) {
+    lexer._hasPushBackToken = false;
+    return lexer._currentToken;
+  }
+
+  while (true) {
+    let token = lexer.nextToken();
+    if (!token || (token.tokenType !== "comment" &&
+                   token.tokenType !== "whitespace")) {
+      lexer._currentToken = token;
+      return token;
+    }
+  }
+}
+
+/**
+ * A helper function to put a token back to lexer for the next call of
+ * getToken().
+ *
+ * @param {CSSLexer} lexer The lexer
+ */
+function unGetToken(lexer) {
+  if (lexer._hasPushBackToken) {
+    throw new Error("Double pushback.");
+  }
+  lexer._hasPushBackToken = true;
+}
+
+/**
+ * A helper function that checks if the next token matches symbol.
+ * If so, reads the token and returns true.  If not, pushes the
+ * token back and returns false.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {String} symbol The symbol.
+ * @return {Boolean} The expect symbol is parsed or not.
+ */
+function expectSymbol(lexer, symbol) {
+  let token = getToken(lexer);
+  if (!token) {
+    return false;
+  }
+
+  if (token.tokenType !== "symbol" || token.text !== symbol) {
+    unGetToken(lexer);
+    return false;
+  }
+
+  return true;
+}
+
+const COLOR_COMPONENT_TYPE = {
+  "integer": "integer",
+  "number": "number",
+  "percentage": "percentage",
+};
+
+/**
+ * Parse a <integer> or a <number> or a <percentage> color component. If
+ * |separator| is provided (not an empty string ""), this function will also
+ * attempt to parse that character after parsing the color component. The range
+ * of output component value is [0, 1] if the component type is percentage.
+ * Otherwise, the range is [0, 255].
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {COLOR_COMPONENT_TYPE} type The color component type.
+ * @param {String} separator The separator.
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseColorComponent(lexer, type, separator, colorArray) {
+  let token = getToken(lexer);
+
+  if (!token) {
+    return false;
+  }
+
+  switch (type) {
+    case COLOR_COMPONENT_TYPE.integer:
+      if (token.tokenType !== "number" || !token.isInteger) {
+        return false;
+      }
+      break;
+    case COLOR_COMPONENT_TYPE.number:
+      if (token.tokenType !== "number") {
+        return false;
+      }
+      break;
+    case COLOR_COMPONENT_TYPE.percentage:
+      if (token.tokenType !== "percentage") {
+        return false;
+      }
+      break;
+    default:
+      throw new Error("Invalid color component type.");
+  }
+
+  let colorComponent = 0;
+  if (type === COLOR_COMPONENT_TYPE.percentage) {
+    colorComponent = clamp(token.number, 0, 1);
+  } else {
+    colorComponent = clamp(token.number, 0, 255);
+  }
+
+  if (separator !== "" && !expectSymbol(lexer, separator)) {
+    return false;
+  }
+
+  colorArray.push(colorComponent);
+
+  return true;
+}
+
+/**
+ * Parse an optional [ separator <alpha-value> ] expression, followed by a
+ * close-parenthesis, at the end of a css color function (e.g. rgba() or hsla()).
+ * If this function simply encounters a close-parenthesis (without the
+ * [ separator <alpha-value> ]), it will still succeed. Then put a fully-opaque
+ * alpha value into the colorArray. The range of output alpha value is [0, 1].
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @param {String} separator The separator.
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseColorOpacityAndCloseParen(lexer, separator, colorArray) {
+  // The optional [separator <alpha-value>] was omitted, so set the opacity
+  // to a fully-opaque value '1.0' and return success.
+  if (expectSymbol(lexer, ")")) {
+    colorArray.push(1);
+    return true;
+  }
+
+  if (!expectSymbol(lexer, separator)) {
+    return false;
+  }
+
+  let token = getToken(lexer);
+  if (!token) {
+    return false;
+  }
+
+  // <number> or <percentage>
+  if (token.tokenType !== "number" && token.tokenType !== "percentage") {
+    return false;
+  }
+
+  if (!expectSymbol(lexer, ")")) {
+    return false;
+  }
+
+  colorArray.push(clamp(token.number, 0, 1));
+
+  return true;
+}
+
+/**
+ * Parse a hue value.
+ *   <hue> = <number> | <angle>
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @param {Array} colorArray [out] The parsed color component will push into this array.
+ * @return {Boolean} Return false on error.
+ */
+function parseHue(lexer, colorArray) {
+  let token = getToken(lexer);
+
+  if (!token) {
+    return false;
+  }
+
+  let val = 0;
+  if (token.tokenType === "number") {
+    val = token.number;
+  } else if (token.tokenType === "dimension" && token.text in CSS_ANGLEUNIT) {
+    val = getAngleValueInDegrees(token.number, token.text);
+  } else {
+    return false;
+  }
+
+  val = val / 360.0;
+  colorArray.push(val - Math.floor(val));
+
+  return true;
+}
+
+/**
+ * A helper function to parse the color components of hsl()/hsla() function.
+ * hsl() and hsla() are now aliases.
+ *
+ * @param {CSSLexer} lexer The lexer
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseHsl(lexer) {
+  // comma-less expression:
+  // hsl() = hsl( <hue> <saturation> <lightness> [ / <alpha-value> ]? )
+  // the expression with comma:
+  // hsl() = hsl( <hue>, <saturation>, <lightness>, <alpha-value>? )
+  //
+  // <hue> = <number> | <angle>
+  // <alpha-value> = <number> | <percentage>
+
+  const commaSeparator = ",";
+  let hsl = [];
+  let a = [];
+
+  // Parse hue.
+  if (!parseHue(lexer, hsl)) {
+    return null;
+  }
+
+  // Look for a comma separator after "hue" component to determine if the
+  // expression is comma-less or not.
+  let hasComma = expectSymbol(lexer, commaSeparator);
+
+  // Parse saturation, lightness and opacity.
+  // The saturation and lightness are <percentage>, so reuse the <percentage>
+  // version of parseColorComponent function for them. No need to check the
+  // separator after 'lightness'. It will be checked in opacity value parsing.
+  let separatorBeforeAlpha = hasComma ? commaSeparator : "/";
+  if (parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage,
+                          hasComma ? commaSeparator : "", hsl) &&
+      parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage, "", hsl) &&
+      parseColorOpacityAndCloseParen(lexer, separatorBeforeAlpha, a)) {
+    return [...hslToRGB(hsl), ...a];
+  }
+
+  return null;
+}
+
+/**
+ * A helper function to parse the color arguments of old style hsl()/hsla()
+ * function.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {Boolean} hasAlpha The color function has alpha component or not.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseOldStyleHsl(lexer, hasAlpha) {
+  // hsla() = hsla( <hue>, <saturation>, <lightness>, <alpha-value> )
+  // hsl() = hsl( <hue>, <saturation>, <lightness> )
+  //
+  // <hue> = <number>
+  // <alpha-value> = <number>
+
+  const commaSeparator = ",";
+  const closeParen = ")";
+  let hsl = [];
+  let a = [];
+
+  // Parse hue.
+  let token = getToken(lexer);
+  if (!token || token.tokenType !== "number") {
+    return null;
+  }
+  if (!expectSymbol(lexer, commaSeparator)) {
+    return null;
+  }
+  let val = token.number / 360.0;
+  hsl.push(val - Math.floor(val));
+
+  // Parse saturation, lightness and opacity.
+  // The saturation and lightness are <percentage>, so reuse the <percentage>
+  // version of parseColorComponent function for them. The opacity is <number>
+  if (hasAlpha) {
+    if (parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage,
+                            commaSeparator, hsl) &&
+        parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage,
+                            commaSeparator, hsl) &&
+        parseColorComponent(lexer, COLOR_COMPONENT_TYPE.number,
+                            closeParen, a)) {
+      return [...hslToRGB(hsl), ...a];
+    }
+  } else if (parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage,
+                                 commaSeparator, hsl) &&
+             parseColorComponent(lexer, COLOR_COMPONENT_TYPE.percentage,
+                                 closeParen, hsl)) {
+    return [...hslToRGB(hsl), 1];
+  }
+
+  return null;
+}
+
+/**
+ * A helper function to parse the color arguments of rgb()/rgba() function.
+ * rgb() and rgba() now are aliases.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseRgb(lexer) {
+  // comma-less expression:
+  //   rgb() = rgb( component{3} [ / <alpha-value> ]? )
+  // the expression with comma:
+  //   rgb() = rgb( component#{3} , <alpha-value>? )
+  //
+  // component = <number> | <percentage>
+  // <alpa-value> = <number> | <percentage>
+
+  const commaSeparator = ",";
+  let rgba = [];
+
+  let token = getToken(lexer);
+  if (token.tokenType !== "percentage" && token.tokenType !== "number") {
+    return null;
+  }
+  unGetToken(lexer);
+  let type = (token.tokenType === "percentage") ?
+             COLOR_COMPONENT_TYPE.percentage :
+             COLOR_COMPONENT_TYPE.number;
+
+  // Parse R.
+  if (!parseColorComponent(lexer, type, "", rgba)) {
+    return null;
+  }
+  let hasComma = expectSymbol(lexer, commaSeparator);
+
+  // Parse G, B and A.
+  // No need to check the separator after 'B'. It will be checked in 'A' values
+  // parsing.
+  let separatorBeforeAlpha = hasComma ? commaSeparator : "/";
+  if (parseColorComponent(lexer, type, hasComma ? commaSeparator : "", rgba) &&
+      parseColorComponent(lexer, type, "", rgba) &&
+      parseColorOpacityAndCloseParen(lexer, separatorBeforeAlpha, rgba)) {
+    if (type === COLOR_COMPONENT_TYPE.percentage) {
+      rgba[0] = Math.round(255 * rgba[0]);
+      rgba[1] = Math.round(255 * rgba[1]);
+      rgba[2] = Math.round(255 * rgba[2]);
+    }
+    return rgba;
+  }
+
+  return null;
+}
+
+/**
+ * A helper function to parse the color arguments of old style rgb()/rgba()
+ * function.
+ *
+ * @param {CSSLexer} lexer The lexer.
+ * @param {Boolean} hasAlpha The color function has alpha component or not.
+ * @return {Array} An array of the form [r,g,b,a]; or null on error.
+ */
+function parseOldStyleRgb(lexer, hasAlpha) {
+  // rgba() = rgba( component#{3} , <alpha-value> )
+  // rgb() = rgb( component#{3} )
+  //
+  // component = <integer> | <percentage>
+  // <alpha-value> = <number>
+
+  const commaSeparator = ",";
+  const closeParen = ")";
+  let rgba = [];
+
+  let token = getToken(lexer);
+  if (token.tokenType !== "percentage" &&
+      (token.tokenType !== "number" || !token.isInteger)) {
+    return null;
+  }
+  unGetToken(lexer);
+  let type = (token.tokenType === "percentage") ?
+             COLOR_COMPONENT_TYPE.percentage :
+             COLOR_COMPONENT_TYPE.integer;
+
+  // Parse R. G, B and A.
+  if (hasAlpha) {
+    if (!parseColorComponent(lexer, type, commaSeparator, rgba) ||
+        !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+        !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+        !parseColorComponent(lexer, COLOR_COMPONENT_TYPE.number,
+                             closeParen, rgba)) {
+      return null;
+    }
+  } else if (!parseColorComponent(lexer, type, commaSeparator, rgba) ||
+             !parseColorComponent(lexer, type, commaSeparator, rgba) ||
+             !parseColorComponent(lexer, type, closeParen, rgba)) {
+    return null;
+  }
+
+  if (type === COLOR_COMPONENT_TYPE.percentage) {
+    rgba[0] = Math.round(255 * rgba[0]);
+    rgba[1] = Math.round(255 * rgba[1]);
+    rgba[2] = Math.round(255 * rgba[2]);
+  }
+  if (!hasAlpha) {
+    rgba.push(1);
+  }
+
+  return rgba;
+}
+
+/**
+ * Convert a string representing a color to an object holding the
+ * color's components.  Any valid CSS color form can be passed in.
+ *
+ * @param {String} name the color
+ * @param {Boolean} oldColorFunctionSyntax use old color function syntax or the
+ *        css-color-4 syntax
+ * @return {Object} an object of the form {r, g, b, a}; or null if the
+ *         name was not a valid color
+ */
+function colorToRGBA(name, oldColorFunctionSyntax = true) {
+  name = name.trim().toLowerCase();
+
+  if (name in cssColors) {
+    let result = cssColors[name];
+    return {r: result[0], g: result[1], b: result[2], a: result[3]};
+  } else if (name === "transparent") {
+    return {r: 0, g: 0, b: 0, a: 0};
+  } else if (name === "currentcolor") {
+    return {r: 0, g: 0, b: 0, a: 1};
+  }
+
+  let lexer = getCSSLexer(name);
+
+  let func = getToken(lexer);
+  if (!func) {
+    return null;
+  }
+
+  if (func.tokenType === "id" || func.tokenType === "hash") {
+    if (getToken(lexer) !== null) {
+      return null;
+    }
+    return hexToRGBA(func.text);
+  }
+
+  const expectedFunctions = ["rgba", "rgb", "hsla", "hsl"];
+  if (!func || func.tokenType !== "function" ||
+      !expectedFunctions.includes(func.text)) {
+    return null;
+  }
+
+  let hsl = func.text === "hsl" || func.text === "hsla";
+
+  let vals;
+  if (oldColorFunctionSyntax) {
+    let hasAlpha = (func.text === "rgba" || func.text === "hsla");
+    vals = hsl ? parseOldStyleHsl(lexer, hasAlpha) : parseOldStyleRgb(lexer, hasAlpha);
+  } else {
+    vals = hsl ? parseHsl(lexer) : parseRgb(lexer);
+  }
+
+  if (!vals) {
+    return null;
+  }
+  if (getToken(lexer) !== null) {
+    return null;
+  }
+
+  return {r: vals[0], g: vals[1], b: vals[2], a: vals[3]};
+}
+
+/**
+ * Check whether a string names a valid CSS color.
+ *
+ * @param {String} name The string to check
+ * @return {Boolean} True if the string is a CSS color name.
+ */
+function isValidCSSColor(name) {
+  return colorToRGBA(name) !== null;
+}
diff --git a/devtools/shared/css/generated/generate-properties-db.js b/devtools/shared/css/generated/generate-properties-db.js
new file mode 100644
index 000000000..ad8dfb0ab
--- /dev/null
+++ b/devtools/shared/css/generated/generate-properties-db.js
@@ -0,0 +1,55 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+/*
+ * This is an xpcshell script that runs to generate a static list of CSS properties
+ * as known by the platform. It is run from ./mach_commands.py by running
+ * `mach devtools-css-db`.
+ */
+var {require} = Components.utils.import("resource://devtools/shared/Loader.jsm", {});
+var {generateCssProperties} = require("devtools/server/actors/css-properties");
+
+// xpcshell can output extra information, so place some delimiter text between
+// the output of the css properties database.
+dump("DEVTOOLS_CSS_DB_DELIMITER");
+
+// Output JSON
+dump(JSON.stringify({
+  cssProperties: cssProperties(),
+  pseudoElements: pseudoElements()
+}));
+
+dump("DEVTOOLS_CSS_DB_DELIMITER");
+
+/*
+ * A list of CSS Properties and their various characteristics. This is used on the
+ * client-side when the CssPropertiesActor is not found, or when the client and server
+ * are the same version. A single property takes the form:
+ *
+ *  "animation": {
+ *    "isInherited": false,
+ *    "supports": [ 7, 9, 10 ]
+ *  }
+ */
+function cssProperties() {
+  const properties = generateCssProperties();
+  for (let key in properties) {
+    // Ignore OS-specific properties
+    if (key.indexOf("-moz-osx-") !== -1) {
+      properties[key] = undefined;
+    }
+  }
+  return properties;
+}
+
+/**
+ * The list of all CSS Pseudo Elements.
+ */
+function pseudoElements() {
+  const {classes: Cc, interfaces: Ci} = Components;
+  const domUtils = Cc["@mozilla.org/inspector/dom-utils;1"]
+                             .getService(Ci.inIDOMUtils);
+  return domUtils.getCSSPseudoElementNames();
+}
diff --git a/devtools/shared/css/generated/mach_commands.py b/devtools/shared/css/generated/mach_commands.py
new file mode 100644
index 000000000..4d6016276
--- /dev/null
+++ b/devtools/shared/css/generated/mach_commands.py
@@ -0,0 +1,91 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+"""
+This script implements the `mach devtools-css-db` command. It runs an xpcshell script
+that uses inIDOMUtils to query the CSS properties used by the browser. This information
+is used to generate the properties-db.js file.
+"""
+
+import json
+import os
+import sys
+import string
+import subprocess
+from mozbuild.base import (
+    MozbuildObject,
+    MachCommandBase,
+)
+from mach.decorators import (
+    CommandProvider,
+    Command,
+)
+
+def resolve_path(start, relativePath):
+    """Helper to resolve a path from a start, and a relative path"""
+    return os.path.normpath(os.path.join(start, relativePath))
+
+def stringify(obj):
+    """Helper to stringify to JSON"""
+    return json.dumps(obj, sort_keys=True, indent=2, separators=(',', ': '))
+
+@CommandProvider
+class MachCommands(MachCommandBase):
+    @Command(
+        'devtools-css-db', category='post-build',
+        description='Rebuild the devtool\'s static css properties database.')
+    def generate_css_db(self):
+        """Generate the static css properties database for devtools and write it to file."""
+
+        print("Re-generating the css properties database...")
+        db = self.get_properties_db_from_xpcshell()
+
+        self.output_template({
+            'cssProperties': stringify(db['cssProperties']),
+            'pseudoElements': stringify(db['pseudoElements'])})
+
+    def get_properties_db_from_xpcshell(self):
+        """Generate the static css properties db for devtools from an xpcshell script."""
+        build = MozbuildObject.from_environment()
+
+        # Get the paths
+        script_path = resolve_path(self.topsrcdir,
+            'devtools/shared/css/generated/generate-properties-db.js')
+        gre_path = resolve_path(self.topobjdir, 'dist/bin')
+        browser_path = resolve_path(self.topobjdir, 'dist/bin/browser')
+        xpcshell_path = build.get_binary_path(what='xpcshell')
+        print(browser_path)
+
+        sub_env = dict(os.environ)
+        if sys.platform.startswith('linux'):
+            sub_env["LD_LIBRARY_PATH"] = gre_path
+
+        # Run the xcpshell script, and set the appdir flag to the browser path so that
+        # we have the proper dependencies for requiring the loader.
+        contents = subprocess.check_output([xpcshell_path, '-g', gre_path,
+                                            '-a', browser_path, script_path],
+                                           env = sub_env)
+        # Extract just the output between the delimiters as the xpcshell output can
+        # have extra output that we don't want.
+        contents = contents.split('DEVTOOLS_CSS_DB_DELIMITER')[1]
+
+        return json.loads(contents)
+
+    def output_template(self, substitutions):
+        """Output a the properties-db.js from a template."""
+        js_template_path = resolve_path(self.topsrcdir,
+            'devtools/shared/css/generated/properties-db.js.in')
+        destination_path = resolve_path(self.topsrcdir,
+            'devtools/shared/css/generated/properties-db.js')
+
+        with open(js_template_path, 'rb') as handle:
+            js_template = handle.read()
+
+        preamble = '/* THIS IS AN AUTOGENERATED FILE.  DO NOT EDIT */\n\n'
+        contents = string.Template(js_template).substitute(substitutions)
+
+        with open(destination_path, 'wb') as destination:
+            destination.write(preamble + contents)
+
+        print('The database was successfully generated at ' + destination_path)
diff --git a/devtools/shared/css/generated/moz.build b/devtools/shared/css/generated/moz.build
new file mode 100644
index 000000000..7f01281db
--- /dev/null
+++ b/devtools/shared/css/generated/moz.build
@@ -0,0 +1,9 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DevToolsModules(
+    'properties-db.js',
+)
diff --git a/devtools/shared/css/generated/properties-db.js b/devtools/shared/css/generated/properties-db.js
new file mode 100644
index 000000000..83b3efafc
--- /dev/null
+++ b/devtools/shared/css/generated/properties-db.js
@@ -0,0 +1,9367 @@
+/* THIS IS AN AUTOGENERATED FILE.  DO NOT EDIT */
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+/**
+ * This file is automatically generated by `mach devtools-css-db`. It contains
+ * a static list of CSS properties that can be computed by Gecko. The actual script
+ * to generate these files can be found at devtools/shared/css/generate-properties-db.js.
+ */
+
+/**
+ * A list of CSS Properties and their various characteristics.
+ */
+exports.CSS_PROPERTIES = {
+  "-moz-animation": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration",
+      "animation-timing-function",
+      "animation-delay",
+      "animation-direction",
+      "animation-fill-mode",
+      "animation-iteration-count",
+      "animation-play-state",
+      "animation-name"
+    ],
+    "supports": [
+      7,
+      9,
+      10
+    ],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "backwards",
+      "both",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "forwards",
+      "infinite",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "normal",
+      "paused",
+      "reverse",
+      "running",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-moz-animation-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-animation-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-direction"
+    ],
+    "supports": [],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "inherit",
+      "initial",
+      "normal",
+      "reverse",
+      "unset"
+    ]
+  },
+  "-moz-animation-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-animation-fill-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-fill-mode"
+    ],
+    "supports": [],
+    "values": [
+      "backwards",
+      "both",
+      "forwards",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-animation-iteration-count": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-iteration-count"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "infinite",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-animation-name": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-name"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-animation-play-state": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-play-state"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "paused",
+      "running",
+      "unset"
+    ]
+  },
+  "-moz-animation-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-moz-appearance": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-appearance"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-gtk-info-bar",
+      "-moz-mac-disclosure-button-closed",
+      "-moz-mac-disclosure-button-open",
+      "-moz-mac-fullscreen-button",
+      "-moz-mac-help-button",
+      "-moz-mac-source-list",
+      "-moz-mac-vibrancy-dark",
+      "-moz-mac-vibrancy-light",
+      "-moz-win-borderless-glass",
+      "-moz-win-browsertabbar-toolbox",
+      "-moz-win-communications-toolbox",
+      "-moz-win-exclude-glass",
+      "-moz-win-glass",
+      "-moz-win-media-toolbox",
+      "-moz-window-button-box",
+      "-moz-window-button-box-maximized",
+      "-moz-window-button-close",
+      "-moz-window-button-maximize",
+      "-moz-window-button-minimize",
+      "-moz-window-button-restore",
+      "-moz-window-frame-bottom",
+      "-moz-window-frame-left",
+      "-moz-window-frame-right",
+      "-moz-window-titlebar",
+      "-moz-window-titlebar-maximized",
+      "button",
+      "button-arrow-down",
+      "button-arrow-next",
+      "button-arrow-previous",
+      "button-arrow-up",
+      "button-bevel",
+      "button-focus",
+      "caret",
+      "checkbox",
+      "checkbox-container",
+      "checkbox-label",
+      "checkmenuitem",
+      "dialog",
+      "dualbutton",
+      "groupbox",
+      "inherit",
+      "initial",
+      "listbox",
+      "listitem",
+      "menuarrow",
+      "menubar",
+      "menucheckbox",
+      "menuimage",
+      "menuitem",
+      "menuitemtext",
+      "menulist",
+      "menulist-button",
+      "menulist-text",
+      "menulist-textfield",
+      "menupopup",
+      "menuradio",
+      "menuseparator",
+      "meterbar",
+      "meterchunk",
+      "none",
+      "number-input",
+      "progressbar",
+      "progressbar-vertical",
+      "progresschunk",
+      "progresschunk-vertical",
+      "radio",
+      "radio-container",
+      "radio-label",
+      "radiomenuitem",
+      "range",
+      "range-thumb",
+      "resizer",
+      "resizerpanel",
+      "scale-horizontal",
+      "scale-vertical",
+      "scalethumb-horizontal",
+      "scalethumb-vertical",
+      "scalethumbend",
+      "scalethumbstart",
+      "scalethumbtick",
+      "scrollbar",
+      "scrollbar-horizontal",
+      "scrollbar-small",
+      "scrollbar-vertical",
+      "scrollbarbutton-down",
+      "scrollbarbutton-left",
+      "scrollbarbutton-right",
+      "scrollbarbutton-up",
+      "scrollbarthumb-horizontal",
+      "scrollbarthumb-vertical",
+      "scrollbartrack-horizontal",
+      "scrollbartrack-vertical",
+      "searchfield",
+      "separator",
+      "spinner",
+      "spinner-downbutton",
+      "spinner-textfield",
+      "spinner-upbutton",
+      "splitter",
+      "statusbar",
+      "statusbarpanel",
+      "tab",
+      "tab-scroll-arrow-back",
+      "tab-scroll-arrow-forward",
+      "tabpanel",
+      "tabpanels",
+      "textfield",
+      "textfield-multiline",
+      "toolbar",
+      "toolbarbutton",
+      "toolbarbutton-dropdown",
+      "toolbargripper",
+      "toolbox",
+      "tooltip",
+      "treeheader",
+      "treeheadercell",
+      "treeheadersortarrow",
+      "treeitem",
+      "treeline",
+      "treetwisty",
+      "treetwistyopen",
+      "treeview",
+      "unset",
+      "window"
+    ]
+  },
+  "-moz-backface-visibility": {
+    "isInherited": false,
+    "subproperties": [
+      "backface-visibility"
+    ],
+    "supports": [],
+    "values": [
+      "hidden",
+      "inherit",
+      "initial",
+      "unset",
+      "visible"
+    ]
+  },
+  "-moz-binding": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-binding"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "-moz-border-bottom-colors": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-border-bottom-colors"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-border-end": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-width",
+      "border-inline-end-style",
+      "border-inline-end-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-border-end-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-border-end-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "-moz-border-end-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "-moz-border-image": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-source",
+      "border-image-slice",
+      "border-image-width",
+      "border-image-outset",
+      "border-image-repeat"
+    ],
+    "supports": [
+      4,
+      5,
+      6,
+      7,
+      8,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "-moz-border-left-colors": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-border-left-colors"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-border-right-colors": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-border-right-colors"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-border-start": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-width",
+      "border-inline-start-style",
+      "border-inline-start-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-border-start-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-border-start-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "-moz-border-start-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "-moz-border-top-colors": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-border-top-colors"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-box-align": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-align"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-moz-box-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-direction"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "normal",
+      "reverse",
+      "unset"
+    ]
+  },
+  "-moz-box-flex": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-flex"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-box-ordinal-group": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-ordinal-group"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-box-orient": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-orient"
+    ],
+    "supports": [],
+    "values": [
+      "block-axis",
+      "horizontal",
+      "inherit",
+      "initial",
+      "inline-axis",
+      "unset",
+      "vertical"
+    ]
+  },
+  "-moz-box-pack": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-pack"
+    ],
+    "supports": [],
+    "values": [
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "justify",
+      "start",
+      "unset"
+    ]
+  },
+  "-moz-box-sizing": {
+    "isInherited": false,
+    "subproperties": [
+      "box-sizing"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-column-count": {
+    "isInherited": false,
+    "subproperties": [
+      "column-count"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-column-fill": {
+    "isInherited": false,
+    "subproperties": [
+      "column-fill"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "balance",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-column-gap": {
+    "isInherited": false,
+    "subproperties": [
+      "column-gap"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "-moz-column-rule": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-width",
+      "column-rule-style",
+      "column-rule-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-column-rule-color": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-moz-column-rule-style": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "-moz-column-rule-width": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "-moz-column-width": {
+    "isInherited": false,
+    "subproperties": [
+      "column-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-columns": {
+    "isInherited": false,
+    "subproperties": [
+      "column-count",
+      "column-width"
+    ],
+    "supports": [
+      6,
+      7
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-control-character-visibility": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-control-character-visibility"
+    ],
+    "supports": [],
+    "values": [
+      "hidden",
+      "inherit",
+      "initial",
+      "unset",
+      "visible"
+    ]
+  },
+  "-moz-float-edge": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-float-edge"
+    ],
+    "supports": [],
+    "values": [
+      "content-box",
+      "inherit",
+      "initial",
+      "margin-box",
+      "unset"
+    ]
+  },
+  "-moz-font-feature-settings": {
+    "isInherited": true,
+    "subproperties": [
+      "font-feature-settings"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-font-language-override": {
+    "isInherited": true,
+    "subproperties": [
+      "font-language-override"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "-moz-force-broken-image-icon": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-force-broken-image-icon"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-hyphens": {
+    "isInherited": true,
+    "subproperties": [
+      "hyphens"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "manual",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-image-region": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-image-region"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-margin-end": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-inline-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-margin-start": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-inline-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-orient": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-orient"
+    ],
+    "supports": [],
+    "values": [
+      "block",
+      "horizontal",
+      "inherit",
+      "initial",
+      "inline",
+      "unset",
+      "vertical"
+    ]
+  },
+  "-moz-outline-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-outline-radius-topleft",
+      "-moz-outline-radius-topright",
+      "-moz-outline-radius-bottomright",
+      "-moz-outline-radius-bottomleft"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-outline-radius-bottomleft": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-outline-radius-bottomleft"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-outline-radius-bottomright": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-outline-radius-bottomright"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-outline-radius-topleft": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-outline-radius-topleft"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-outline-radius-topright": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-outline-radius-topright"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-padding-end": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-inline-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-padding-start": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-inline-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-perspective": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-perspective-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-stack-sizing": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-stack-sizing"
+    ],
+    "supports": [],
+    "values": [
+      "ignore",
+      "inherit",
+      "initial",
+      "stretch-to-fit",
+      "unset"
+    ]
+  },
+  "-moz-tab-size": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-tab-size"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-text-align-last": {
+    "isInherited": true,
+    "subproperties": [
+      "text-align-last"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "justify",
+      "left",
+      "right",
+      "start",
+      "unset"
+    ]
+  },
+  "-moz-text-size-adjust": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-text-size-adjust"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-transform": {
+    "isInherited": false,
+    "subproperties": [
+      "transform"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-transform-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-transform-style": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-style"
+    ],
+    "supports": [],
+    "values": [
+      "flat",
+      "inherit",
+      "initial",
+      "preserve-3d",
+      "unset"
+    ]
+  },
+  "-moz-transition": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property",
+      "transition-duration",
+      "transition-timing-function",
+      "transition-delay"
+    ],
+    "supports": [
+      9,
+      10
+    ],
+    "values": [
+      "all",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-moz-transition-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-transition-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-moz-transition-property": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property"
+    ],
+    "supports": [],
+    "values": [
+      "all",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-transition-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-moz-user-focus": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-user-focus"
+    ],
+    "supports": [],
+    "values": [
+      "ignore",
+      "inherit",
+      "initial",
+      "none",
+      "normal",
+      "select-after",
+      "select-all",
+      "select-before",
+      "select-menu",
+      "select-same",
+      "unset"
+    ]
+  },
+  "-moz-user-input": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-user-input"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "disabled",
+      "enabled",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-moz-user-modify": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-user-modify"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "read-only",
+      "read-write",
+      "unset",
+      "write-only"
+    ]
+  },
+  "-moz-user-select": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-user-select"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-all",
+      "-moz-none",
+      "-moz-text",
+      "all",
+      "auto",
+      "element",
+      "elements",
+      "inherit",
+      "initial",
+      "none",
+      "text",
+      "toggle",
+      "tri-state",
+      "unset"
+    ]
+  },
+  "-moz-window-dragging": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-window-dragging"
+    ],
+    "supports": [],
+    "values": [
+      "default",
+      "drag",
+      "inherit",
+      "initial",
+      "no-drag",
+      "unset"
+    ]
+  },
+  "-webkit-align-content": {
+    "isInherited": false,
+    "subproperties": [
+      "align-content"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-webkit-align-items": {
+    "isInherited": false,
+    "subproperties": [
+      "align-items"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-webkit-align-self": {
+    "isInherited": false,
+    "subproperties": [
+      "align-self"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-webkit-animation": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration",
+      "animation-timing-function",
+      "animation-delay",
+      "animation-direction",
+      "animation-fill-mode",
+      "animation-iteration-count",
+      "animation-play-state",
+      "animation-name"
+    ],
+    "supports": [
+      7,
+      9,
+      10
+    ],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "backwards",
+      "both",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "forwards",
+      "infinite",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "normal",
+      "paused",
+      "reverse",
+      "running",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-webkit-animation-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-animation-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-direction"
+    ],
+    "supports": [],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "inherit",
+      "initial",
+      "normal",
+      "reverse",
+      "unset"
+    ]
+  },
+  "-webkit-animation-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-animation-fill-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-fill-mode"
+    ],
+    "supports": [],
+    "values": [
+      "backwards",
+      "both",
+      "forwards",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-webkit-animation-iteration-count": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-iteration-count"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "infinite",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-animation-name": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-name"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-webkit-animation-play-state": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-play-state"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "paused",
+      "running",
+      "unset"
+    ]
+  },
+  "-webkit-animation-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-webkit-backface-visibility": {
+    "isInherited": false,
+    "subproperties": [
+      "backface-visibility"
+    ],
+    "supports": [],
+    "values": [
+      "hidden",
+      "inherit",
+      "initial",
+      "unset",
+      "visible"
+    ]
+  },
+  "-webkit-background-clip": {
+    "isInherited": false,
+    "subproperties": [
+      "background-clip"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "text",
+      "unset"
+    ]
+  },
+  "-webkit-background-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "background-origin"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "-webkit-background-size": {
+    "isInherited": false,
+    "subproperties": [
+      "background-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-border-bottom-left-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-border-bottom-right-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-right-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-border-image": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-source",
+      "border-image-slice",
+      "border-image-width",
+      "border-image-outset",
+      "border-image-repeat"
+    ],
+    "supports": [
+      4,
+      5,
+      6,
+      7,
+      8,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "-webkit-border-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-right-radius",
+      "border-bottom-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-border-top-left-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-border-top-right-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-right-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-box-align": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-align"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-webkit-box-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-direction"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "normal",
+      "reverse",
+      "unset"
+    ]
+  },
+  "-webkit-box-flex": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-flex"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-box-ordinal-group": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-ordinal-group"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-box-orient": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-orient"
+    ],
+    "supports": [],
+    "values": [
+      "block-axis",
+      "horizontal",
+      "inherit",
+      "initial",
+      "inline-axis",
+      "unset",
+      "vertical"
+    ]
+  },
+  "-webkit-box-pack": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-box-pack"
+    ],
+    "supports": [],
+    "values": [
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "justify",
+      "start",
+      "unset"
+    ]
+  },
+  "-webkit-box-shadow": {
+    "isInherited": false,
+    "subproperties": [
+      "box-shadow"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-box-sizing": {
+    "isInherited": false,
+    "subproperties": [
+      "box-sizing"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-filter": {
+    "isInherited": false,
+    "subproperties": [
+      "filter"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-flex": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-grow",
+      "flex-shrink",
+      "flex-basis"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-flex-basis": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-basis"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-flex-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-direction"
+    ],
+    "supports": [],
+    "values": [
+      "column",
+      "column-reverse",
+      "inherit",
+      "initial",
+      "row",
+      "row-reverse",
+      "unset"
+    ]
+  },
+  "-webkit-flex-flow": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-direction",
+      "flex-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "column",
+      "column-reverse",
+      "inherit",
+      "initial",
+      "nowrap",
+      "row",
+      "row-reverse",
+      "unset",
+      "wrap",
+      "wrap-reverse"
+    ]
+  },
+  "-webkit-flex-grow": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-grow"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-flex-shrink": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-shrink"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-flex-wrap": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "nowrap",
+      "unset",
+      "wrap",
+      "wrap-reverse"
+    ]
+  },
+  "-webkit-justify-content": {
+    "isInherited": false,
+    "subproperties": [
+      "justify-content"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "-webkit-mask": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-image",
+      "mask-repeat",
+      "mask-position-x",
+      "mask-position-y",
+      "mask-clip",
+      "mask-origin",
+      "mask-size",
+      "mask-composite",
+      "mask-mode"
+    ],
+    "supports": [
+      4,
+      5,
+      6,
+      8,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "add",
+      "alpha",
+      "border-box",
+      "content-box",
+      "exclude",
+      "inherit",
+      "initial",
+      "intersect",
+      "linear-gradient",
+      "luminance",
+      "match-source",
+      "no-repeat",
+      "none",
+      "padding-box",
+      "radial-gradient",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "round",
+      "space",
+      "subtract",
+      "unset",
+      "url"
+    ]
+  },
+  "-webkit-mask-clip": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-clip"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "-webkit-mask-composite": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-composite"
+    ],
+    "supports": [],
+    "values": [
+      "add",
+      "exclude",
+      "inherit",
+      "initial",
+      "intersect",
+      "subtract",
+      "unset"
+    ]
+  },
+  "-webkit-mask-image": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-image"
+    ],
+    "supports": [
+      4,
+      5,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "-webkit-mask-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-origin"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "-webkit-mask-position": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-x",
+      "mask-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-mask-position-x": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-x"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-mask-position-y": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-mask-repeat": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-repeat"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "no-repeat",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "round",
+      "space",
+      "unset"
+    ]
+  },
+  "-webkit-mask-size": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-order": {
+    "isInherited": false,
+    "subproperties": [
+      "order"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-perspective": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-webkit-perspective-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-text-fill-color": {
+    "isInherited": true,
+    "subproperties": [
+      "-webkit-text-fill-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-webkit-text-size-adjust": {
+    "isInherited": true,
+    "subproperties": [
+      "-moz-text-size-adjust"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-webkit-text-stroke": {
+    "isInherited": true,
+    "subproperties": [
+      "-webkit-text-stroke-width",
+      "-webkit-text-stroke-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "medium",
+      "rgb",
+      "rgba",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-webkit-text-stroke-color": {
+    "isInherited": true,
+    "subproperties": [
+      "-webkit-text-stroke-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "-webkit-text-stroke-width": {
+    "isInherited": true,
+    "subproperties": [
+      "-webkit-text-stroke-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "-webkit-transform": {
+    "isInherited": false,
+    "subproperties": [
+      "transform"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-transform-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-transform-style": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-style"
+    ],
+    "supports": [],
+    "values": [
+      "flat",
+      "inherit",
+      "initial",
+      "preserve-3d",
+      "unset"
+    ]
+  },
+  "-webkit-transition": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property",
+      "transition-duration",
+      "transition-timing-function",
+      "transition-delay"
+    ],
+    "supports": [
+      9,
+      10
+    ],
+    "values": [
+      "all",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-webkit-transition-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-transition-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "-webkit-transition-property": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property"
+    ],
+    "supports": [],
+    "values": [
+      "all",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "-webkit-transition-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "-webkit-user-select": {
+    "isInherited": false,
+    "subproperties": [
+      "-moz-user-select"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-all",
+      "-moz-none",
+      "-moz-text",
+      "all",
+      "auto",
+      "element",
+      "elements",
+      "inherit",
+      "initial",
+      "none",
+      "text",
+      "toggle",
+      "tri-state",
+      "unset"
+    ]
+  },
+  "align-content": {
+    "isInherited": false,
+    "subproperties": [
+      "align-content"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "align-items": {
+    "isInherited": false,
+    "subproperties": [
+      "align-items"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "align-self": {
+    "isInherited": false,
+    "subproperties": [
+      "align-self"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "all": {
+    "isInherited": false,
+    "subproperties": [
+      "align-content",
+      "align-items",
+      "align-self",
+      "animation-delay",
+      "animation-direction",
+      "animation-duration",
+      "animation-fill-mode",
+      "animation-iteration-count",
+      "animation-name",
+      "animation-play-state",
+      "animation-timing-function",
+      "-moz-appearance",
+      "backface-visibility",
+      "background-attachment",
+      "background-blend-mode",
+      "background-clip",
+      "background-color",
+      "background-image",
+      "background-origin",
+      "background-position-x",
+      "background-position-y",
+      "background-repeat",
+      "background-size",
+      "-moz-binding",
+      "block-size",
+      "border-block-end-color",
+      "border-block-end-style",
+      "border-block-end-width",
+      "border-block-start-color",
+      "border-block-start-style",
+      "border-block-start-width",
+      "border-bottom-color",
+      "-moz-border-bottom-colors",
+      "border-bottom-left-radius",
+      "border-bottom-right-radius",
+      "border-bottom-style",
+      "border-bottom-width",
+      "border-collapse",
+      "border-image-outset",
+      "border-image-repeat",
+      "border-image-slice",
+      "border-image-source",
+      "border-image-width",
+      "border-inline-end-color",
+      "border-inline-end-style",
+      "border-inline-end-width",
+      "border-inline-start-color",
+      "border-inline-start-style",
+      "border-inline-start-width",
+      "border-left-color",
+      "-moz-border-left-colors",
+      "border-left-style",
+      "border-left-width",
+      "border-right-color",
+      "-moz-border-right-colors",
+      "border-right-style",
+      "border-right-width",
+      "border-spacing",
+      "border-top-color",
+      "-moz-border-top-colors",
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-top-style",
+      "border-top-width",
+      "bottom",
+      "-moz-box-align",
+      "box-decoration-break",
+      "-moz-box-direction",
+      "-moz-box-flex",
+      "-moz-box-ordinal-group",
+      "-moz-box-orient",
+      "-moz-box-pack",
+      "box-shadow",
+      "box-sizing",
+      "caption-side",
+      "clear",
+      "clip",
+      "clip-path",
+      "clip-rule",
+      "color",
+      "color-adjust",
+      "color-interpolation",
+      "color-interpolation-filters",
+      "column-count",
+      "column-fill",
+      "column-gap",
+      "column-rule-color",
+      "column-rule-style",
+      "column-rule-width",
+      "column-width",
+      "contain",
+      "content",
+      "-moz-control-character-visibility",
+      "counter-increment",
+      "counter-reset",
+      "cursor",
+      "display",
+      "dominant-baseline",
+      "empty-cells",
+      "fill",
+      "fill-opacity",
+      "fill-rule",
+      "filter",
+      "flex-basis",
+      "flex-direction",
+      "flex-grow",
+      "flex-shrink",
+      "flex-wrap",
+      "float",
+      "-moz-float-edge",
+      "flood-color",
+      "flood-opacity",
+      "font-family",
+      "font-feature-settings",
+      "font-kerning",
+      "font-language-override",
+      "font-size",
+      "font-size-adjust",
+      "font-stretch",
+      "font-style",
+      "font-synthesis",
+      "font-variant-alternates",
+      "font-variant-caps",
+      "font-variant-east-asian",
+      "font-variant-ligatures",
+      "font-variant-numeric",
+      "font-variant-position",
+      "font-weight",
+      "-moz-force-broken-image-icon",
+      "grid-auto-columns",
+      "grid-auto-flow",
+      "grid-auto-rows",
+      "grid-column-end",
+      "grid-column-gap",
+      "grid-column-start",
+      "grid-row-end",
+      "grid-row-gap",
+      "grid-row-start",
+      "grid-template-areas",
+      "grid-template-columns",
+      "grid-template-rows",
+      "height",
+      "hyphens",
+      "initial-letter",
+      "image-orientation",
+      "-moz-image-region",
+      "image-rendering",
+      "ime-mode",
+      "inline-size",
+      "isolation",
+      "justify-content",
+      "justify-items",
+      "justify-self",
+      "left",
+      "letter-spacing",
+      "lighting-color",
+      "line-height",
+      "list-style-image",
+      "list-style-position",
+      "list-style-type",
+      "margin-block-end",
+      "margin-block-start",
+      "margin-bottom",
+      "margin-inline-end",
+      "margin-inline-start",
+      "margin-left",
+      "margin-right",
+      "margin-top",
+      "marker-end",
+      "marker-mid",
+      "marker-start",
+      "mask-clip",
+      "mask-composite",
+      "mask-image",
+      "mask-mode",
+      "mask-origin",
+      "mask-position-x",
+      "mask-position-y",
+      "mask-repeat",
+      "mask-size",
+      "mask-type",
+      "max-block-size",
+      "max-height",
+      "max-inline-size",
+      "max-width",
+      "min-block-size",
+      "-moz-min-font-size-ratio",
+      "min-height",
+      "min-inline-size",
+      "min-width",
+      "mix-blend-mode",
+      "object-fit",
+      "object-position",
+      "offset-block-end",
+      "offset-block-start",
+      "offset-inline-end",
+      "offset-inline-start",
+      "opacity",
+      "order",
+      "-moz-orient",
+      "-moz-osx-font-smoothing",
+      "outline-color",
+      "outline-offset",
+      "-moz-outline-radius-bottomleft",
+      "-moz-outline-radius-bottomright",
+      "-moz-outline-radius-topleft",
+      "-moz-outline-radius-topright",
+      "outline-style",
+      "outline-width",
+      "overflow-clip-box",
+      "overflow-x",
+      "overflow-y",
+      "padding-block-end",
+      "padding-block-start",
+      "padding-bottom",
+      "padding-inline-end",
+      "padding-inline-start",
+      "padding-left",
+      "padding-right",
+      "padding-top",
+      "page-break-after",
+      "page-break-before",
+      "page-break-inside",
+      "paint-order",
+      "perspective",
+      "perspective-origin",
+      "pointer-events",
+      "position",
+      "quotes",
+      "resize",
+      "right",
+      "ruby-align",
+      "ruby-position",
+      "scroll-behavior",
+      "scroll-snap-coordinate",
+      "scroll-snap-destination",
+      "scroll-snap-points-x",
+      "scroll-snap-points-y",
+      "scroll-snap-type-x",
+      "scroll-snap-type-y",
+      "shape-outside",
+      "shape-rendering",
+      "-moz-stack-sizing",
+      "stop-color",
+      "stop-opacity",
+      "stroke",
+      "stroke-dasharray",
+      "stroke-dashoffset",
+      "stroke-linecap",
+      "stroke-linejoin",
+      "stroke-miterlimit",
+      "stroke-opacity",
+      "stroke-width",
+      "-x-system-font",
+      "-moz-tab-size",
+      "table-layout",
+      "text-align",
+      "text-align-last",
+      "text-anchor",
+      "text-combine-upright",
+      "text-decoration-color",
+      "text-decoration-line",
+      "text-decoration-style",
+      "text-emphasis-color",
+      "text-emphasis-position",
+      "text-emphasis-style",
+      "-webkit-text-fill-color",
+      "text-indent",
+      "text-orientation",
+      "text-overflow",
+      "text-rendering",
+      "text-shadow",
+      "-moz-text-size-adjust",
+      "-webkit-text-stroke-color",
+      "-webkit-text-stroke-width",
+      "text-transform",
+      "top",
+      "-moz-top-layer",
+      "touch-action",
+      "transform",
+      "transform-box",
+      "transform-origin",
+      "transform-style",
+      "transition-delay",
+      "transition-duration",
+      "transition-property",
+      "transition-timing-function",
+      "-moz-user-focus",
+      "-moz-user-input",
+      "-moz-user-modify",
+      "-moz-user-select",
+      "vector-effect",
+      "vertical-align",
+      "visibility",
+      "white-space",
+      "width",
+      "will-change",
+      "-moz-window-dragging",
+      "-moz-window-shadow",
+      "word-break",
+      "word-spacing",
+      "overflow-wrap",
+      "writing-mode",
+      "z-index"
+    ],
+    "supports": [
+      1,
+      2,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10,
+      11
+    ],
+    "values": [
+      "COLOR",
+      "-moz-all",
+      "-moz-available",
+      "-moz-block-height",
+      "-moz-box",
+      "-moz-calc",
+      "-moz-center",
+      "-moz-crisp-edges",
+      "-moz-deck",
+      "-moz-element",
+      "-moz-fit-content",
+      "-moz-grid",
+      "-moz-grid-group",
+      "-moz-grid-line",
+      "-moz-groupbox",
+      "-moz-gtk-info-bar",
+      "-moz-hidden-unscrollable",
+      "-moz-image-rect",
+      "-moz-inline-box",
+      "-moz-inline-grid",
+      "-moz-inline-stack",
+      "-moz-left",
+      "-moz-linear-gradient",
+      "-moz-mac-disclosure-button-closed",
+      "-moz-mac-disclosure-button-open",
+      "-moz-mac-fullscreen-button",
+      "-moz-mac-help-button",
+      "-moz-mac-source-list",
+      "-moz-mac-vibrancy-dark",
+      "-moz-mac-vibrancy-light",
+      "-moz-max-content",
+      "-moz-middle-with-baseline",
+      "-moz-min-content",
+      "-moz-none",
+      "-moz-popup",
+      "-moz-pre-space",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "-moz-right",
+      "-moz-stack",
+      "-moz-text",
+      "-moz-win-borderless-glass",
+      "-moz-win-browsertabbar-toolbox",
+      "-moz-win-communications-toolbox",
+      "-moz-win-exclude-glass",
+      "-moz-win-glass",
+      "-moz-win-media-toolbox",
+      "-moz-window-button-box",
+      "-moz-window-button-box-maximized",
+      "-moz-window-button-close",
+      "-moz-window-button-maximize",
+      "-moz-window-button-minimize",
+      "-moz-window-button-restore",
+      "-moz-window-frame-bottom",
+      "-moz-window-frame-left",
+      "-moz-window-frame-right",
+      "-moz-window-titlebar",
+      "-moz-window-titlebar-maximized",
+      "-webkit-box",
+      "-webkit-flex",
+      "-webkit-inline-box",
+      "-webkit-inline-flex",
+      "absolute",
+      "active",
+      "add",
+      "all",
+      "all-petite-caps",
+      "all-small-caps",
+      "alpha",
+      "alphabetic",
+      "alternate",
+      "alternate-reverse",
+      "always",
+      "auto",
+      "avoid",
+      "backwards",
+      "balance",
+      "baseline",
+      "bevel",
+      "block",
+      "block-axis",
+      "border-box",
+      "both",
+      "bottom",
+      "bottom-outside",
+      "break-all",
+      "break-word",
+      "butt",
+      "button",
+      "button-arrow-down",
+      "button-arrow-next",
+      "button-arrow-previous",
+      "button-arrow-up",
+      "button-bevel",
+      "button-focus",
+      "calc",
+      "capitalize",
+      "caret",
+      "center",
+      "central",
+      "checkbox",
+      "checkbox-container",
+      "checkbox-label",
+      "checkmenuitem",
+      "clone",
+      "collapse",
+      "color",
+      "color-burn",
+      "color-dodge",
+      "column",
+      "column-reverse",
+      "condensed",
+      "contain",
+      "content-box",
+      "contents",
+      "cover",
+      "crispedges",
+      "cubic-bezier",
+      "currentColor",
+      "darken",
+      "dashed",
+      "default",
+      "dialog",
+      "difference",
+      "disabled",
+      "dotted",
+      "double",
+      "drag",
+      "dualbutton",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "economy",
+      "element",
+      "elements",
+      "enabled",
+      "end",
+      "evenodd",
+      "exact",
+      "exclude",
+      "exclusion",
+      "expanded",
+      "extra-condensed",
+      "extra-expanded",
+      "fill",
+      "fill-box",
+      "fixed",
+      "flat",
+      "flex",
+      "flex-end",
+      "flex-start",
+      "forwards",
+      "full-width",
+      "geometricprecision",
+      "grayscale",
+      "grid",
+      "groove",
+      "groupbox",
+      "hanging",
+      "hard-light",
+      "hidden",
+      "hide",
+      "horizontal",
+      "horizontal-tb",
+      "hsl",
+      "hsla",
+      "hue",
+      "ideographic",
+      "ignore",
+      "inactive",
+      "infinite",
+      "inherit",
+      "initial",
+      "inline",
+      "inline-axis",
+      "inline-block",
+      "inline-end",
+      "inline-flex",
+      "inline-grid",
+      "inline-start",
+      "inline-table",
+      "inset",
+      "inside",
+      "intersect",
+      "isolate",
+      "italic",
+      "justify",
+      "keep-all",
+      "large",
+      "larger",
+      "last baseline",
+      "left",
+      "lighten",
+      "linear",
+      "linear-gradient",
+      "linearrgb",
+      "list-item",
+      "listbox",
+      "listitem",
+      "local",
+      "lowercase",
+      "lr",
+      "lr-tb",
+      "luminance",
+      "luminosity",
+      "mandatory",
+      "manipulation",
+      "manual",
+      "margin-box",
+      "match-source",
+      "mathematical",
+      "medium",
+      "menuarrow",
+      "menubar",
+      "menucheckbox",
+      "menuimage",
+      "menuitem",
+      "menuitemtext",
+      "menulist",
+      "menulist-button",
+      "menulist-text",
+      "menulist-textfield",
+      "menupopup",
+      "menuradio",
+      "menuseparator",
+      "meterbar",
+      "meterchunk",
+      "middle",
+      "miter",
+      "mixed",
+      "multiply",
+      "no-change",
+      "no-drag",
+      "no-repeat",
+      "non-scaling-stroke",
+      "none",
+      "nonzero",
+      "normal",
+      "nowrap",
+      "number-input",
+      "oblique",
+      "optimizelegibility",
+      "optimizequality",
+      "optimizespeed",
+      "outset",
+      "outside",
+      "over",
+      "overlay",
+      "padding-box",
+      "painted",
+      "pan-x",
+      "pan-y",
+      "paused",
+      "petite-caps",
+      "pre",
+      "pre-line",
+      "pre-wrap",
+      "preserve-3d",
+      "progressbar",
+      "progressbar-vertical",
+      "progresschunk",
+      "progresschunk-vertical",
+      "proximity",
+      "radial-gradient",
+      "radio",
+      "radio-container",
+      "radio-label",
+      "radiomenuitem",
+      "range",
+      "range-thumb",
+      "read-only",
+      "read-write",
+      "relative",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "reset-size",
+      "resizer",
+      "resizerpanel",
+      "reverse",
+      "rgb",
+      "rgba",
+      "ridge",
+      "right",
+      "rl",
+      "rl-tb",
+      "round",
+      "row",
+      "row-reverse",
+      "ruby",
+      "ruby-base",
+      "ruby-base-container",
+      "ruby-text",
+      "ruby-text-container",
+      "running",
+      "saturation",
+      "scale-down",
+      "scale-horizontal",
+      "scale-vertical",
+      "scalethumb-horizontal",
+      "scalethumb-vertical",
+      "scalethumbend",
+      "scalethumbstart",
+      "scalethumbtick",
+      "screen",
+      "scroll",
+      "scrollbar",
+      "scrollbar-horizontal",
+      "scrollbar-small",
+      "scrollbar-vertical",
+      "scrollbarbutton-down",
+      "scrollbarbutton-left",
+      "scrollbarbutton-right",
+      "scrollbarbutton-up",
+      "scrollbarthumb-horizontal",
+      "scrollbarthumb-vertical",
+      "scrollbartrack-horizontal",
+      "scrollbartrack-vertical",
+      "searchfield",
+      "select-after",
+      "select-all",
+      "select-before",
+      "select-menu",
+      "select-same",
+      "self-end",
+      "self-start",
+      "semi-condensed",
+      "semi-expanded",
+      "separate",
+      "separator",
+      "show",
+      "sideways",
+      "sideways-lr",
+      "sideways-right",
+      "sideways-rl",
+      "slice",
+      "small",
+      "small-caps",
+      "smaller",
+      "smooth",
+      "soft-light",
+      "solid",
+      "space",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "spinner",
+      "spinner-downbutton",
+      "spinner-textfield",
+      "spinner-upbutton",
+      "splitter",
+      "square",
+      "srgb",
+      "start",
+      "static",
+      "statusbar",
+      "statusbarpanel",
+      "step-end",
+      "step-start",
+      "steps",
+      "sticky",
+      "stretch",
+      "stretch-to-fit",
+      "stroke",
+      "sub",
+      "subtract",
+      "super",
+      "tab",
+      "tab-scroll-arrow-back",
+      "tab-scroll-arrow-forward",
+      "table",
+      "table-caption",
+      "table-cell",
+      "table-column",
+      "table-column-group",
+      "table-footer-group",
+      "table-header-group",
+      "table-row",
+      "table-row-group",
+      "tabpanel",
+      "tabpanels",
+      "tb",
+      "tb-rl",
+      "text",
+      "text-after-edge",
+      "text-before-edge",
+      "text-bottom",
+      "text-top",
+      "textfield",
+      "textfield-multiline",
+      "thick",
+      "thin",
+      "titling-caps",
+      "toggle",
+      "toolbar",
+      "toolbarbutton",
+      "toolbarbutton-dropdown",
+      "toolbargripper",
+      "toolbox",
+      "tooltip",
+      "top",
+      "top-outside",
+      "transparent",
+      "treeheader",
+      "treeheadercell",
+      "treeheadersortarrow",
+      "treeitem",
+      "treeline",
+      "treetwisty",
+      "treetwistyopen",
+      "treeview",
+      "tri-state",
+      "ultra-condensed",
+      "ultra-expanded",
+      "under",
+      "unicase",
+      "unset",
+      "uppercase",
+      "upright",
+      "url",
+      "use-script",
+      "vertical",
+      "vertical-lr",
+      "vertical-rl",
+      "view-box",
+      "visible",
+      "visiblefill",
+      "visiblepainted",
+      "visiblestroke",
+      "wavy",
+      "window",
+      "wrap",
+      "wrap-reverse",
+      "write-only",
+      "x-large",
+      "x-small",
+      "xx-large",
+      "xx-small"
+    ]
+  },
+  "animation": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration",
+      "animation-timing-function",
+      "animation-delay",
+      "animation-direction",
+      "animation-fill-mode",
+      "animation-iteration-count",
+      "animation-play-state",
+      "animation-name"
+    ],
+    "supports": [
+      7,
+      9,
+      10
+    ],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "backwards",
+      "both",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "forwards",
+      "infinite",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "normal",
+      "paused",
+      "reverse",
+      "running",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "animation-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "animation-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-direction"
+    ],
+    "supports": [],
+    "values": [
+      "alternate",
+      "alternate-reverse",
+      "inherit",
+      "initial",
+      "normal",
+      "reverse",
+      "unset"
+    ]
+  },
+  "animation-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "animation-fill-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-fill-mode"
+    ],
+    "supports": [],
+    "values": [
+      "backwards",
+      "both",
+      "forwards",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "animation-iteration-count": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-iteration-count"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "infinite",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "animation-name": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-name"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "animation-play-state": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-play-state"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "paused",
+      "running",
+      "unset"
+    ]
+  },
+  "animation-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "animation-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "backface-visibility": {
+    "isInherited": false,
+    "subproperties": [
+      "backface-visibility"
+    ],
+    "supports": [],
+    "values": [
+      "hidden",
+      "inherit",
+      "initial",
+      "unset",
+      "visible"
+    ]
+  },
+  "background": {
+    "isInherited": false,
+    "subproperties": [
+      "background-color",
+      "background-image",
+      "background-repeat",
+      "background-attachment",
+      "background-clip",
+      "background-origin",
+      "background-position-x",
+      "background-position-y",
+      "background-size"
+    ],
+    "supports": [
+      2,
+      4,
+      5,
+      6,
+      8,
+      11
+    ],
+    "values": [
+      "COLOR",
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "border-box",
+      "content-box",
+      "currentColor",
+      "fixed",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "local",
+      "no-repeat",
+      "none",
+      "padding-box",
+      "radial-gradient",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "rgb",
+      "rgba",
+      "round",
+      "scroll",
+      "space",
+      "text",
+      "transparent",
+      "unset",
+      "url"
+    ]
+  },
+  "background-attachment": {
+    "isInherited": false,
+    "subproperties": [
+      "background-attachment"
+    ],
+    "supports": [],
+    "values": [
+      "fixed",
+      "inherit",
+      "initial",
+      "local",
+      "scroll",
+      "unset"
+    ]
+  },
+  "background-blend-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "background-blend-mode"
+    ],
+    "supports": [],
+    "values": [
+      "color",
+      "color-burn",
+      "color-dodge",
+      "darken",
+      "difference",
+      "exclusion",
+      "hard-light",
+      "hue",
+      "inherit",
+      "initial",
+      "lighten",
+      "luminosity",
+      "multiply",
+      "normal",
+      "overlay",
+      "saturation",
+      "screen",
+      "soft-light",
+      "unset"
+    ]
+  },
+  "background-clip": {
+    "isInherited": false,
+    "subproperties": [
+      "background-clip"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "text",
+      "unset"
+    ]
+  },
+  "background-color": {
+    "isInherited": false,
+    "subproperties": [
+      "background-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "background-image": {
+    "isInherited": false,
+    "subproperties": [
+      "background-image"
+    ],
+    "supports": [
+      4,
+      5,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "background-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "background-origin"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "background-position": {
+    "isInherited": false,
+    "subproperties": [
+      "background-position-x",
+      "background-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "background-position-x": {
+    "isInherited": false,
+    "subproperties": [
+      "background-position-x"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "background-position-y": {
+    "isInherited": false,
+    "subproperties": [
+      "background-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "background-repeat": {
+    "isInherited": false,
+    "subproperties": [
+      "background-repeat"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "no-repeat",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "round",
+      "space",
+      "unset"
+    ]
+  },
+  "background-size": {
+    "isInherited": false,
+    "subproperties": [
+      "background-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "block-size": {
+    "isInherited": false,
+    "subproperties": [
+      "block-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "border-top-style",
+      "border-right-style",
+      "border-bottom-style",
+      "border-left-style",
+      "border-top-color",
+      "border-right-color",
+      "border-bottom-color",
+      "border-left-color",
+      "-moz-border-top-colors",
+      "-moz-border-right-colors",
+      "-moz-border-bottom-colors",
+      "-moz-border-left-colors",
+      "border-image-source",
+      "border-image-slice",
+      "border-image-width",
+      "border-image-outset",
+      "border-image-repeat"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "linear-gradient",
+      "medium",
+      "none",
+      "outset",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset",
+      "url"
+    ]
+  },
+  "border-block-end": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-end-width",
+      "border-block-end-style",
+      "border-block-end-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-block-end-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-end-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-block-end-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-end-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-block-end-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-end-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-block-start": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-start-width",
+      "border-block-start-style",
+      "border-block-start-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-block-start-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-start-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-block-start-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-start-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-block-start-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-block-start-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-bottom": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-width",
+      "border-bottom-style",
+      "border-bottom-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-bottom-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-bottom-left-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-bottom-right-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-right-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-bottom-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-bottom-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-bottom-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-collapse": {
+    "isInherited": true,
+    "subproperties": [
+      "border-collapse"
+    ],
+    "supports": [],
+    "values": [
+      "collapse",
+      "inherit",
+      "initial",
+      "separate",
+      "unset"
+    ]
+  },
+  "border-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-color",
+      "border-right-color",
+      "border-bottom-color",
+      "border-left-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-image": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-source",
+      "border-image-slice",
+      "border-image-width",
+      "border-image-outset",
+      "border-image-repeat"
+    ],
+    "supports": [
+      4,
+      5,
+      6,
+      7,
+      8,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "border-image-outset": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-outset"
+    ],
+    "supports": [
+      6,
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-image-repeat": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-repeat"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-image-slice": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-slice"
+    ],
+    "supports": [
+      7,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-image-source": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-source"
+    ],
+    "supports": [
+      4,
+      5,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "border-image-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-image-width"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-inline-end": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-width",
+      "border-inline-end-style",
+      "border-inline-end-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-inline-end-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-inline-end-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-inline-end-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-end-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-inline-start": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-width",
+      "border-inline-start-style",
+      "border-inline-start-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-inline-start-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-inline-start-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-inline-start-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-inline-start-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-left": {
+    "isInherited": false,
+    "subproperties": [
+      "border-left-width",
+      "border-left-style",
+      "border-left-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-left-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-left-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-left-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-left-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-left-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-left-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-right-radius",
+      "border-bottom-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-right": {
+    "isInherited": false,
+    "subproperties": [
+      "border-right-width",
+      "border-right-style",
+      "border-right-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-right-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-right-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-right-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-right-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-right-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-right-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-spacing": {
+    "isInherited": true,
+    "subproperties": [
+      "border-spacing"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-style",
+      "border-right-style",
+      "border-bottom-style",
+      "border-left-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-top": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-width",
+      "border-top-style",
+      "border-top-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-top-color": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "border-top-left-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-left-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-top-right-radius": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-right-radius"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "border-top-style": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "border-top-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "border-width": {
+    "isInherited": false,
+    "subproperties": [
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "bottom": {
+    "isInherited": false,
+    "subproperties": [
+      "bottom"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "box-decoration-break": {
+    "isInherited": false,
+    "subproperties": [
+      "box-decoration-break"
+    ],
+    "supports": [],
+    "values": [
+      "clone",
+      "inherit",
+      "initial",
+      "slice",
+      "unset"
+    ]
+  },
+  "box-shadow": {
+    "isInherited": false,
+    "subproperties": [
+      "box-shadow"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "box-sizing": {
+    "isInherited": false,
+    "subproperties": [
+      "box-sizing"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "caption-side": {
+    "isInherited": true,
+    "subproperties": [
+      "caption-side"
+    ],
+    "supports": [],
+    "values": [
+      "bottom",
+      "bottom-outside",
+      "inherit",
+      "initial",
+      "left",
+      "right",
+      "top",
+      "top-outside",
+      "unset"
+    ]
+  },
+  "clear": {
+    "isInherited": false,
+    "subproperties": [
+      "clear"
+    ],
+    "supports": [],
+    "values": [
+      "both",
+      "inherit",
+      "initial",
+      "inline-end",
+      "inline-start",
+      "left",
+      "none",
+      "right",
+      "unset"
+    ]
+  },
+  "clip": {
+    "isInherited": false,
+    "subproperties": [
+      "clip"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "clip-path": {
+    "isInherited": false,
+    "subproperties": [
+      "clip-path"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "clip-rule": {
+    "isInherited": true,
+    "subproperties": [
+      "clip-rule"
+    ],
+    "supports": [],
+    "values": [
+      "evenodd",
+      "inherit",
+      "initial",
+      "nonzero",
+      "unset"
+    ]
+  },
+  "color": {
+    "isInherited": true,
+    "subproperties": [
+      "color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "color-adjust": {
+    "isInherited": true,
+    "subproperties": [
+      "color-adjust"
+    ],
+    "supports": [],
+    "values": [
+      "economy",
+      "exact",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "color-interpolation": {
+    "isInherited": true,
+    "subproperties": [
+      "color-interpolation"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "linearrgb",
+      "srgb",
+      "unset"
+    ]
+  },
+  "color-interpolation-filters": {
+    "isInherited": true,
+    "subproperties": [
+      "color-interpolation-filters"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "linearrgb",
+      "srgb",
+      "unset"
+    ]
+  },
+  "column-count": {
+    "isInherited": false,
+    "subproperties": [
+      "column-count"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "column-fill": {
+    "isInherited": false,
+    "subproperties": [
+      "column-fill"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "balance",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "column-gap": {
+    "isInherited": false,
+    "subproperties": [
+      "column-gap"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "column-rule": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-width",
+      "column-rule-style",
+      "column-rule-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "column-rule-color": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "column-rule-style": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-style"
+    ],
+    "supports": [],
+    "values": [
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hidden",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "column-rule-width": {
+    "isInherited": false,
+    "subproperties": [
+      "column-rule-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "column-width": {
+    "isInherited": false,
+    "subproperties": [
+      "column-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "columns": {
+    "isInherited": false,
+    "subproperties": [
+      "column-count",
+      "column-width"
+    ],
+    "supports": [
+      6,
+      7
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "content": {
+    "isInherited": false,
+    "subproperties": [
+      "content"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "counter-increment": {
+    "isInherited": false,
+    "subproperties": [
+      "counter-increment"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "counter-reset": {
+    "isInherited": false,
+    "subproperties": [
+      "counter-reset"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "cursor": {
+    "isInherited": true,
+    "subproperties": [
+      "cursor"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "direction": {
+    "isInherited": true,
+    "subproperties": [
+      "direction"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "ltr",
+      "rtl",
+      "unset"
+    ]
+  },
+  "display": {
+    "isInherited": false,
+    "subproperties": [
+      "display"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-box",
+      "-moz-deck",
+      "-moz-grid",
+      "-moz-grid-group",
+      "-moz-grid-line",
+      "-moz-groupbox",
+      "-moz-inline-box",
+      "-moz-inline-grid",
+      "-moz-inline-stack",
+      "-moz-popup",
+      "-moz-stack",
+      "-webkit-box",
+      "-webkit-flex",
+      "-webkit-inline-box",
+      "-webkit-inline-flex",
+      "block",
+      "contents",
+      "flex",
+      "grid",
+      "inherit",
+      "initial",
+      "inline",
+      "inline-block",
+      "inline-flex",
+      "inline-grid",
+      "inline-table",
+      "list-item",
+      "none",
+      "ruby",
+      "ruby-base",
+      "ruby-base-container",
+      "ruby-text",
+      "ruby-text-container",
+      "table",
+      "table-caption",
+      "table-cell",
+      "table-column",
+      "table-column-group",
+      "table-footer-group",
+      "table-header-group",
+      "table-row",
+      "table-row-group",
+      "unset"
+    ]
+  },
+  "dominant-baseline": {
+    "isInherited": false,
+    "subproperties": [
+      "dominant-baseline"
+    ],
+    "supports": [],
+    "values": [
+      "alphabetic",
+      "auto",
+      "central",
+      "hanging",
+      "ideographic",
+      "inherit",
+      "initial",
+      "mathematical",
+      "middle",
+      "no-change",
+      "reset-size",
+      "text-after-edge",
+      "text-before-edge",
+      "unset",
+      "use-script"
+    ]
+  },
+  "empty-cells": {
+    "isInherited": true,
+    "subproperties": [
+      "empty-cells"
+    ],
+    "supports": [],
+    "values": [
+      "hide",
+      "inherit",
+      "initial",
+      "show",
+      "unset"
+    ]
+  },
+  "fill": {
+    "isInherited": true,
+    "subproperties": [
+      "fill"
+    ],
+    "supports": [
+      2,
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "fill-opacity": {
+    "isInherited": true,
+    "subproperties": [
+      "fill-opacity"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "fill-rule": {
+    "isInherited": true,
+    "subproperties": [
+      "fill-rule"
+    ],
+    "supports": [],
+    "values": [
+      "evenodd",
+      "inherit",
+      "initial",
+      "nonzero",
+      "unset"
+    ]
+  },
+  "filter": {
+    "isInherited": false,
+    "subproperties": [
+      "filter"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "flex": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-grow",
+      "flex-shrink",
+      "flex-basis"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "flex-basis": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-basis"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "flex-direction": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-direction"
+    ],
+    "supports": [],
+    "values": [
+      "column",
+      "column-reverse",
+      "inherit",
+      "initial",
+      "row",
+      "row-reverse",
+      "unset"
+    ]
+  },
+  "flex-flow": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-direction",
+      "flex-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "column",
+      "column-reverse",
+      "inherit",
+      "initial",
+      "nowrap",
+      "row",
+      "row-reverse",
+      "unset",
+      "wrap",
+      "wrap-reverse"
+    ]
+  },
+  "flex-grow": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-grow"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "flex-shrink": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-shrink"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "flex-wrap": {
+    "isInherited": false,
+    "subproperties": [
+      "flex-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "nowrap",
+      "unset",
+      "wrap",
+      "wrap-reverse"
+    ]
+  },
+  "float": {
+    "isInherited": false,
+    "subproperties": [
+      "float"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "inline-end",
+      "inline-start",
+      "left",
+      "none",
+      "right",
+      "unset"
+    ]
+  },
+  "flood-color": {
+    "isInherited": false,
+    "subproperties": [
+      "flood-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "flood-opacity": {
+    "isInherited": false,
+    "subproperties": [
+      "flood-opacity"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font": {
+    "isInherited": true,
+    "subproperties": [
+      "font-family",
+      "font-style",
+      "font-weight",
+      "font-size",
+      "line-height",
+      "font-size-adjust",
+      "font-stretch",
+      "-x-system-font",
+      "font-feature-settings",
+      "font-language-override",
+      "font-kerning",
+      "font-synthesis",
+      "font-variant-alternates",
+      "font-variant-caps",
+      "font-variant-east-asian",
+      "font-variant-ligatures",
+      "font-variant-numeric",
+      "font-variant-position"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "-moz-block-height",
+      "-moz-calc",
+      "all-petite-caps",
+      "all-small-caps",
+      "auto",
+      "calc",
+      "condensed",
+      "expanded",
+      "extra-condensed",
+      "extra-expanded",
+      "inherit",
+      "initial",
+      "italic",
+      "large",
+      "larger",
+      "medium",
+      "none",
+      "normal",
+      "oblique",
+      "petite-caps",
+      "semi-condensed",
+      "semi-expanded",
+      "small",
+      "small-caps",
+      "smaller",
+      "sub",
+      "super",
+      "titling-caps",
+      "ultra-condensed",
+      "ultra-expanded",
+      "unicase",
+      "unset",
+      "x-large",
+      "x-small",
+      "xx-large",
+      "xx-small"
+    ]
+  },
+  "font-family": {
+    "isInherited": true,
+    "subproperties": [
+      "font-family"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-feature-settings": {
+    "isInherited": true,
+    "subproperties": [
+      "font-feature-settings"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-kerning": {
+    "isInherited": true,
+    "subproperties": [
+      "font-kerning"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "none",
+      "normal",
+      "unset"
+    ]
+  },
+  "font-language-override": {
+    "isInherited": true,
+    "subproperties": [
+      "font-language-override"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "font-size": {
+    "isInherited": true,
+    "subproperties": [
+      "font-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "large",
+      "larger",
+      "medium",
+      "small",
+      "smaller",
+      "unset",
+      "x-large",
+      "x-small",
+      "xx-large",
+      "xx-small"
+    ]
+  },
+  "font-size-adjust": {
+    "isInherited": true,
+    "subproperties": [
+      "font-size-adjust"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "font-stretch": {
+    "isInherited": true,
+    "subproperties": [
+      "font-stretch"
+    ],
+    "supports": [],
+    "values": [
+      "condensed",
+      "expanded",
+      "extra-condensed",
+      "extra-expanded",
+      "inherit",
+      "initial",
+      "normal",
+      "semi-condensed",
+      "semi-expanded",
+      "ultra-condensed",
+      "ultra-expanded",
+      "unset"
+    ]
+  },
+  "font-style": {
+    "isInherited": true,
+    "subproperties": [
+      "font-style"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "italic",
+      "normal",
+      "oblique",
+      "unset"
+    ]
+  },
+  "font-synthesis": {
+    "isInherited": true,
+    "subproperties": [
+      "font-synthesis"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-variant": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-alternates",
+      "font-variant-caps",
+      "font-variant-east-asian",
+      "font-variant-ligatures",
+      "font-variant-numeric",
+      "font-variant-position"
+    ],
+    "supports": [],
+    "values": [
+      "all-petite-caps",
+      "all-small-caps",
+      "inherit",
+      "initial",
+      "normal",
+      "petite-caps",
+      "small-caps",
+      "sub",
+      "super",
+      "titling-caps",
+      "unicase",
+      "unset"
+    ]
+  },
+  "font-variant-alternates": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-alternates"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-variant-caps": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-caps"
+    ],
+    "supports": [],
+    "values": [
+      "all-petite-caps",
+      "all-small-caps",
+      "inherit",
+      "initial",
+      "normal",
+      "petite-caps",
+      "small-caps",
+      "titling-caps",
+      "unicase",
+      "unset"
+    ]
+  },
+  "font-variant-east-asian": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-east-asian"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-variant-ligatures": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-ligatures"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-variant-numeric": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-numeric"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "font-variant-position": {
+    "isInherited": true,
+    "subproperties": [
+      "font-variant-position"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "normal",
+      "sub",
+      "super",
+      "unset"
+    ]
+  },
+  "font-weight": {
+    "isInherited": true,
+    "subproperties": [
+      "font-weight"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-template-areas",
+      "grid-template-rows",
+      "grid-template-columns",
+      "grid-auto-flow",
+      "grid-auto-rows",
+      "grid-auto-columns",
+      "grid-row-gap",
+      "grid-column-gap"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-area": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-start",
+      "grid-column-start",
+      "grid-row-end",
+      "grid-column-end"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-auto-columns": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-auto-columns"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-auto-flow": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-auto-flow"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-auto-rows": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-auto-rows"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-column": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-column-start",
+      "grid-column-end"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-column-end": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-column-end"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-column-gap": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-column-gap"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-column-start": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-column-start"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-gap": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-gap",
+      "grid-column-gap"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-row": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-start",
+      "grid-row-end"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-row-end": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-end"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-row-gap": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-gap"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-row-start": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-row-start"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-template": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-template-areas",
+      "grid-template-rows",
+      "grid-template-columns"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-template-areas": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-template-areas"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-template-columns": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-template-columns"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "grid-template-rows": {
+    "isInherited": false,
+    "subproperties": [
+      "grid-template-rows"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "height": {
+    "isInherited": false,
+    "subproperties": [
+      "height"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "hyphens": {
+    "isInherited": true,
+    "subproperties": [
+      "hyphens"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "manual",
+      "none",
+      "unset"
+    ]
+  },
+  "image-orientation": {
+    "isInherited": true,
+    "subproperties": [
+      "image-orientation"
+    ],
+    "supports": [
+      1
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "image-rendering": {
+    "isInherited": true,
+    "subproperties": [
+      "image-rendering"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-crisp-edges",
+      "auto",
+      "inherit",
+      "initial",
+      "optimizequality",
+      "optimizespeed",
+      "unset"
+    ]
+  },
+  "ime-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "ime-mode"
+    ],
+    "supports": [],
+    "values": [
+      "active",
+      "auto",
+      "disabled",
+      "inactive",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "inline-size": {
+    "isInherited": false,
+    "subproperties": [
+      "inline-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "isolation": {
+    "isInherited": false,
+    "subproperties": [
+      "isolation"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "isolate",
+      "unset"
+    ]
+  },
+  "justify-content": {
+    "isInherited": false,
+    "subproperties": [
+      "justify-content"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "justify-items": {
+    "isInherited": false,
+    "subproperties": [
+      "justify-items"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "justify-self": {
+    "isInherited": false,
+    "subproperties": [
+      "justify-self"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "left": {
+    "isInherited": false,
+    "subproperties": [
+      "left"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "letter-spacing": {
+    "isInherited": true,
+    "subproperties": [
+      "letter-spacing"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "lighting-color": {
+    "isInherited": false,
+    "subproperties": [
+      "lighting-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "line-height": {
+    "isInherited": true,
+    "subproperties": [
+      "line-height"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "-moz-block-height",
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "list-style": {
+    "isInherited": true,
+    "subproperties": [
+      "list-style-type",
+      "list-style-image",
+      "list-style-position"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "inside",
+      "none",
+      "outside",
+      "unset",
+      "url"
+    ]
+  },
+  "list-style-image": {
+    "isInherited": true,
+    "subproperties": [
+      "list-style-image"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "list-style-position": {
+    "isInherited": true,
+    "subproperties": [
+      "list-style-position"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "inside",
+      "outside",
+      "unset"
+    ]
+  },
+  "list-style-type": {
+    "isInherited": true,
+    "subproperties": [
+      "list-style-type"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-block-end": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-block-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-block-start": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-block-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-bottom": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-bottom"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-inline-end": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-inline-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-inline-start": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-inline-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-left": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-left"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-right": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-right"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "margin-top": {
+    "isInherited": false,
+    "subproperties": [
+      "margin-top"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "marker": {
+    "isInherited": true,
+    "subproperties": [
+      "marker-start",
+      "marker-mid",
+      "marker-end"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "marker-end": {
+    "isInherited": true,
+    "subproperties": [
+      "marker-end"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "marker-mid": {
+    "isInherited": true,
+    "subproperties": [
+      "marker-mid"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "marker-start": {
+    "isInherited": true,
+    "subproperties": [
+      "marker-start"
+    ],
+    "supports": [
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "url"
+    ]
+  },
+  "mask": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-image",
+      "mask-repeat",
+      "mask-position-x",
+      "mask-position-y",
+      "mask-clip",
+      "mask-origin",
+      "mask-size",
+      "mask-composite",
+      "mask-mode"
+    ],
+    "supports": [
+      4,
+      5,
+      6,
+      8,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "add",
+      "alpha",
+      "border-box",
+      "content-box",
+      "exclude",
+      "inherit",
+      "initial",
+      "intersect",
+      "linear-gradient",
+      "luminance",
+      "match-source",
+      "no-repeat",
+      "none",
+      "padding-box",
+      "radial-gradient",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "round",
+      "space",
+      "subtract",
+      "unset",
+      "url"
+    ]
+  },
+  "mask-clip": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-clip"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "mask-composite": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-composite"
+    ],
+    "supports": [],
+    "values": [
+      "add",
+      "exclude",
+      "inherit",
+      "initial",
+      "intersect",
+      "subtract",
+      "unset"
+    ]
+  },
+  "mask-image": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-image"
+    ],
+    "supports": [
+      4,
+      5,
+      11
+    ],
+    "values": [
+      "-moz-element",
+      "-moz-image-rect",
+      "-moz-linear-gradient",
+      "-moz-radial-gradient",
+      "-moz-repeating-linear-gradient",
+      "-moz-repeating-radial-gradient",
+      "inherit",
+      "initial",
+      "linear-gradient",
+      "none",
+      "radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-radial-gradient",
+      "unset",
+      "url"
+    ]
+  },
+  "mask-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-mode"
+    ],
+    "supports": [],
+    "values": [
+      "alpha",
+      "inherit",
+      "initial",
+      "luminance",
+      "match-source",
+      "unset"
+    ]
+  },
+  "mask-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-origin"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "content-box",
+      "inherit",
+      "initial",
+      "padding-box",
+      "unset"
+    ]
+  },
+  "mask-position": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-x",
+      "mask-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "mask-position-x": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-x"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "mask-position-y": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-position-y"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "mask-repeat": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-repeat"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "no-repeat",
+      "repeat",
+      "repeat-x",
+      "repeat-y",
+      "round",
+      "space",
+      "unset"
+    ]
+  },
+  "mask-size": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "mask-type": {
+    "isInherited": false,
+    "subproperties": [
+      "mask-type"
+    ],
+    "supports": [],
+    "values": [
+      "alpha",
+      "inherit",
+      "initial",
+      "luminance",
+      "unset"
+    ]
+  },
+  "max-block-size": {
+    "isInherited": false,
+    "subproperties": [
+      "max-block-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "max-height": {
+    "isInherited": false,
+    "subproperties": [
+      "max-height"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "calc",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "max-inline-size": {
+    "isInherited": false,
+    "subproperties": [
+      "max-inline-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "calc",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "max-width": {
+    "isInherited": false,
+    "subproperties": [
+      "max-width"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "calc",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "min-block-size": {
+    "isInherited": false,
+    "subproperties": [
+      "min-block-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "min-height": {
+    "isInherited": false,
+    "subproperties": [
+      "min-height"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "min-inline-size": {
+    "isInherited": false,
+    "subproperties": [
+      "min-inline-size"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "min-width": {
+    "isInherited": false,
+    "subproperties": [
+      "min-width"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "mix-blend-mode": {
+    "isInherited": false,
+    "subproperties": [
+      "mix-blend-mode"
+    ],
+    "supports": [],
+    "values": [
+      "color",
+      "color-burn",
+      "color-dodge",
+      "darken",
+      "difference",
+      "exclusion",
+      "hard-light",
+      "hue",
+      "inherit",
+      "initial",
+      "lighten",
+      "luminosity",
+      "multiply",
+      "normal",
+      "overlay",
+      "saturation",
+      "screen",
+      "soft-light",
+      "unset"
+    ]
+  },
+  "object-fit": {
+    "isInherited": false,
+    "subproperties": [
+      "object-fit"
+    ],
+    "supports": [],
+    "values": [
+      "contain",
+      "cover",
+      "fill",
+      "inherit",
+      "initial",
+      "none",
+      "scale-down",
+      "unset"
+    ]
+  },
+  "object-position": {
+    "isInherited": false,
+    "subproperties": [
+      "object-position"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "offset-block-end": {
+    "isInherited": false,
+    "subproperties": [
+      "offset-block-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "offset-block-start": {
+    "isInherited": false,
+    "subproperties": [
+      "offset-block-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "offset-inline-end": {
+    "isInherited": false,
+    "subproperties": [
+      "offset-inline-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "offset-inline-start": {
+    "isInherited": false,
+    "subproperties": [
+      "offset-inline-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "opacity": {
+    "isInherited": false,
+    "subproperties": [
+      "opacity"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "order": {
+    "isInherited": false,
+    "subproperties": [
+      "order"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "outline": {
+    "isInherited": false,
+    "subproperties": [
+      "outline-width",
+      "outline-style",
+      "outline-color"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "COLOR",
+      "-moz-calc",
+      "auto",
+      "calc",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "inset",
+      "medium",
+      "none",
+      "outset",
+      "rgb",
+      "rgba",
+      "ridge",
+      "solid",
+      "thick",
+      "thin",
+      "transparent",
+      "unset"
+    ]
+  },
+  "outline-color": {
+    "isInherited": false,
+    "subproperties": [
+      "outline-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "outline-offset": {
+    "isInherited": false,
+    "subproperties": [
+      "outline-offset"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "outline-style": {
+    "isInherited": false,
+    "subproperties": [
+      "outline-style"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "dashed",
+      "dotted",
+      "double",
+      "groove",
+      "inherit",
+      "initial",
+      "inset",
+      "none",
+      "outset",
+      "ridge",
+      "solid",
+      "unset"
+    ]
+  },
+  "outline-width": {
+    "isInherited": false,
+    "subproperties": [
+      "outline-width"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "medium",
+      "thick",
+      "thin",
+      "unset"
+    ]
+  },
+  "overflow": {
+    "isInherited": false,
+    "subproperties": [
+      "overflow-x",
+      "overflow-y"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-hidden-unscrollable",
+      "auto",
+      "hidden",
+      "inherit",
+      "initial",
+      "scroll",
+      "unset",
+      "visible"
+    ]
+  },
+  "overflow-wrap": {
+    "isInherited": true,
+    "subproperties": [
+      "overflow-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "break-word",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "overflow-x": {
+    "isInherited": false,
+    "subproperties": [
+      "overflow-x"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-hidden-unscrollable",
+      "auto",
+      "hidden",
+      "inherit",
+      "initial",
+      "scroll",
+      "unset",
+      "visible"
+    ]
+  },
+  "overflow-y": {
+    "isInherited": false,
+    "subproperties": [
+      "overflow-y"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-hidden-unscrollable",
+      "auto",
+      "hidden",
+      "inherit",
+      "initial",
+      "scroll",
+      "unset",
+      "visible"
+    ]
+  },
+  "padding": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-block-end": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-block-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-block-start": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-block-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-bottom": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-bottom"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-inline-end": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-inline-end"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-inline-start": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-inline-start"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-left": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-left"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-right": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-right"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "padding-top": {
+    "isInherited": false,
+    "subproperties": [
+      "padding-top"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "page-break-after": {
+    "isInherited": false,
+    "subproperties": [
+      "page-break-after"
+    ],
+    "supports": [],
+    "values": [
+      "always",
+      "auto",
+      "avoid",
+      "inherit",
+      "initial",
+      "left",
+      "right",
+      "unset"
+    ]
+  },
+  "page-break-before": {
+    "isInherited": false,
+    "subproperties": [
+      "page-break-before"
+    ],
+    "supports": [],
+    "values": [
+      "always",
+      "auto",
+      "avoid",
+      "inherit",
+      "initial",
+      "left",
+      "right",
+      "unset"
+    ]
+  },
+  "page-break-inside": {
+    "isInherited": false,
+    "subproperties": [
+      "page-break-inside"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "avoid",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "paint-order": {
+    "isInherited": true,
+    "subproperties": [
+      "paint-order"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "perspective": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective"
+    ],
+    "supports": [
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "perspective-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "perspective-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "place-content": {
+    "isInherited": false,
+    "subproperties": [
+      "align-content",
+      "justify-content"
+    ],
+    "supports": [],
+    "values": [
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "space-around",
+      "space-between",
+      "space-evenly",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "place-items": {
+    "isInherited": false,
+    "subproperties": [
+      "align-items",
+      "justify-items"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "place-self": {
+    "isInherited": false,
+    "subproperties": [
+      "align-self",
+      "justify-self"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "baseline",
+      "center",
+      "end",
+      "flex-end",
+      "flex-start",
+      "inherit",
+      "initial",
+      "last baseline",
+      "left",
+      "normal",
+      "right",
+      "self-end",
+      "self-start",
+      "start",
+      "stretch",
+      "unset"
+    ]
+  },
+  "pointer-events": {
+    "isInherited": true,
+    "subproperties": [
+      "pointer-events"
+    ],
+    "supports": [],
+    "values": [
+      "all",
+      "auto",
+      "fill",
+      "inherit",
+      "initial",
+      "none",
+      "painted",
+      "stroke",
+      "unset",
+      "visible",
+      "visiblefill",
+      "visiblepainted",
+      "visiblestroke"
+    ]
+  },
+  "position": {
+    "isInherited": false,
+    "subproperties": [
+      "position"
+    ],
+    "supports": [],
+    "values": [
+      "absolute",
+      "fixed",
+      "inherit",
+      "initial",
+      "relative",
+      "static",
+      "sticky",
+      "unset"
+    ]
+  },
+  "quotes": {
+    "isInherited": true,
+    "subproperties": [
+      "quotes"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "resize": {
+    "isInherited": false,
+    "subproperties": [
+      "resize"
+    ],
+    "supports": [],
+    "values": [
+      "both",
+      "horizontal",
+      "inherit",
+      "initial",
+      "none",
+      "unset",
+      "vertical"
+    ]
+  },
+  "right": {
+    "isInherited": false,
+    "subproperties": [
+      "right"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "ruby-align": {
+    "isInherited": true,
+    "subproperties": [
+      "ruby-align"
+    ],
+    "supports": [],
+    "values": [
+      "center",
+      "inherit",
+      "initial",
+      "space-around",
+      "space-between",
+      "start",
+      "unset"
+    ]
+  },
+  "ruby-position": {
+    "isInherited": true,
+    "subproperties": [
+      "ruby-position"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "over",
+      "under",
+      "unset"
+    ]
+  },
+  "scroll-behavior": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-behavior"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "smooth",
+      "unset"
+    ]
+  },
+  "scroll-snap-coordinate": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-coordinate"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "scroll-snap-destination": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-destination"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "scroll-snap-points-x": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-points-x"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "scroll-snap-points-y": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-points-y"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "scroll-snap-type": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-type-x",
+      "scroll-snap-type-y"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "mandatory",
+      "none",
+      "proximity",
+      "unset"
+    ]
+  },
+  "scroll-snap-type-x": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-type-x"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "mandatory",
+      "none",
+      "proximity",
+      "unset"
+    ]
+  },
+  "scroll-snap-type-y": {
+    "isInherited": false,
+    "subproperties": [
+      "scroll-snap-type-y"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "mandatory",
+      "none",
+      "proximity",
+      "unset"
+    ]
+  },
+  "shape-rendering": {
+    "isInherited": true,
+    "subproperties": [
+      "shape-rendering"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "crispedges",
+      "geometricprecision",
+      "inherit",
+      "initial",
+      "optimizespeed",
+      "unset"
+    ]
+  },
+  "stop-color": {
+    "isInherited": false,
+    "subproperties": [
+      "stop-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "stop-opacity": {
+    "isInherited": false,
+    "subproperties": [
+      "stop-opacity"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke"
+    ],
+    "supports": [
+      2,
+      11
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke-dasharray": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-dasharray"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke-dashoffset": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-dashoffset"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke-linecap": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-linecap"
+    ],
+    "supports": [],
+    "values": [
+      "butt",
+      "inherit",
+      "initial",
+      "round",
+      "square",
+      "unset"
+    ]
+  },
+  "stroke-linejoin": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-linejoin"
+    ],
+    "supports": [],
+    "values": [
+      "bevel",
+      "inherit",
+      "initial",
+      "miter",
+      "round",
+      "unset"
+    ]
+  },
+  "stroke-miterlimit": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-miterlimit"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke-opacity": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-opacity"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "stroke-width": {
+    "isInherited": true,
+    "subproperties": [
+      "stroke-width"
+    ],
+    "supports": [
+      6,
+      7,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "table-layout": {
+    "isInherited": false,
+    "subproperties": [
+      "table-layout"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "fixed",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-align": {
+    "isInherited": true,
+    "subproperties": [
+      "text-align"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-center",
+      "-moz-left",
+      "-moz-right",
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "justify",
+      "left",
+      "right",
+      "start",
+      "unset"
+    ]
+  },
+  "text-align-last": {
+    "isInherited": true,
+    "subproperties": [
+      "text-align-last"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "center",
+      "end",
+      "inherit",
+      "initial",
+      "justify",
+      "left",
+      "right",
+      "start",
+      "unset"
+    ]
+  },
+  "text-anchor": {
+    "isInherited": true,
+    "subproperties": [
+      "text-anchor"
+    ],
+    "supports": [],
+    "values": [
+      "end",
+      "inherit",
+      "initial",
+      "middle",
+      "start",
+      "unset"
+    ]
+  },
+  "text-combine-upright": {
+    "isInherited": true,
+    "subproperties": [
+      "text-combine-upright"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-decoration": {
+    "isInherited": false,
+    "subproperties": [
+      "text-decoration-color",
+      "text-decoration-line",
+      "text-decoration-style"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "-moz-none",
+      "currentColor",
+      "dashed",
+      "dotted",
+      "double",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "solid",
+      "transparent",
+      "unset",
+      "wavy"
+    ]
+  },
+  "text-decoration-color": {
+    "isInherited": false,
+    "subproperties": [
+      "text-decoration-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "text-decoration-line": {
+    "isInherited": false,
+    "subproperties": [
+      "text-decoration-line"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-decoration-style": {
+    "isInherited": false,
+    "subproperties": [
+      "text-decoration-style"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-none",
+      "dashed",
+      "dotted",
+      "double",
+      "inherit",
+      "initial",
+      "solid",
+      "unset",
+      "wavy"
+    ]
+  },
+  "text-emphasis": {
+    "isInherited": true,
+    "subproperties": [
+      "text-emphasis-style",
+      "text-emphasis-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "text-emphasis-color": {
+    "isInherited": true,
+    "subproperties": [
+      "text-emphasis-color"
+    ],
+    "supports": [
+      2
+    ],
+    "values": [
+      "COLOR",
+      "currentColor",
+      "hsl",
+      "hsla",
+      "inherit",
+      "initial",
+      "rgb",
+      "rgba",
+      "transparent",
+      "unset"
+    ]
+  },
+  "text-emphasis-position": {
+    "isInherited": true,
+    "subproperties": [
+      "text-emphasis-position"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-emphasis-style": {
+    "isInherited": true,
+    "subproperties": [
+      "text-emphasis-style"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-indent": {
+    "isInherited": true,
+    "subproperties": [
+      "text-indent"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-orientation": {
+    "isInherited": true,
+    "subproperties": [
+      "text-orientation"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "mixed",
+      "sideways",
+      "sideways-right",
+      "unset",
+      "upright"
+    ]
+  },
+  "text-overflow": {
+    "isInherited": false,
+    "subproperties": [
+      "text-overflow"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-rendering": {
+    "isInherited": true,
+    "subproperties": [
+      "text-rendering"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "geometricprecision",
+      "inherit",
+      "initial",
+      "optimizelegibility",
+      "optimizespeed",
+      "unset"
+    ]
+  },
+  "text-shadow": {
+    "isInherited": true,
+    "subproperties": [
+      "text-shadow"
+    ],
+    "supports": [
+      2,
+      6
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "text-transform": {
+    "isInherited": true,
+    "subproperties": [
+      "text-transform"
+    ],
+    "supports": [],
+    "values": [
+      "capitalize",
+      "full-width",
+      "inherit",
+      "initial",
+      "lowercase",
+      "none",
+      "unset",
+      "uppercase"
+    ]
+  },
+  "top": {
+    "isInherited": false,
+    "subproperties": [
+      "top"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "touch-action": {
+    "isInherited": false,
+    "subproperties": [
+      "touch-action"
+    ],
+    "supports": [],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "manipulation",
+      "none",
+      "pan-x",
+      "pan-y",
+      "unset"
+    ]
+  },
+  "transform": {
+    "isInherited": false,
+    "subproperties": [
+      "transform"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "transform-box": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-box"
+    ],
+    "supports": [],
+    "values": [
+      "border-box",
+      "fill-box",
+      "inherit",
+      "initial",
+      "unset",
+      "view-box"
+    ]
+  },
+  "transform-origin": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-origin"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "transform-style": {
+    "isInherited": false,
+    "subproperties": [
+      "transform-style"
+    ],
+    "supports": [],
+    "values": [
+      "flat",
+      "inherit",
+      "initial",
+      "preserve-3d",
+      "unset"
+    ]
+  },
+  "transition": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property",
+      "transition-duration",
+      "transition-timing-function",
+      "transition-delay"
+    ],
+    "supports": [
+      9,
+      10
+    ],
+    "values": [
+      "all",
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "none",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "transition-delay": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-delay"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "transition-duration": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-duration"
+    ],
+    "supports": [
+      9
+    ],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "transition-property": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-property"
+    ],
+    "supports": [],
+    "values": [
+      "all",
+      "inherit",
+      "initial",
+      "none",
+      "unset"
+    ]
+  },
+  "transition-timing-function": {
+    "isInherited": false,
+    "subproperties": [
+      "transition-timing-function"
+    ],
+    "supports": [
+      10
+    ],
+    "values": [
+      "cubic-bezier",
+      "ease",
+      "ease-in",
+      "ease-in-out",
+      "ease-out",
+      "inherit",
+      "initial",
+      "linear",
+      "step-end",
+      "step-start",
+      "steps",
+      "unset"
+    ]
+  },
+  "unicode-bidi": {
+    "isInherited": false,
+    "subproperties": [
+      "unicode-bidi"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-isolate",
+      "-moz-isolate-override",
+      "-moz-plaintext",
+      "bidi-override",
+      "embed",
+      "inherit",
+      "initial",
+      "isolate",
+      "isolate-override",
+      "normal",
+      "plaintext",
+      "unset"
+    ]
+  },
+  "vector-effect": {
+    "isInherited": false,
+    "subproperties": [
+      "vector-effect"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "non-scaling-stroke",
+      "none",
+      "unset"
+    ]
+  },
+  "vertical-align": {
+    "isInherited": false,
+    "subproperties": [
+      "vertical-align"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "-moz-middle-with-baseline",
+      "baseline",
+      "bottom",
+      "calc",
+      "inherit",
+      "initial",
+      "middle",
+      "sub",
+      "super",
+      "text-bottom",
+      "text-top",
+      "top",
+      "unset"
+    ]
+  },
+  "visibility": {
+    "isInherited": true,
+    "subproperties": [
+      "visibility"
+    ],
+    "supports": [],
+    "values": [
+      "collapse",
+      "hidden",
+      "inherit",
+      "initial",
+      "unset",
+      "visible"
+    ]
+  },
+  "white-space": {
+    "isInherited": true,
+    "subproperties": [
+      "white-space"
+    ],
+    "supports": [],
+    "values": [
+      "-moz-pre-space",
+      "inherit",
+      "initial",
+      "normal",
+      "nowrap",
+      "pre",
+      "pre-line",
+      "pre-wrap",
+      "unset"
+    ]
+  },
+  "width": {
+    "isInherited": false,
+    "subproperties": [
+      "width"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-available",
+      "-moz-calc",
+      "-moz-fit-content",
+      "-moz-max-content",
+      "-moz-min-content",
+      "auto",
+      "calc",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "will-change": {
+    "isInherited": false,
+    "subproperties": [
+      "will-change"
+    ],
+    "supports": [],
+    "values": [
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  },
+  "word-break": {
+    "isInherited": true,
+    "subproperties": [
+      "word-break"
+    ],
+    "supports": [],
+    "values": [
+      "break-all",
+      "inherit",
+      "initial",
+      "keep-all",
+      "normal",
+      "unset"
+    ]
+  },
+  "word-spacing": {
+    "isInherited": true,
+    "subproperties": [
+      "word-spacing"
+    ],
+    "supports": [
+      6,
+      8
+    ],
+    "values": [
+      "-moz-calc",
+      "calc",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "word-wrap": {
+    "isInherited": true,
+    "subproperties": [
+      "overflow-wrap"
+    ],
+    "supports": [],
+    "values": [
+      "break-word",
+      "inherit",
+      "initial",
+      "normal",
+      "unset"
+    ]
+  },
+  "writing-mode": {
+    "isInherited": true,
+    "subproperties": [
+      "writing-mode"
+    ],
+    "supports": [],
+    "values": [
+      "horizontal-tb",
+      "inherit",
+      "initial",
+      "lr",
+      "lr-tb",
+      "rl",
+      "rl-tb",
+      "sideways-lr",
+      "sideways-rl",
+      "tb",
+      "tb-rl",
+      "unset",
+      "vertical-lr",
+      "vertical-rl"
+    ]
+  },
+  "z-index": {
+    "isInherited": false,
+    "subproperties": [
+      "z-index"
+    ],
+    "supports": [
+      7
+    ],
+    "values": [
+      "auto",
+      "inherit",
+      "initial",
+      "unset"
+    ]
+  }
+};
+
+/**
+ * A list of the pseudo elements.
+ */
+exports.PSEUDO_ELEMENTS = [
+  ":after",
+  ":before",
+  ":backdrop",
+  ":first-letter",
+  ":first-line",
+  ":-moz-selection",
+  ":-moz-focus-inner",
+  ":-moz-focus-outer",
+  ":-moz-list-bullet",
+  ":-moz-list-number",
+  ":-moz-math-anonymous",
+  ":-moz-progress-bar",
+  ":-moz-range-track",
+  ":-moz-range-progress",
+  ":-moz-range-thumb",
+  ":-moz-meter-bar",
+  ":-moz-placeholder",
+  ":placeholder",
+  ":-moz-color-swatch"
+];
diff --git a/devtools/shared/css/generated/properties-db.js.in b/devtools/shared/css/generated/properties-db.js.in
new file mode 100644
index 000000000..370c9199a
--- /dev/null
+++ b/devtools/shared/css/generated/properties-db.js.in
@@ -0,0 +1,20 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+"use strict";
+
+/**
+ * This file is automatically generated by `mach devtools-css-db`. It contains
+ * a static list of CSS properties that can be computed by Gecko. The actual script
+ * to generate these files can be found at devtools/shared/css/generate-properties-db.js.
+ */
+
+/**
+ * A list of CSS Properties and their various characteristics.
+ */
+exports.CSS_PROPERTIES = ${cssProperties};
+
+/**
+ * A list of the pseudo elements.
+ */
+exports.PSEUDO_ELEMENTS = ${pseudoElements};
diff --git a/devtools/shared/css/lexer.js b/devtools/shared/css/lexer.js
new file mode 100644
index 000000000..9013b63ea
--- /dev/null
+++ b/devtools/shared/css/lexer.js
@@ -0,0 +1,1240 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// A CSS Lexer.  This file is a bit unusual -- it is a more or less
+// direct translation of layout/style/nsCSSScanner.cpp and
+// layout/style/CSSLexer.cpp into JS.  This implements the
+// CSSLexer.webidl interface, and the intent is to try to keep it in
+// sync with changes to the platform CSS lexer.  Due to this goal,
+// this file violates some naming conventions and consequently locally
+// disables some eslint rules.
+
+/* eslint-disable camelcase, no-inline-comments, mozilla/no-aArgs */
+/* eslint-disable no-else-return */
+
+"use strict";
+
+// White space of any kind.  No value fields are used.  Note that
+// comments do *not* count as white space; comments separate tokens
+// but are not themselves tokens.
+const eCSSToken_Whitespace = "whitespace";     //
+// A comment.
+const eCSSToken_Comment = "comment";        // /*...*/
+
+// Identifier-like tokens.  mIdent is the text of the identifier.
+// The difference between ID and Hash is: if the text after the #
+// would have been a valid Ident if the # hadn't been there, the
+// scanner produces an ID token.  Otherwise it produces a Hash token.
+// (This distinction is required by css3-selectors.)
+const eCSSToken_Ident = "ident";          // word
+const eCSSToken_Function = "function";       // word(
+const eCSSToken_AtKeyword = "at";      // @word
+const eCSSToken_ID = "id";             // #word
+const eCSSToken_Hash = "hash";           // #0word
+
+// Numeric tokens.  mNumber is the floating-point value of the
+// number, and mHasSign indicates whether there was an explicit sign
+// (+ or -) in front of the number.  If mIntegerValid is true, the
+// number had the lexical form of an integer, and mInteger is its
+// integer value.  Lexically integer values outside the range of a
+// 32-bit signed number are clamped to the maximum values; mNumber
+// will indicate a 'truer' value in that case.  Percentage tokens
+// are always considered not to be integers, even if their numeric
+// value is integral (100% => mNumber = 1.0).  For Dimension
+// tokens, mIdent holds the text of the unit.
+const eCSSToken_Number = "number";         // 1 -5 +2e3 3.14159 7.297352e-3
+const eCSSToken_Dimension = "dimension";      // 24px 8.5in
+const eCSSToken_Percentage = "percentage";     // 85% 1280.4%
+
+// String-like tokens.  In all cases, mIdent holds the text
+// belonging to the string, and mSymbol holds the delimiter
+// character, which may be ', ", or zero (only for unquoted URLs).
+// Bad_String and Bad_URL tokens are emitted when the closing
+// delimiter or parenthesis was missing.
+const eCSSToken_String = "string";         // 'foo bar' "foo bar"
+const eCSSToken_Bad_String = "bad_string";     // 'foo bar
+const eCSSToken_URL = "url";            // url(foobar) url("foo bar")
+const eCSSToken_Bad_URL = "bad_url";        // url(foo
+
+// Any one-character symbol.  mSymbol holds the character.
+const eCSSToken_Symbol = "symbol";         // . ; { } ! *
+
+// Match operators.  These are single tokens rather than pairs of
+// Symbol tokens because css3-selectors forbids the presence of
+// comments between the two characters.  No value fields are used;
+// the token type indicates which operator.
+const eCSSToken_Includes = "includes";       // ~=
+const eCSSToken_Dashmatch = "dashmatch";      // |=
+const eCSSToken_Beginsmatch = "beginsmatch";    // ^=
+const eCSSToken_Endsmatch = "endsmatch";      // $=
+const eCSSToken_Containsmatch = "containsmatch";  // *=
+
+// Unicode-range token: currently used only in @font-face.
+// The lexical rule for this token includes several forms that are
+// semantically invalid.  Therefore, mIdent always holds the
+// complete original text of the token (so we can print it
+// accurately in diagnostics), and mIntegerValid is true iff the
+// token is semantically valid.  In that case, mInteger holds the
+// lowest value included in the range, and mInteger2 holds the
+// highest value included in the range.
+const eCSSToken_URange = "urange";         // U+007e U+01?? U+2000-206F
+
+// HTML comment delimiters, ignored as a unit when they appear at
+// the top level of a style sheet, for compatibility with websites
+// written for compatibility with pre-CSS browsers.  This token type
+// subsumes the css2.1 CDO and CDC tokens, which are always treated
+// the same by the parser.  mIdent holds the text of the token, for
+// diagnostics.
+const eCSSToken_HTMLComment = "htmlcomment";    // <!-- -->
+
+const eEOFCharacters_None = 0x0000;
+
+// to handle \<EOF> inside strings
+const eEOFCharacters_DropBackslash = 0x0001;
+
+// to handle \<EOF> outside strings
+const eEOFCharacters_ReplacementChar = 0x0002;
+
+// to close comments
+const eEOFCharacters_Asterisk = 0x0004;
+const eEOFCharacters_Slash = 0x0008;
+
+// to close double-quoted strings
+const eEOFCharacters_DoubleQuote = 0x0010;
+
+// to close single-quoted strings
+const eEOFCharacters_SingleQuote = 0x0020;
+
+// to close URLs
+const eEOFCharacters_CloseParen = 0x0040;
+
+// Bridge the char/string divide.
+const APOSTROPHE = "'".charCodeAt(0);
+const ASTERISK = "*".charCodeAt(0);
+const CARRIAGE_RETURN = "\r".charCodeAt(0);
+const CIRCUMFLEX_ACCENT = "^".charCodeAt(0);
+const COMMERCIAL_AT = "@".charCodeAt(0);
+const DIGIT_NINE = "9".charCodeAt(0);
+const DIGIT_ZERO = "0".charCodeAt(0);
+const DOLLAR_SIGN = "$".charCodeAt(0);
+const EQUALS_SIGN = "=".charCodeAt(0);
+const EXCLAMATION_MARK = "!".charCodeAt(0);
+const FULL_STOP = ".".charCodeAt(0);
+const GREATER_THAN_SIGN = ">".charCodeAt(0);
+const HYPHEN_MINUS = "-".charCodeAt(0);
+const LATIN_CAPITAL_LETTER_E = "E".charCodeAt(0);
+const LATIN_CAPITAL_LETTER_U = "U".charCodeAt(0);
+const LATIN_SMALL_LETTER_E = "e".charCodeAt(0);
+const LATIN_SMALL_LETTER_U = "u".charCodeAt(0);
+const LEFT_PARENTHESIS = "(".charCodeAt(0);
+const LESS_THAN_SIGN = "<".charCodeAt(0);
+const LINE_FEED = "\n".charCodeAt(0);
+const NUMBER_SIGN = "#".charCodeAt(0);
+const PERCENT_SIGN = "%".charCodeAt(0);
+const PLUS_SIGN = "+".charCodeAt(0);
+const QUESTION_MARK = "?".charCodeAt(0);
+const QUOTATION_MARK = "\"".charCodeAt(0);
+const REVERSE_SOLIDUS = "\\".charCodeAt(0);
+const RIGHT_PARENTHESIS = ")".charCodeAt(0);
+const SOLIDUS = "/".charCodeAt(0);
+const TILDE = "~".charCodeAt(0);
+const VERTICAL_LINE = "|".charCodeAt(0);
+
+const UCS2_REPLACEMENT_CHAR = 0xFFFD;
+
+const kImpliedEOFCharacters = [
+  UCS2_REPLACEMENT_CHAR,
+  ASTERISK,
+  SOLIDUS,
+  QUOTATION_MARK,
+  APOSTROPHE,
+  RIGHT_PARENTHESIS,
+  0
+];
+
+/**
+ * Ensure that the character is valid.  If it is valid, return it;
+ * otherwise, return the replacement character.
+ *
+ * @param {Number} c the character to check
+ * @return {Number} the character or its replacement
+ */
+function ensureValidChar(c) {
+  if (c >= 0x00110000 || (c & 0xFFF800) == 0xD800) {
+    // Out of range or a surrogate.
+    return UCS2_REPLACEMENT_CHAR;
+  }
+  return c;
+}
+
+/**
+ * Turn a string into an array of character codes.
+ *
+ * @param {String} str the input string
+ * @return {Array} an array of character codes, one per character in
+ *         the input string.
+ */
+function stringToCodes(str) {
+  return Array.prototype.map.call(str, (c) => c.charCodeAt(0));
+}
+
+const IS_HEX_DIGIT = 0x01;
+const IS_IDSTART = 0x02;
+const IS_IDCHAR = 0x04;
+const IS_URL_CHAR = 0x08;
+const IS_HSPACE = 0x10;
+const IS_VSPACE = 0x20;
+const IS_SPACE = IS_HSPACE | IS_VSPACE;
+const IS_STRING = 0x40;
+
+const H = IS_HSPACE;
+const V = IS_VSPACE;
+const I = IS_IDCHAR;
+const J = IS_IDSTART;
+const U = IS_URL_CHAR;
+const S = IS_STRING;
+const X = IS_HEX_DIGIT;
+
+const SH = S | H;
+const SU = S | U;
+const SUI = S | U | I;
+const SUIJ = S | U | I | J;
+const SUIX = S | U | I | X;
+const SUIJX = S | U | I | J | X;
+
+/* eslint-disable indent, no-multi-spaces, comma-spacing, spaced-comment */
+const gLexTable = [
+// 00    01    02    03    04    05    06    07
+    0,    S,    S,    S,    S,    S,    S,    S,
+// 08   TAB    LF    0B    FF    CR    0E    0F
+    S,   SH,    V,    S,    V,    V,    S,    S,
+// 10    11    12    13    14    15    16    17
+    S,    S,    S,    S,    S,    S,    S,    S,
+// 18    19    1A    1B    1C    1D    1E    1F
+    S,    S,    S,    S,    S,    S,    S,    S,
+//SPC     !     "     #     $     %     &     '
+   SH,   SU,    0,   SU,   SU,   SU,   SU,    0,
+//  (     )     *     +     ,     -     .     /
+    S,    S,   SU,   SU,   SU,  SUI,   SU,   SU,
+//  0     1     2     3     4     5     6     7
+ SUIX, SUIX, SUIX, SUIX, SUIX, SUIX, SUIX, SUIX,
+//  8     9     :     ;     <     =     >     ?
+ SUIX, SUIX,   SU,   SU,   SU,   SU,   SU,   SU,
+//  @     A     B     C     D     E     F     G
+   SU,SUIJX,SUIJX,SUIJX,SUIJX,SUIJX,SUIJX, SUIJ,
+//  H     I     J     K     L     M     N     O
+ SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ,
+//  P     Q     R     S     T     U     V     W
+ SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ,
+//  X     Y     Z     [     \     ]     ^     _
+ SUIJ, SUIJ, SUIJ,   SU,    J,   SU,   SU, SUIJ,
+//  `     a     b     c     d     e     f     g
+   SU,SUIJX,SUIJX,SUIJX,SUIJX,SUIJX,SUIJX, SUIJ,
+//  h     i     j     k     l     m     n     o
+ SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ,
+//  p     q     r     s     t     u     v     w
+ SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ, SUIJ,
+//  x     y     z     {     |     }     ~    7F
+ SUIJ, SUIJ, SUIJ,   SU,   SU,   SU,   SU,    S,
+];
+/* eslint-enable indent, no-multi-spaces, comma-spacing, spaced-comment */
+
+/**
+ * True if 'ch' is in character class 'cls', which should be one of
+ * the constants above or some combination of them.  All characters
+ * above U+007F are considered to be in 'cls'.  EOF is never in 'cls'.
+ */
+function IsOpenCharClass(ch, cls) {
+  return ch >= 0 && (ch >= 128 || (gLexTable[ch] & cls) != 0);
+}
+
+/**
+ * True if 'ch' is in character class 'cls', which should be one of
+ * the constants above or some combination of them.  No characters
+ * above U+007F are considered to be in 'cls'. EOF is never in 'cls'.
+ */
+function IsClosedCharClass(ch, cls) {
+  return ch >= 0 && ch < 128 && (gLexTable[ch] & cls) != 0;
+}
+
+/**
+ * True if 'ch' is CSS whitespace, i.e. any of the ASCII characters
+ * TAB, LF, FF, CR, or SPC.
+ */
+function IsWhitespace(ch) {
+  return IsClosedCharClass(ch, IS_SPACE);
+}
+
+/**
+ * True if 'ch' is horizontal whitespace, i.e. TAB or SPC.
+ */
+function IsHorzSpace(ch) {
+  return IsClosedCharClass(ch, IS_HSPACE);
+}
+
+/**
+ * True if 'ch' is vertical whitespace, i.e. LF, FF, or CR.  Vertical
+ * whitespace requires special handling when consumed, see AdvanceLine.
+ */
+function IsVertSpace(ch) {
+  return IsClosedCharClass(ch, IS_VSPACE);
+}
+
+/**
+ * True if 'ch' is a character that can appear in the middle of an identifier.
+ * This includes U+0000 since it is handled as U+FFFD, but for purposes of
+ * GatherText it should not be included in IsOpenCharClass.
+ */
+function IsIdentChar(ch) {
+  return IsOpenCharClass(ch, IS_IDCHAR) || ch == 0;
+}
+
+/**
+ * True if 'ch' is a character that by itself begins an identifier.
+ * This includes U+0000 since it is handled as U+FFFD, but for purposes of
+ * GatherText it should not be included in IsOpenCharClass.
+ * (This is a subset of IsIdentChar.)
+ */
+function IsIdentStart(ch) {
+  return IsOpenCharClass(ch, IS_IDSTART) || ch == 0;
+}
+
+/**
+ * True if the two-character sequence aFirstChar+aSecondChar begins an
+ * identifier.
+ */
+function StartsIdent(aFirstChar, aSecondChar) {
+  return IsIdentStart(aFirstChar) ||
+    (aFirstChar == HYPHEN_MINUS && (aSecondChar == HYPHEN_MINUS ||
+                                    IsIdentStart(aSecondChar)));
+}
+
+/**
+ * True if 'ch' is a decimal digit.
+ */
+function IsDigit(ch) {
+  return (ch >= DIGIT_ZERO) && (ch <= DIGIT_NINE);
+}
+
+/**
+ * True if 'ch' is a hexadecimal digit.
+ */
+function IsHexDigit(ch) {
+  return IsClosedCharClass(ch, IS_HEX_DIGIT);
+}
+
+/**
+ * Assuming that 'ch' is a decimal digit, return its numeric value.
+ */
+function DecimalDigitValue(ch) {
+  return ch - DIGIT_ZERO;
+}
+
+/**
+ * Assuming that 'ch' is a hexadecimal digit, return its numeric value.
+ */
+function HexDigitValue(ch) {
+  if (IsDigit(ch)) {
+    return DecimalDigitValue(ch);
+  } else {
+    // Note: c&7 just keeps the low three bits which causes
+    // upper and lower case alphabetics to both yield their
+    // "relative to 10" value for computing the hex value.
+    return (ch & 0x7) + 9;
+  }
+}
+
+/**
+ * If 'ch' can be the first character of a two-character match operator
+ * token, return the token type code for that token, otherwise return
+ * eCSSToken_Symbol to indicate that it can't.
+ */
+function MatchOperatorType(ch) {
+  switch (ch) {
+    case TILDE: return eCSSToken_Includes;
+    case VERTICAL_LINE: return eCSSToken_Dashmatch;
+    case CIRCUMFLEX_ACCENT: return eCSSToken_Beginsmatch;
+    case DOLLAR_SIGN: return eCSSToken_Endsmatch;
+    case ASTERISK: return eCSSToken_Containsmatch;
+    default: return eCSSToken_Symbol;
+  }
+}
+
+function Scanner(buffer) {
+  this.mBuffer = buffer || "";
+  this.mOffset = 0;
+  this.mCount = this.mBuffer.length;
+  this.mLineNumber = 1;
+  this.mLineOffset = 0;
+  this.mTokenLineOffset = 0;
+  this.mTokenOffset = 0;
+  this.mTokenLineNumber = 1;
+  this.mEOFCharacters = eEOFCharacters_None;
+}
+
+Scanner.prototype = {
+  /**
+   * @see CSSLexer.lineNumber
+   */
+  get lineNumber() {
+    return this.mTokenLineNumber - 1;
+  },
+
+  /**
+   * @see CSSLexer.columnNumber
+   */
+  get columnNumber() {
+    return this.mTokenOffset - this.mTokenLineOffset;
+  },
+
+  /**
+   * @see CSSLexer.performEOFFixup
+   */
+  performEOFFixup: function (aInputString, aPreserveBackslash) {
+    let result = aInputString;
+
+    let eofChars = this.mEOFCharacters;
+
+    if (aPreserveBackslash &&
+        (eofChars & (eEOFCharacters_DropBackslash |
+                     eEOFCharacters_ReplacementChar)) != 0) {
+      eofChars &= ~(eEOFCharacters_DropBackslash |
+                    eEOFCharacters_ReplacementChar);
+      result += "\\";
+    }
+
+    if ((eofChars & eEOFCharacters_DropBackslash) != 0 &&
+        result.length > 0 && result.endsWith("\\")) {
+      result = result.slice(0, -1);
+    }
+
+    let extra = [];
+    this.AppendImpliedEOFCharacters(eofChars, extra);
+    let asString = String.fromCharCode.apply(null, extra);
+
+    return result + asString;
+  },
+
+  /**
+   * @see CSSLexer.nextToken
+   */
+  nextToken: function () {
+    let token = {};
+    if (!this.Next(token)) {
+      return null;
+    }
+
+    let resultToken = {};
+    resultToken.tokenType = token.mType;
+    resultToken.startOffset = this.mTokenOffset;
+    resultToken.endOffset = this.mOffset;
+
+    let constructText = () => {
+      return String.fromCharCode.apply(null, token.mIdent);
+    };
+
+    switch (token.mType) {
+      case eCSSToken_Whitespace:
+        break;
+
+      case eCSSToken_Ident:
+      case eCSSToken_Function:
+      case eCSSToken_AtKeyword:
+      case eCSSToken_ID:
+      case eCSSToken_Hash:
+        resultToken.text = constructText();
+        break;
+
+      case eCSSToken_Dimension:
+        resultToken.text = constructText();
+        /* Fall through.  */
+      case eCSSToken_Number:
+      case eCSSToken_Percentage:
+        resultToken.number = token.mNumber;
+        resultToken.hasSign = token.mHasSign;
+        resultToken.isInteger = token.mIntegerValid;
+        break;
+
+      case eCSSToken_String:
+      case eCSSToken_Bad_String:
+      case eCSSToken_URL:
+      case eCSSToken_Bad_URL:
+        resultToken.text = constructText();
+        /* Don't bother emitting the delimiter, as it is readily extracted
+           from the source string when needed.  */
+        break;
+
+      case eCSSToken_Symbol:
+        resultToken.text = String.fromCharCode(token.mSymbol);
+        break;
+
+      case eCSSToken_Includes:
+      case eCSSToken_Dashmatch:
+      case eCSSToken_Beginsmatch:
+      case eCSSToken_Endsmatch:
+      case eCSSToken_Containsmatch:
+      case eCSSToken_URange:
+        break;
+
+      case eCSSToken_Comment:
+      case eCSSToken_HTMLComment:
+        /* The comment text is easily extracted from the source string,
+           and is rarely useful.  */
+        break;
+    }
+
+    return resultToken;
+  },
+
+  /**
+   * Return the raw UTF-16 code unit at position |this.mOffset + n| within
+   * the read buffer.  If that is beyond the end of the buffer, returns
+   * -1 to indicate end of input.
+   */
+  Peek: function (n = 0) {
+    if (this.mOffset + n >= this.mCount) {
+      return -1;
+    }
+    return this.mBuffer.charCodeAt(this.mOffset + n);
+  },
+
+  /**
+   * Advance |this.mOffset| over |n| code units.  Advance(0) is a no-op.
+   * If |n| is greater than the distance to end of input, will silently
+   * stop at the end.  May not be used to advance over a line boundary;
+   * AdvanceLine() must be used instead.
+   */
+  Advance: function (n = 1) {
+    if (this.mOffset + n >= this.mCount || this.mOffset + n < this.mOffset) {
+      this.mOffset = this.mCount;
+    } else {
+      this.mOffset += n;
+    }
+  },
+
+  /**
+   * Advance |this.mOffset| over a line boundary.
+   */
+  AdvanceLine: function () {
+    // Advance over \r\n as a unit.
+    if (this.mBuffer.charCodeAt(this.mOffset) == CARRIAGE_RETURN &&
+        this.mOffset + 1 < this.mCount &&
+        this.mBuffer.charCodeAt(this.mOffset + 1) == LINE_FEED) {
+      this.mOffset += 2;
+    } else {
+      this.mOffset += 1;
+    }
+    // 0 is a magical line number meaning that we don't know (i.e., script)
+    if (this.mLineNumber != 0) {
+      this.mLineNumber++;
+    }
+    this.mLineOffset = this.mOffset;
+  },
+
+  /**
+   * Skip over a sequence of whitespace characters (vertical or
+   * horizontal) starting at the current read position.
+   */
+  SkipWhitespace: function () {
+    for (;;) {
+      let ch = this.Peek();
+      if (!IsWhitespace(ch)) { // EOF counts as non-whitespace
+        break;
+      }
+      if (IsVertSpace(ch)) {
+        this.AdvanceLine();
+      } else {
+        this.Advance();
+      }
+    }
+  },
+
+  /**
+   * Skip over one CSS comment starting at the current read position.
+   */
+  SkipComment: function () {
+    this.Advance(2);
+    for (;;) {
+      let ch = this.Peek();
+      if (ch < 0) {
+        this.SetEOFCharacters(eEOFCharacters_Asterisk | eEOFCharacters_Slash);
+        return;
+      }
+      if (ch == ASTERISK) {
+        this.Advance();
+        ch = this.Peek();
+        if (ch < 0) {
+          this.SetEOFCharacters(eEOFCharacters_Slash);
+          return;
+        }
+        if (ch == SOLIDUS) {
+          this.Advance();
+          return;
+        }
+      } else if (IsVertSpace(ch)) {
+        this.AdvanceLine();
+      } else {
+        this.Advance();
+      }
+    }
+  },
+
+  /**
+   * If there is a valid escape sequence starting at the current read
+   * position, consume it, decode it, append the result to |aOutput|,
+   * and return true.  Otherwise, consume nothing, leave |aOutput|
+   * unmodified, and return false.  If |aInString| is true, accept the
+   * additional form of escape sequence allowed within string-like tokens.
+   */
+  GatherEscape: function (aOutput, aInString) {
+    let ch = this.Peek(1);
+    if (ch < 0) {
+      // If we are in a string (or a url() containing a string), we want to drop
+      // the backslash on the floor.  Otherwise, we want to treat it as a U+FFFD
+      // character.
+      this.Advance();
+      if (aInString) {
+        this.SetEOFCharacters(eEOFCharacters_DropBackslash);
+      } else {
+        aOutput.push(UCS2_REPLACEMENT_CHAR);
+        this.SetEOFCharacters(eEOFCharacters_ReplacementChar);
+      }
+      return true;
+    }
+    if (IsVertSpace(ch)) {
+      if (aInString) {
+        // In strings (and in url() containing a string), escaped
+        // newlines are completely removed, to allow splitting over
+        // multiple lines.
+        this.Advance();
+        this.AdvanceLine();
+        return true;
+      }
+      // Outside of strings, backslash followed by a newline is not an escape.
+      return false;
+    }
+
+    if (!IsHexDigit(ch)) {
+      // "Any character (except a hexadecimal digit, linefeed, carriage
+      // return, or form feed) can be escaped with a backslash to remove
+      // its special meaning." -- CSS2.1 section 4.1.3
+      this.Advance(2);
+      if (ch == 0) {
+        aOutput.push(UCS2_REPLACEMENT_CHAR);
+      } else {
+        aOutput.push(ch);
+      }
+      return true;
+    }
+
+    // "[at most six hexadecimal digits following a backslash] stand
+    // for the ISO 10646 character with that number, which must not be
+    // zero. (It is undefined in CSS 2.1 what happens if a style sheet
+    // does contain a character with Unicode codepoint zero.)"
+    //   -- CSS2.1 section 4.1.3
+
+    // At this point we know we have \ followed by at least one
+    // hexadecimal digit, therefore the escape sequence is valid and we
+    // can go ahead and consume the backslash.
+    this.Advance();
+    let val = 0;
+    let i = 0;
+    do {
+      val = val * 16 + HexDigitValue(ch);
+      i++;
+      this.Advance();
+      ch = this.Peek();
+    } while (i < 6 && IsHexDigit(ch));
+
+    // "Interpret the hex digits as a hexadecimal number. If this
+    // number is zero, or is greater than the maximum allowed
+    // codepoint, return U+FFFD REPLACEMENT CHARACTER" -- CSS Syntax
+    // Level 3
+    if (val == 0) {
+      aOutput.push(UCS2_REPLACEMENT_CHAR);
+    } else {
+      aOutput.push(ensureValidChar(val));
+    }
+
+    // Consume exactly one whitespace character after a
+    // hexadecimal escape sequence.
+    if (IsVertSpace(ch)) {
+      this.AdvanceLine();
+    } else if (IsHorzSpace(ch)) {
+      this.Advance();
+    }
+    return true;
+  },
+
+  /**
+   * Consume a run of "text" beginning with the current read position,
+   * consisting of characters in the class |aClass| (which must be a
+   * suitable argument to IsOpenCharClass) plus escape sequences.
+   * Append the text to |aText|, after decoding escape sequences.
+   *
+   * Returns true if at least one character was appended to |aText|,
+   * false otherwise.
+   */
+  GatherText: function (aClass, aText) {
+    let start = this.mOffset;
+    let inString = aClass == IS_STRING;
+
+    for (;;) {
+      // Consume runs of unescaped characters in one go.
+      let n = this.mOffset;
+      while (n < this.mCount && IsOpenCharClass(this.mBuffer.charCodeAt(n),
+                                                aClass)) {
+        n++;
+      }
+      if (n > this.mOffset) {
+        let substr = this.mBuffer.slice(this.mOffset, n);
+        Array.prototype.push.apply(aText, stringToCodes(substr));
+        this.mOffset = n;
+      }
+      if (n == this.mCount) {
+        break;
+      }
+
+      let ch = this.Peek();
+      if (ch == 0) {
+        this.Advance();
+        aText.push(UCS2_REPLACEMENT_CHAR);
+        continue;
+      }
+
+      if (ch != REVERSE_SOLIDUS) {
+        break;
+      }
+      if (!this.GatherEscape(aText, inString)) {
+        break;
+      }
+    }
+
+    return this.mOffset > start;
+  },
+
+  /**
+   * Scan an Ident token.  This also handles Function and URL tokens,
+   * both of which begin indistinguishably from an identifier.  It can
+   * produce a Symbol token when an apparent identifier actually led
+   * into an invalid escape sequence.
+   */
+  ScanIdent: function (aToken) {
+    if (!this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+      aToken.mSymbol = this.Peek();
+      this.Advance();
+      return true;
+    }
+
+    if (this.Peek() != LEFT_PARENTHESIS) {
+      aToken.mType = eCSSToken_Ident;
+      return true;
+    }
+
+    this.Advance();
+    aToken.mType = eCSSToken_Function;
+
+    let asString = String.fromCharCode.apply(null, aToken.mIdent);
+    if (asString.toLowerCase() === "url") {
+      this.NextURL(aToken);
+    }
+    return true;
+  },
+
+  /**
+   * Scan an AtKeyword token.  Also handles production of Symbol when
+   * an '@' is not followed by an identifier.
+   */
+  ScanAtKeyword: function (aToken) {
+    // Fall back for when '@' isn't followed by an identifier.
+    aToken.mSymbol = COMMERCIAL_AT;
+    this.Advance();
+
+    let ch = this.Peek();
+    if (StartsIdent(ch, this.Peek(1))) {
+      if (this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+        aToken.mType = eCSSToken_AtKeyword;
+      }
+    }
+    return true;
+  },
+
+  /**
+   * Scan a Hash token.  Handles the distinction between eCSSToken_ID
+   * and eCSSToken_Hash, and handles production of Symbol when a '#'
+   * is not followed by identifier characters.
+   */
+  ScanHash: function (aToken) {
+    // Fall back for when '#' isn't followed by identifier characters.
+    aToken.mSymbol = NUMBER_SIGN;
+    this.Advance();
+
+    let ch = this.Peek();
+    if (IsIdentChar(ch) || ch == REVERSE_SOLIDUS) {
+      let type =
+          StartsIdent(ch, this.Peek(1)) ? eCSSToken_ID : eCSSToken_Hash;
+      aToken.mIdent.length = 0;
+      if (this.GatherText(IS_IDCHAR, aToken.mIdent)) {
+        aToken.mType = type;
+      }
+    }
+
+    return true;
+  },
+
+  /**
+   * Scan a Number, Percentage, or Dimension token (all of which begin
+   * like a Number).  Can produce a Symbol when a '.' is not followed by
+   * digits, or when '+' or '-' are not followed by either a digit or a
+   * '.' and then a digit.  Can also produce a HTMLComment when it
+   * encounters '-->'.
+   */
+  ScanNumber: function (aToken) {
+    let c = this.Peek();
+
+    // Sign of the mantissa (-1 or 1).
+    let sign = c == HYPHEN_MINUS ? -1 : 1;
+    // Absolute value of the integer part of the mantissa.  This is a double so
+    // we don't run into overflow issues for consumers that only care about our
+    // floating-point value while still being able to express the full int32_t
+    // range for consumers who want integers.
+    let intPart = 0;
+    // Fractional part of the mantissa.  This is a double so that when
+    // we convert to float at the end we'll end up rounding to nearest
+    // float instead of truncating down (as we would if fracPart were
+    // a float and we just effectively lost the last several digits).
+    let fracPart = 0;
+    // Absolute value of the power of 10 that we should multiply by
+    // (only relevant for numbers in scientific notation).  Has to be
+    // a signed integer, because multiplication of signed by unsigned
+    // converts the unsigned to signed, so if we plan to actually
+    // multiply by expSign...
+    let exponent = 0;
+    // Sign of the exponent.
+    let expSign = 1;
+
+    aToken.mHasSign = (c == PLUS_SIGN || c == HYPHEN_MINUS);
+    if (aToken.mHasSign) {
+      this.Advance();
+      c = this.Peek();
+    }
+
+    let gotDot = (c == FULL_STOP);
+
+    if (!gotDot) {
+      // Scan the integer part of the mantissa.
+      do {
+        intPart = 10 * intPart + DecimalDigitValue(c);
+        this.Advance();
+        c = this.Peek();
+      } while (IsDigit(c));
+
+      gotDot = (c == FULL_STOP) && IsDigit(this.Peek(1));
+    }
+
+    if (gotDot) {
+      // Scan the fractional part of the mantissa.
+      this.Advance();
+      c = this.Peek();
+      // Power of ten by which we need to divide our next digit
+      let divisor = 10;
+      do {
+        fracPart += DecimalDigitValue(c) / divisor;
+        divisor *= 10;
+        this.Advance();
+        c = this.Peek();
+      } while (IsDigit(c));
+    }
+
+    let gotE = false;
+    if (c == LATIN_SMALL_LETTER_E || c == LATIN_CAPITAL_LETTER_E) {
+      let expSignChar = this.Peek(1);
+      let nextChar = this.Peek(2);
+      if (IsDigit(expSignChar) ||
+          ((expSignChar == HYPHEN_MINUS || expSignChar == PLUS_SIGN) &&
+           IsDigit(nextChar))) {
+        gotE = true;
+        if (expSignChar == HYPHEN_MINUS) {
+          expSign = -1;
+        }
+        this.Advance(); // consumes the E
+        if (expSignChar == HYPHEN_MINUS || expSignChar == PLUS_SIGN) {
+          this.Advance();
+          c = nextChar;
+        } else {
+          c = expSignChar;
+        }
+        do {
+          exponent = 10 * exponent + DecimalDigitValue(c);
+          this.Advance();
+          c = this.Peek();
+        } while (IsDigit(c));
+      }
+    }
+
+    let type = eCSSToken_Number;
+
+    // Set mIntegerValid for all cases (except %, below) because we need
+    // it for the "2n" in :nth-child(2n).
+    aToken.mIntegerValid = false;
+
+    // Time to reassemble our number.
+    // Do all the math in double precision so it's truncated only once.
+    let value = sign * (intPart + fracPart);
+    if (gotE) {
+      // Explicitly cast expSign*exponent to double to avoid issues with
+      // overloaded pow() on Windows.
+      value *= Math.pow(10.0, expSign * exponent);
+    } else if (!gotDot) {
+      // Clamp values outside of integer range.
+      if (sign > 0) {
+        aToken.mInteger = Math.min(intPart, Number.MAX_SAFE_INTEGER);
+      } else {
+        aToken.mInteger = Math.max(-intPart, Number.MIN_SAFE_INTEGER);
+      }
+      aToken.mIntegerValid = true;
+    }
+
+    let ident = aToken.mIdent;
+
+    // Check for Dimension and Percentage tokens.
+    if (c >= 0) {
+      if (StartsIdent(c, this.Peek(1))) {
+        if (this.GatherText(IS_IDCHAR, ident)) {
+          type = eCSSToken_Dimension;
+        }
+      } else if (c == PERCENT_SIGN) {
+        this.Advance();
+        type = eCSSToken_Percentage;
+        value = value / 100.0;
+        aToken.mIntegerValid = false;
+      }
+    }
+    aToken.mNumber = value;
+    aToken.mType = type;
+    return true;
+  },
+
+  /**
+   * Scan a string constant ('foo' or "foo").  Will always produce
+   * either a String or a Bad_String token; the latter occurs when the
+   * close quote is missing.  Always returns true (for convenience in Next()).
+   */
+  ScanString: function (aToken) {
+    let aStop = this.Peek();
+    aToken.mType = eCSSToken_String;
+    aToken.mSymbol = aStop; // Remember how it's quoted.
+    this.Advance();
+
+    for (;;) {
+      this.GatherText(IS_STRING, aToken.mIdent);
+
+      let ch = this.Peek();
+      if (ch == -1) {
+        this.AddEOFCharacters(aStop == QUOTATION_MARK ?
+                              eEOFCharacters_DoubleQuote :
+                              eEOFCharacters_SingleQuote);
+        break; // EOF ends a string token with no error.
+      }
+      if (ch == aStop) {
+        this.Advance();
+        break;
+      }
+      // Both " and ' are excluded from IS_STRING.
+      if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+        aToken.mIdent.push(ch);
+        this.Advance();
+        continue;
+      }
+
+      aToken.mType = eCSSToken_Bad_String;
+      break;
+    }
+    return true;
+  },
+
+  /**
+   * Scan a unicode-range token.  These match the regular expression
+   *
+   *     u\+[0-9a-f?]{1,6}(-[0-9a-f]{1,6})?
+   *
+   * However, some such tokens are "invalid".  There are three valid forms:
+   *
+   *     u+[0-9a-f]{x}              1 <= x <= 6
+   *     u+[0-9a-f]{x}\?{y}         1 <= x+y <= 6
+   *     u+[0-9a-f]{x}-[0-9a-f]{y}  1 <= x <= 6, 1 <= y <= 6
+   *
+   * All unicode-range tokens have their text recorded in mIdent; valid ones
+   * are also decoded into mInteger and mInteger2, and mIntegerValid is set.
+   * Note that this does not validate the numeric range, only the syntactic
+   * form.
+   */
+  ScanURange: function (aResult) {
+    let intro1 = this.Peek();
+    let intro2 = this.Peek(1);
+    let ch = this.Peek(2);
+
+    aResult.mIdent.push(intro1);
+    aResult.mIdent.push(intro2);
+    this.Advance(2);
+
+    let valid = true;
+    let haveQues = false;
+    let low = 0;
+    let high = 0;
+    let i = 0;
+
+    do {
+      aResult.mIdent.push(ch);
+      if (IsHexDigit(ch)) {
+        if (haveQues) {
+          valid = false; // All question marks should be at the end.
+        }
+        low = low * 16 + HexDigitValue(ch);
+        high = high * 16 + HexDigitValue(ch);
+      } else {
+        haveQues = true;
+        low = low * 16 + 0x0;
+        high = high * 16 + 0xF;
+      }
+
+      i++;
+      this.Advance();
+      ch = this.Peek();
+    } while (i < 6 && (IsHexDigit(ch) || ch == QUESTION_MARK));
+
+    if (ch == HYPHEN_MINUS && IsHexDigit(this.Peek(1))) {
+      if (haveQues) {
+        valid = false;
+      }
+
+      aResult.mIdent.push(ch);
+      this.Advance();
+      ch = this.Peek();
+      high = 0;
+      i = 0;
+      do {
+        aResult.mIdent.push(ch);
+        high = high * 16 + HexDigitValue(ch);
+
+        i++;
+        this.Advance();
+        ch = this.Peek();
+      } while (i < 6 && IsHexDigit(ch));
+    }
+
+    aResult.mInteger = low;
+    aResult.mInteger2 = high;
+    aResult.mIntegerValid = valid;
+    aResult.mType = eCSSToken_URange;
+    return true;
+  },
+
+  SetEOFCharacters: function (aEOFCharacters) {
+    this.mEOFCharacters = aEOFCharacters;
+  },
+
+  AddEOFCharacters: function (aEOFCharacters) {
+    this.mEOFCharacters = this.mEOFCharacters | aEOFCharacters;
+  },
+
+  AppendImpliedEOFCharacters: function (aEOFCharacters, aResult) {
+    // First, ignore eEOFCharacters_DropBackslash.
+    let c = aEOFCharacters >> 1;
+
+    // All of the remaining EOFCharacters bits represent appended characters,
+    // and the bits are in the order that they need appending.
+    for (let p of kImpliedEOFCharacters) {
+      if (c & 1) {
+        aResult.push(p);
+      }
+      c >>= 1;
+    }
+  },
+
+  /**
+   * Consume the part of an URL token after the initial 'url('.  Caller
+   * is assumed to have consumed 'url(' already.  Will always produce
+   * either an URL or a Bad_URL token.
+   *
+   * Exposed for use by nsCSSParser::ParseMozDocumentRule, which applies
+   * the special lexical rules for URL tokens in a nonstandard context.
+   */
+  NextURL: function (aToken) {
+    this.SkipWhitespace();
+
+    // aToken.mIdent may be "url" at this point; clear that out
+    aToken.mIdent.length = 0;
+
+    let ch = this.Peek();
+    // Do we have a string?
+    if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+      this.ScanString(aToken);
+      if (aToken.mType == eCSSToken_Bad_String) {
+        aToken.mType = eCSSToken_Bad_URL;
+        return;
+      }
+    } else {
+      // Otherwise, this is the start of a non-quoted url (which may be empty).
+      aToken.mSymbol = 0;
+      this.GatherText(IS_URL_CHAR, aToken.mIdent);
+    }
+
+    // Consume trailing whitespace and then look for a close parenthesis.
+    this.SkipWhitespace();
+    ch = this.Peek();
+    // ch can be less than zero indicating EOF
+    if (ch < 0 || ch == RIGHT_PARENTHESIS) {
+      this.Advance();
+      aToken.mType = eCSSToken_URL;
+      if (ch < 0) {
+        this.AddEOFCharacters(eEOFCharacters_CloseParen);
+      }
+    } else {
+      aToken.mType = eCSSToken_Bad_URL;
+    }
+  },
+
+  /**
+   * Primary scanner entry point.  Consume one token and fill in
+   * |aToken| accordingly.  Will skip over any number of comments first,
+   * and will also skip over rather than return whitespace and comment
+   * tokens, depending on the value of |aSkip|.
+   *
+   * Returns true if it successfully consumed a token, false if EOF has
+   * been reached.  Will always advance the current read position by at
+   * least one character unless called when already at EOF.
+   */
+  Next: function (aToken, aSkip) {
+    let ch;
+
+    // do this here so we don't have to do it in dozens of other places
+    aToken.mIdent = [];
+    aToken.mType = eCSSToken_Symbol;
+
+    this.mTokenOffset = this.mOffset;
+    this.mTokenLineOffset = this.mLineOffset;
+    this.mTokenLineNumber = this.mLineNumber;
+
+    ch = this.Peek();
+    if (IsWhitespace(ch)) {
+      this.SkipWhitespace();
+      aToken.mType = eCSSToken_Whitespace;
+      return true;
+    }
+    if (ch == SOLIDUS && // !IsSVGMode() &&
+        this.Peek(1) == ASTERISK) {
+      this.SkipComment();
+      aToken.mType = eCSSToken_Comment;
+      return true;
+    }
+
+    // EOF
+    if (ch < 0) {
+      return false;
+    }
+
+    // 'u' could be UNICODE-RANGE or an identifier-family token
+    if (ch == LATIN_SMALL_LETTER_U || ch == LATIN_CAPITAL_LETTER_U) {
+      let c2 = this.Peek(1);
+      let c3 = this.Peek(2);
+      if (c2 == PLUS_SIGN && (IsHexDigit(c3) || c3 == QUESTION_MARK)) {
+        return this.ScanURange(aToken);
+      }
+      return this.ScanIdent(aToken);
+    }
+
+    // identifier family
+    if (IsIdentStart(ch)) {
+      return this.ScanIdent(aToken);
+    }
+
+    // number family
+    if (IsDigit(ch)) {
+      return this.ScanNumber(aToken);
+    }
+
+    if (ch == FULL_STOP && IsDigit(this.Peek(1))) {
+      return this.ScanNumber(aToken);
+    }
+
+    if (ch == PLUS_SIGN) {
+      let c2 = this.Peek(1);
+      if (IsDigit(c2) || (c2 == FULL_STOP && IsDigit(this.Peek(2)))) {
+        return this.ScanNumber(aToken);
+      }
+    }
+
+    // HYPHEN_MINUS can start an identifier-family token, a number-family token,
+    // or an HTML-comment
+    if (ch == HYPHEN_MINUS) {
+      let c2 = this.Peek(1);
+      let c3 = this.Peek(2);
+      if (IsIdentStart(c2) || (c2 == HYPHEN_MINUS && c3 != GREATER_THAN_SIGN)) {
+        return this.ScanIdent(aToken);
+      }
+      if (IsDigit(c2) || (c2 == FULL_STOP && IsDigit(c3))) {
+        return this.ScanNumber(aToken);
+      }
+      if (c2 == HYPHEN_MINUS && c3 == GREATER_THAN_SIGN) {
+        this.Advance(3);
+        aToken.mType = eCSSToken_HTMLComment;
+        aToken.mIdent = stringToCodes("-->");
+        return true;
+      }
+    }
+
+    // the other HTML-comment token
+    if (ch == LESS_THAN_SIGN &&
+        this.Peek(1) == EXCLAMATION_MARK &&
+        this.Peek(2) == HYPHEN_MINUS &&
+        this.Peek(3) == HYPHEN_MINUS) {
+      this.Advance(4);
+      aToken.mType = eCSSToken_HTMLComment;
+      aToken.mIdent = stringToCodes("<!--");
+      return true;
+    }
+
+    // AT_KEYWORD
+    if (ch == COMMERCIAL_AT) {
+      return this.ScanAtKeyword(aToken);
+    }
+
+    // HASH
+    if (ch == NUMBER_SIGN) {
+      return this.ScanHash(aToken);
+    }
+
+    // STRING
+    if (ch == QUOTATION_MARK || ch == APOSTROPHE) {
+      return this.ScanString(aToken);
+    }
+
+    // Match operators: ~= |= ^= $= *=
+    let opType = MatchOperatorType(ch);
+    if (opType != eCSSToken_Symbol && this.Peek(1) == EQUALS_SIGN) {
+      aToken.mType = opType;
+      this.Advance(2);
+      return true;
+    }
+
+    // Otherwise, a symbol (DELIM).
+    aToken.mSymbol = ch;
+    this.Advance();
+    return true;
+  },
+};
+
+/**
+ * Create and return a new CSS lexer, conforming to the @see CSSLexer
+ * webidl interface.
+ *
+ * @param {String} input the CSS text to lex
+ * @return {CSSLexer} the new lexer
+ */
+function getCSSLexer(input) {
+  return new Scanner(input);
+}
+
+exports.getCSSLexer = getCSSLexer;
diff --git a/devtools/shared/css/moz.build b/devtools/shared/css/moz.build
new file mode 100644
index 000000000..c65b8d141
--- /dev/null
+++ b/devtools/shared/css/moz.build
@@ -0,0 +1,17 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DIRS += [
+    'generated',
+]
+
+DevToolsModules(
+    'color-db.js',
+    'color.js',
+    'lexer.js',
+    'parsing-utils.js',
+    'properties-db.js',
+)
diff --git a/devtools/shared/css/parsing-utils.js b/devtools/shared/css/parsing-utils.js
new file mode 100644
index 000000000..f477b0f12
--- /dev/null
+++ b/devtools/shared/css/parsing-utils.js
@@ -0,0 +1,1171 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* vim: set ts=2 et sw=2 tw=80: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+// This file holds various CSS parsing and rewriting utilities.
+// Some entry points of note are:
+// parseDeclarations - parse a CSS rule into declarations
+// RuleRewriter - rewrite CSS rule text
+// parsePseudoClassesAndAttributes - parse selector and extract
+//     pseudo-classes
+// parseSingleValue - parse a single CSS property value
+
+"use strict";
+
+const {CSS_ANGLEUNIT} = require("devtools/shared/css/properties-db");
+
+const promise = require("promise");
+const {getCSSLexer} = require("devtools/shared/css/lexer");
+const {Task} = require("devtools/shared/task");
+
+const SELECTOR_ATTRIBUTE = exports.SELECTOR_ATTRIBUTE = 1;
+const SELECTOR_ELEMENT = exports.SELECTOR_ELEMENT = 2;
+const SELECTOR_PSEUDO_CLASS = exports.SELECTOR_PSEUDO_CLASS = 3;
+
+// Used to test whether a newline appears anywhere in some text.
+const NEWLINE_RX = /[\r\n]/;
+// Used to test whether a bit of text starts an empty comment, either
+// an "ordinary" /* ... */ comment, or a "heuristic bypass" comment
+// like /*! ... */.
+const EMPTY_COMMENT_START_RX = /^\/\*!?[ \r\n\t\f]*$/;
+// Used to test whether a bit of text ends an empty comment.
+const EMPTY_COMMENT_END_RX = /^[ \r\n\t\f]*\*\//;
+// Used to test whether a string starts with a blank line.
+const BLANK_LINE_RX = /^[ \t]*(?:\r\n|\n|\r|\f|$)/;
+
+// When commenting out a declaration, we put this character into the
+// comment opener so that future parses of the commented text know to
+// bypass the property name validity heuristic.
+const COMMENT_PARSING_HEURISTIC_BYPASS_CHAR = "!";
+
+/**
+ * A generator function that lexes a CSS source string, yielding the
+ * CSS tokens.  Comment tokens are dropped.
+ *
+ * @param {String} CSS source string
+ * @yield {CSSToken} The next CSSToken that is lexed
+ * @see CSSToken for details about the returned tokens
+ */
+function* cssTokenizer(string) {
+  let lexer = getCSSLexer(string);
+  while (true) {
+    let token = lexer.nextToken();
+    if (!token) {
+      break;
+    }
+    // None of the existing consumers want comments.
+    if (token.tokenType !== "comment") {
+      yield token;
+    }
+  }
+}
+
+/**
+ * Pass |string| to the CSS lexer and return an array of all the
+ * returned tokens.  Comment tokens are not included.  In addition to
+ * the usual information, each token will have starting and ending
+ * line and column information attached.  Specifically, each token
+ * has an additional "loc" attribute.  This attribute is an object
+ * of the form {line: L, column: C}.  Lines and columns are both zero
+ * based.
+ *
+ * It's best not to add new uses of this function.  In general it is
+ * simpler and better to use the CSSToken offsets, rather than line
+ * and column.  Also, this function lexes the entire input string at
+ * once, rather than lazily yielding a token stream.  Use
+ * |cssTokenizer| or |getCSSLexer| instead.
+ *
+ * @param{String} string The input string.
+ * @return {Array} An array of tokens (@see CSSToken) that have
+ *        line and column information.
+ */
+function cssTokenizerWithLineColumn(string) {
+  let lexer = getCSSLexer(string);
+  let result = [];
+  let prevToken = undefined;
+  while (true) {
+    let token = lexer.nextToken();
+    let lineNumber = lexer.lineNumber;
+    let columnNumber = lexer.columnNumber;
+
+    if (prevToken) {
+      prevToken.loc.end = {
+        line: lineNumber,
+        column: columnNumber
+      };
+    }
+
+    if (!token) {
+      break;
+    }
+
+    if (token.tokenType === "comment") {
+      // We've already dealt with the previous token's location.
+      prevToken = undefined;
+    } else {
+      let startLoc = {
+        line: lineNumber,
+        column: columnNumber
+      };
+      token.loc = {start: startLoc};
+
+      result.push(token);
+      prevToken = token;
+    }
+  }
+
+  return result;
+}
+
+/**
+ * Escape a comment body.  Find the comment start and end strings in a
+ * string and inserts backslashes so that the resulting text can
+ * itself be put inside a comment.
+ *
+ * @param {String} inputString
+ *                 input string
+ * @return {String} the escaped result
+ */
+function escapeCSSComment(inputString) {
+  let result = inputString.replace(/\/(\\*)\*/g, "/\\$1*");
+  return result.replace(/\*(\\*)\//g, "*\\$1/");
+}
+
+/**
+ * Un-escape a comment body.  This undoes any comment escaping that
+ * was done by escapeCSSComment.  That is, given input like "/\*
+ * comment *\/", it will strip the backslashes.
+ *
+ * @param {String} inputString
+ *                 input string
+ * @return {String} the un-escaped result
+ */
+function unescapeCSSComment(inputString) {
+  let result = inputString.replace(/\/\\(\\*)\*/g, "/$1*");
+  return result.replace(/\*\\(\\*)\//g, "*$1/");
+}
+
+/**
+ * A helper function for @see parseDeclarations that handles parsing
+ * of comment text.  This wraps a recursive call to parseDeclarations
+ * with the processing needed to ensure that offsets in the result
+ * refer back to the original, unescaped, input string.
+ *
+ * @param {Function} isCssPropertyKnown
+ *        A function to check if the CSS property is known. This is either an
+ *        internal server function or from the CssPropertiesFront.
+ * @param {String} commentText The text of the comment, without the
+ *                             delimiters.
+ * @param {Number} startOffset The offset of the comment opener
+ *                             in the original text.
+ * @param {Number} endOffset The offset of the comment closer
+ *                           in the original text.
+ * @return {array} Array of declarations of the same form as returned
+ *                 by parseDeclarations.
+ */
+function parseCommentDeclarations(isCssPropertyKnown, commentText, startOffset,
+                                  endOffset) {
+  let commentOverride = false;
+  if (commentText === "") {
+    return [];
+  } else if (commentText[0] === COMMENT_PARSING_HEURISTIC_BYPASS_CHAR) {
+    // This is the special sign that the comment was written by
+    // rewriteDeclarations and so we should bypass the usual
+    // heuristic.
+    commentOverride = true;
+    commentText = commentText.substring(1);
+  }
+
+  let rewrittenText = unescapeCSSComment(commentText);
+
+  // We might have rewritten an embedded comment.  For example
+  // /\* ... *\/ would turn into /* ... */.
+  // This rewriting is necessary for proper lexing, but it means
+  // that the offsets we get back can be off.  So now we compute
+  // a map so that we can rewrite offsets later.  The map is the same
+  // length as |rewrittenText| and tells us how to map an index
+  // into |rewrittenText| to an index into |commentText|.
+  //
+  // First, we find the location of each comment starter or closer in
+  // |rewrittenText|.  At these spots we put a 1 into |rewrites|.
+  // Then we walk the array again, using the elements to compute a
+  // delta, which we use to make the final mapping.
+  //
+  // Note we allocate one extra entry because we can see an ending
+  // offset that is equal to the length.
+  let rewrites = new Array(rewrittenText.length + 1).fill(0);
+
+  let commentRe = /\/\\*\*|\*\\*\//g;
+  while (true) {
+    let matchData = commentRe.exec(rewrittenText);
+    if (!matchData) {
+      break;
+    }
+    rewrites[matchData.index] = 1;
+  }
+
+  let delta = 0;
+  for (let i = 0; i <= rewrittenText.length; ++i) {
+    delta += rewrites[i];
+    // |startOffset| to add the offset from the comment starter, |+2|
+    // for the length of the "/*", then |i| and |delta| as described
+    // above.
+    rewrites[i] = startOffset + 2 + i + delta;
+    if (commentOverride) {
+      ++rewrites[i];
+    }
+  }
+
+  // Note that we pass "false" for parseComments here.  It doesn't
+  // seem worthwhile to support declarations in comments-in-comments
+  // here, as there's no way to generate those using the tools, and
+  // users would be crazy to write such things.
+  let newDecls = parseDeclarationsInternal(isCssPropertyKnown, rewrittenText,
+                                           false, true, commentOverride);
+  for (let decl of newDecls) {
+    decl.offsets[0] = rewrites[decl.offsets[0]];
+    decl.offsets[1] = rewrites[decl.offsets[1]];
+    decl.colonOffsets[0] = rewrites[decl.colonOffsets[0]];
+    decl.colonOffsets[1] = rewrites[decl.colonOffsets[1]];
+    decl.commentOffsets = [startOffset, endOffset];
+  }
+  return newDecls;
+}
+
+/**
+ * A helper function for parseDeclarationsInternal that creates a new
+ * empty declaration.
+ *
+ * @return {object} an empty declaration of the form returned by
+ *                  parseDeclarations
+ */
+function getEmptyDeclaration() {
+  return {name: "", value: "", priority: "",
+          terminator: "",
+          offsets: [undefined, undefined],
+          colonOffsets: false};
+}
+
+/**
+ * A helper function that does all the parsing work for
+ * parseDeclarations.  This is separate because it has some arguments
+ * that don't make sense in isolation.
+ *
+ * The return value and arguments are like parseDeclarations, with
+ * these additional arguments.
+ *
+ * @param {Function} isCssPropertyKnown
+ *        Function to check if the CSS property is known.
+ * @param {Boolean} inComment
+ *        If true, assume that this call is parsing some text
+ *        which came from a comment in another declaration.
+ *        In this case some heuristics are used to avoid parsing
+ *        text which isn't obviously a series of declarations.
+ * @param {Boolean} commentOverride
+ *        This only makes sense when inComment=true.
+ *        When true, assume that the comment was generated by
+ *        rewriteDeclarations, and skip the usual name-checking
+ *        heuristic.
+ */
+function parseDeclarationsInternal(isCssPropertyKnown, inputString,
+                                   parseComments, inComment, commentOverride) {
+  if (inputString === null || inputString === undefined) {
+    throw new Error("empty input string");
+  }
+
+  let lexer = getCSSLexer(inputString);
+
+  let declarations = [getEmptyDeclaration()];
+  let lastProp = declarations[0];
+
+  let current = "", hasBang = false;
+  while (true) {
+    let token = lexer.nextToken();
+    if (!token) {
+      break;
+    }
+
+    // Ignore HTML comment tokens (but parse anything they might
+    // happen to surround).
+    if (token.tokenType === "htmlcomment") {
+      continue;
+    }
+
+    // Update the start and end offsets of the declaration, but only
+    // when we see a significant token.
+    if (token.tokenType !== "whitespace" && token.tokenType !== "comment") {
+      if (lastProp.offsets[0] === undefined) {
+        lastProp.offsets[0] = token.startOffset;
+      }
+      lastProp.offsets[1] = token.endOffset;
+    } else if (lastProp.name && !current && !hasBang &&
+               !lastProp.priority && lastProp.colonOffsets[1]) {
+      // Whitespace appearing after the ":" is attributed to it.
+      lastProp.colonOffsets[1] = token.endOffset;
+    }
+
+    if (token.tokenType === "symbol" && token.text === ":") {
+      if (!lastProp.name) {
+        // Set the current declaration name if there's no name yet
+        lastProp.name = current.trim();
+        lastProp.colonOffsets = [token.startOffset, token.endOffset];
+        current = "";
+        hasBang = false;
+
+        // When parsing a comment body, if the left-hand-side is not a
+        // valid property name, then drop it and stop parsing.
+        if (inComment && !commentOverride &&
+            !isCssPropertyKnown(lastProp.name)) {
+          lastProp.name = null;
+          break;
+        }
+      } else {
+        // Otherwise, just append ':' to the current value (declaration value
+        // with colons)
+        current += ":";
+      }
+    } else if (token.tokenType === "symbol" && token.text === ";") {
+      lastProp.terminator = "";
+      // When parsing a comment, if the name hasn't been set, then we
+      // have probably just seen an ordinary semicolon used in text,
+      // so drop this and stop parsing.
+      if (inComment && !lastProp.name) {
+        current = "";
+        break;
+      }
+      lastProp.value = current.trim();
+      current = "";
+      hasBang = false;
+      declarations.push(getEmptyDeclaration());
+      lastProp = declarations[declarations.length - 1];
+    } else if (token.tokenType === "ident") {
+      if (token.text === "important" && hasBang) {
+        lastProp.priority = "important";
+        hasBang = false;
+      } else {
+        if (hasBang) {
+          current += "!";
+        }
+        // Re-escape the token to avoid dequoting problems.
+        // See bug 1287620.
+        current += CSS.escape(token.text);
+      }
+    } else if (token.tokenType === "symbol" && token.text === "!") {
+      hasBang = true;
+    } else if (token.tokenType === "whitespace") {
+      if (current !== "") {
+        current += " ";
+      }
+    } else if (token.tokenType === "comment") {
+      if (parseComments && !lastProp.name && !lastProp.value) {
+        let commentText = inputString.substring(token.startOffset + 2,
+                                                token.endOffset - 2);
+        let newDecls = parseCommentDeclarations(isCssPropertyKnown, commentText,
+                                                token.startOffset,
+                                                token.endOffset);
+
+        // Insert the new declarations just before the final element.
+        let lastDecl = declarations.pop();
+        declarations = [...declarations, ...newDecls, lastDecl];
+      } else {
+        current += " ";
+      }
+    } else {
+      current += inputString.substring(token.startOffset, token.endOffset);
+    }
+  }
+
+  // Handle whatever trailing properties or values might still be there
+  if (current) {
+    if (!lastProp.name) {
+      // Ignore this case in comments.
+      if (!inComment) {
+        // Trailing property found, e.g. p1:v1;p2:v2;p3
+        lastProp.name = current.trim();
+      }
+    } else {
+      // Trailing value found, i.e. value without an ending ;
+      lastProp.value = current.trim();
+      let terminator = lexer.performEOFFixup("", true);
+      lastProp.terminator = terminator + ";";
+      // If the input was unterminated, attribute the remainder to
+      // this property.  This avoids some bad behavior when rewriting
+      // an unterminated comment.
+      if (terminator) {
+        lastProp.offsets[1] = inputString.length;
+      }
+    }
+  }
+
+  // Remove declarations that have neither a name nor a value
+  declarations = declarations.filter(prop => prop.name || prop.value);
+
+  return declarations;
+}
+
+/**
+ * Returns an array of CSS declarations given a string.
+ * For example, parseDeclarations(isCssPropertyKnown, "width: 1px; height: 1px")
+ * would return:
+ * [{name:"width", value: "1px"}, {name: "height", "value": "1px"}]
+ *
+ * The input string is assumed to only contain declarations so { and }
+ * characters will be treated as part of either the property or value,
+ * depending where it's found.
+ *
+ * @param {Function} isCssPropertyKnown
+ *        A function to check if the CSS property is known. This is either an
+ *        internal server function or from the CssPropertiesFront.
+ *        that are supported by the server.
+ * @param {String} inputString
+ *        An input string of CSS
+ * @param {Boolean} parseComments
+ *        If true, try to parse the contents of comments as well.
+ *        A comment will only be parsed if it occurs outside of
+ *        the body of some other declaration.
+ * @return {Array} an array of objects with the following signature:
+ *         [{"name": string, "value": string, "priority": string,
+ *           "terminator": string,
+ *           "offsets": [start, end], "colonOffsets": [start, end]},
+ *          ...]
+ *         Here, "offsets" holds the offsets of the start and end
+ *         of the declaration text, in a form suitable for use with
+ *         String.substring.
+ *         "terminator" is a string to use to terminate the declaration,
+ *         usually "" to mean no additional termination is needed.
+ *         "colonOffsets" holds the start and end locations of the
+ *         ":" that separates the property name from the value.
+ *         If the declaration appears in a comment, then there will
+ *         be an additional {"commentOffsets": [start, end] property
+ *         on the object, which will hold the offsets of the start
+ *         and end of the enclosing comment.
+ */
+function parseDeclarations(isCssPropertyKnown, inputString,
+                           parseComments = false) {
+  return parseDeclarationsInternal(isCssPropertyKnown, inputString,
+                                   parseComments, false, false);
+}
+
+/**
+ * Return an object that can be used to rewrite declarations in some
+ * source text.  The source text and parsing are handled in the same
+ * way as @see parseDeclarations, with |parseComments| being true.
+ * Rewriting is done by calling one of the modification functions like
+ * setPropertyEnabled.  The returned object has the same interface
+ * as @see RuleModificationList.
+ *
+ * An example showing how to disable the 3rd property in a rule:
+ *
+ *    let rewriter = new RuleRewriter(isCssPropertyKnown, ruleActor,
+ *                                    ruleActor.authoredText);
+ *    rewriter.setPropertyEnabled(3, "color", false);
+ *    rewriter.apply().then(() => { ... the change is made ... });
+ *
+ * The exported rewriting methods are |renameProperty|, |setPropertyEnabled|,
+ * |createProperty|, |setProperty|, and |removeProperty|.  The |apply|
+ * method can be used to send the edited text to the StyleRuleActor;
+ * |getDefaultIndentation| is useful for the methods requiring a
+ * default indentation value; and |getResult| is useful for testing.
+ *
+ * Additionally, editing will set the |changedDeclarations| property
+ * on this object.  This property has the same form as the |changed|
+ * property of the object returned by |getResult|.
+ *
+ * @param {Function} isCssPropertyKnown
+ *        A function to check if the CSS property is known. This is either an
+ *        internal server function or from the CssPropertiesFront.
+ *        that are supported by the server. Note that if Bug 1222047
+ *        is completed then isCssPropertyKnown will not need to be passed in.
+ *        The CssProperty front will be able to obtained directly from the
+ *        RuleRewriter.
+ * @param {StyleRuleFront} rule The style rule to use.  Note that this
+ *        is only needed by the |apply| and |getDefaultIndentation| methods;
+ *        and in particular for testing it can be |null|.
+ * @param {String} inputString The CSS source text to parse and modify.
+ * @return {Object} an object that can be used to rewrite the input text.
+ */
+function RuleRewriter(isCssPropertyKnown, rule, inputString) {
+  this.rule = rule;
+  this.isCssPropertyKnown = isCssPropertyKnown;
+
+  // Keep track of which any declarations we had to rewrite while
+  // performing the requested action.
+  this.changedDeclarations = {};
+
+  // If not null, a promise that must be wait upon before |apply| can
+  // do its work.
+  this.editPromise = null;
+
+  // If the |defaultIndentation| property is set, then it is used;
+  // otherwise the RuleRewriter will try to compute the default
+  // indentation based on the style sheet's text.  This override
+  // facility is for testing.
+  this.defaultIndentation = null;
+
+  this.startInitialization(inputString);
+}
+
+RuleRewriter.prototype = {
+  /**
+   * An internal function to initialize the rewriter with a given
+   * input string.
+   *
+   * @param {String} inputString the input to use
+   */
+  startInitialization: function (inputString) {
+    this.inputString = inputString;
+    // Whether there are any newlines in the input text.
+    this.hasNewLine = /[\r\n]/.test(this.inputString);
+    // The declarations.
+    this.declarations = parseDeclarations(this.isCssPropertyKnown, this.inputString,
+                                          true);
+    this.decl = null;
+    this.result = null;
+  },
+
+  /**
+   * An internal function to complete initialization and set some
+   * properties for further processing.
+   *
+   * @param {Number} index The index of the property to modify
+   */
+  completeInitialization: function (index) {
+    if (index < 0) {
+      throw new Error("Invalid index " + index + ". Expected positive integer");
+    }
+    // |decl| is the declaration to be rewritten, or null if there is no
+    // declaration corresponding to |index|.
+    // |result| is used to accumulate the result text.
+    if (index < this.declarations.length) {
+      this.decl = this.declarations[index];
+      this.result = this.inputString.substring(0, this.decl.offsets[0]);
+    } else {
+      this.decl = null;
+      this.result = this.inputString;
+    }
+  },
+
+  /**
+   * A helper function to compute the indentation of some text.  This
+   * examines the rule's existing text to guess the indentation to use;
+   * unlike |getDefaultIndentation|, which examines the entire style
+   * sheet.
+   *
+   * @param {String} string the input text
+   * @param {Number} offset the offset at which to compute the indentation
+   * @return {String} the indentation at the indicated position
+   */
+  getIndentation: function (string, offset) {
+    let originalOffset = offset;
+    for (--offset; offset >= 0; --offset) {
+      let c = string[offset];
+      if (c === "\r" || c === "\n" || c === "\f") {
+        return string.substring(offset + 1, originalOffset);
+      }
+      if (c !== " " && c !== "\t") {
+        // Found some non-whitespace character before we found a newline
+        // -- let's reset the starting point and keep going, as we saw
+        // something on the line before the declaration.
+        originalOffset = offset;
+      }
+    }
+    // Ran off the end.
+    return "";
+  },
+
+  /**
+   * Modify a property value to ensure it is "lexically safe" for
+   * insertion into a style sheet.  This function doesn't attempt to
+   * ensure that the resulting text is a valid value for the given
+   * property; but rather just that inserting the text into the style
+   * sheet will not cause unwanted changes to other rules or
+   * declarations.
+   *
+   * @param {String} text The input text.  This should include the trailing ";".
+   * @return {Array} An array of the form [anySanitized, text], where
+   *                 |anySanitized| is a boolean that indicates
+   *                  whether anything substantive has changed; and
+   *                  where |text| is the text that has been rewritten
+   *                  to be "lexically safe".
+   */
+  sanitizePropertyValue: function (text) {
+    let lexer = getCSSLexer(text);
+
+    let result = "";
+    let previousOffset = 0;
+    let braceDepth = 0;
+    let anySanitized = false;
+    while (true) {
+      let token = lexer.nextToken();
+      if (!token) {
+        break;
+      }
+
+      if (token.tokenType === "symbol") {
+        switch (token.text) {
+          case ";":
+            // We simply drop the ";" here.  This lets us cope with
+            // declarations that don't have a ";" and also other
+            // termination.  The caller handles adding the ";" again.
+            result += text.substring(previousOffset, token.startOffset);
+            previousOffset = token.endOffset;
+            break;
+
+          case "{":
+            ++braceDepth;
+            break;
+
+          case "}":
+            --braceDepth;
+            if (braceDepth < 0) {
+              // Found an unmatched close bracket.
+              braceDepth = 0;
+              // Copy out text from |previousOffset|.
+              result += text.substring(previousOffset, token.startOffset);
+              // Quote the offending symbol.
+              result += "\\" + token.text;
+              previousOffset = token.endOffset;
+              anySanitized = true;
+            }
+            break;
+        }
+      }
+    }
+
+    // Copy out any remaining text, then any needed terminators.
+    result += text.substring(previousOffset, text.length);
+    let eofFixup = lexer.performEOFFixup("", true);
+    if (eofFixup) {
+      anySanitized = true;
+      result += eofFixup;
+    }
+    return [anySanitized, result];
+  },
+
+  /**
+   * Start at |index| and skip whitespace
+   * backward in |string|.  Return the index of the first
+   * non-whitespace character, or -1 if the entire string was
+   * whitespace.
+   * @param {String} string the input string
+   * @param {Number} index the index at which to start
+   * @return {Number} index of the first non-whitespace character, or -1
+   */
+  skipWhitespaceBackward: function (string, index) {
+    for (--index;
+         index >= 0 && (string[index] === " " || string[index] === "\t");
+         --index) {
+      // Nothing.
+    }
+    return index;
+  },
+
+  /**
+   * Terminate a given declaration, if needed.
+   *
+   * @param {Number} index The index of the rule to possibly
+   *                       terminate.  It might be invalid, so this
+   *                       function must check for that.
+   */
+  maybeTerminateDecl: function (index) {
+    if (index < 0 || index >= this.declarations.length
+        // No need to rewrite declarations in comments.
+        || ("commentOffsets" in this.declarations[index])) {
+      return;
+    }
+
+    let termDecl = this.declarations[index];
+    let endIndex = termDecl.offsets[1];
+    // Due to an oddity of the lexer, we might have gotten a bit of
+    // extra whitespace in a trailing bad_url token -- so be sure to
+    // skip that as well.
+    endIndex = this.skipWhitespaceBackward(this.result, endIndex) + 1;
+
+    let trailingText = this.result.substring(endIndex);
+    if (termDecl.terminator) {
+      // Insert the terminator just at the end of the declaration,
+      // before any trailing whitespace.
+      this.result = this.result.substring(0, endIndex) + termDecl.terminator +
+        trailingText;
+      // In a couple of cases, we may have had to add something to
+      // terminate the declaration, but the termination did not
+      // actually affect the property's value -- and at this spot, we
+      // only care about reporting value changes.  In particular, we
+      // might have added a plain ";", or we might have terminated a
+      // comment with "*/;".  Neither of these affect the value.
+      if (termDecl.terminator !== ";" && termDecl.terminator !== "*/;") {
+        this.changedDeclarations[index] =
+          termDecl.value + termDecl.terminator.slice(0, -1);
+      }
+    }
+    // If the rule generally has newlines, but this particular
+    // declaration doesn't have a trailing newline, insert one now.
+    // Maybe this style is too weird to bother with.
+    if (this.hasNewLine && !NEWLINE_RX.test(trailingText)) {
+      this.result += "\n";
+    }
+  },
+
+  /**
+   * Sanitize the given property value and return the sanitized form.
+   * If the property is rewritten during sanitization, make a note in
+   * |changedDeclarations|.
+   *
+   * @param {String} text The property text.
+   * @param {Number} index The index of the property.
+   * @return {String} The sanitized text.
+   */
+  sanitizeText: function (text, index) {
+    let [anySanitized, sanitizedText] = this.sanitizePropertyValue(text);
+    if (anySanitized) {
+      this.changedDeclarations[index] = sanitizedText;
+    }
+    return sanitizedText;
+  },
+
+  /**
+   * Rename a declaration.
+   *
+   * @param {Number} index index of the property in the rule.
+   * @param {String} name current name of the property
+   * @param {String} newName new name of the property
+   */
+  renameProperty: function (index, name, newName) {
+    this.completeInitialization(index);
+    this.result += CSS.escape(newName);
+    // We could conceivably compute the name offsets instead so we
+    // could preserve white space and comments on the LHS of the ":".
+    this.completeCopying(this.decl.colonOffsets[0]);
+  },
+
+  /**
+   * Enable or disable a declaration
+   *
+   * @param {Number} index index of the property in the rule.
+   * @param {String} name current name of the property
+   * @param {Boolean} isEnabled true if the property should be enabled;
+   *                        false if it should be disabled
+   */
+  setPropertyEnabled: function (index, name, isEnabled) {
+    this.completeInitialization(index);
+    const decl = this.decl;
+    let copyOffset = decl.offsets[1];
+    if (isEnabled) {
+      // Enable it.  First see if the comment start can be deleted.
+      let commentStart = decl.commentOffsets[0];
+      if (EMPTY_COMMENT_START_RX.test(this.result.substring(commentStart))) {
+        this.result = this.result.substring(0, commentStart);
+      } else {
+        this.result += "*/ ";
+      }
+
+      // Insert the name and value separately, so we can report
+      // sanitization changes properly.
+      let commentNamePart =
+          this.inputString.substring(decl.offsets[0],
+                                     decl.colonOffsets[1]);
+      this.result += unescapeCSSComment(commentNamePart);
+
+      // When uncommenting, we must be sure to sanitize the text, to
+      // avoid things like /* decl: }; */, which will be accepted as
+      // a property but which would break the entire style sheet.
+      let newText = this.inputString.substring(decl.colonOffsets[1],
+                                               decl.offsets[1]);
+      newText = unescapeCSSComment(newText).trimRight();
+      this.result += this.sanitizeText(newText, index) + ";";
+
+      // See if the comment end can be deleted.
+      let trailingText = this.inputString.substring(decl.offsets[1]);
+      if (EMPTY_COMMENT_END_RX.test(trailingText)) {
+        copyOffset = decl.commentOffsets[1];
+      } else {
+        this.result += " /*";
+      }
+    } else {
+      // Disable it.  Note that we use our special comment syntax
+      // here.
+      let declText = this.inputString.substring(decl.offsets[0],
+                                                decl.offsets[1]);
+      this.result += "/*" + COMMENT_PARSING_HEURISTIC_BYPASS_CHAR +
+        " " + escapeCSSComment(declText) + " */";
+    }
+    this.completeCopying(copyOffset);
+  },
+
+  /**
+   * Return a promise that will be resolved to the default indentation
+   * of the rule.  This is a helper for internalCreateProperty.
+   *
+   * @return {Promise} a promise that will be resolved to a string
+   *         that holds the default indentation that should be used
+   *         for edits to the rule.
+   */
+  getDefaultIndentation: function () {
+    return this.rule.parentStyleSheet.guessIndentation();
+  },
+
+  /**
+   * An internal function to create a new declaration.  This does all
+   * the work of |createProperty|.
+   *
+   * @param {Number} index index of the property in the rule.
+   * @param {String} name name of the new property
+   * @param {String} value value of the new property
+   * @param {String} priority priority of the new property; either
+   *                          the empty string or "important"
+   * @param {Boolean} enabled True if the new property should be
+   *                          enabled, false if disabled
+   * @return {Promise} a promise that is resolved when the edit has
+   *                   completed
+   */
+  internalCreateProperty: Task.async(function* (index, name, value, priority, enabled) {
+    this.completeInitialization(index);
+    let newIndentation = "";
+    if (this.hasNewLine) {
+      if (this.declarations.length > 0) {
+        newIndentation = this.getIndentation(this.inputString,
+                                             this.declarations[0].offsets[0]);
+      } else if (this.defaultIndentation) {
+        newIndentation = this.defaultIndentation;
+      } else {
+        newIndentation = yield this.getDefaultIndentation();
+      }
+    }
+
+    this.maybeTerminateDecl(index - 1);
+
+    // If we generally have newlines, and if skipping whitespace
+    // backward stops at a newline, then insert our text before that
+    // whitespace.  This ensures the indentation we computed is what
+    // is actually used.
+    let savedWhitespace = "";
+    if (this.hasNewLine) {
+      let wsOffset = this.skipWhitespaceBackward(this.result,
+                                                 this.result.length);
+      if (this.result[wsOffset] === "\r" || this.result[wsOffset] === "\n") {
+        savedWhitespace = this.result.substring(wsOffset + 1);
+        this.result = this.result.substring(0, wsOffset + 1);
+      }
+    }
+
+    let newText = CSS.escape(name) + ": " + this.sanitizeText(value, index);
+    if (priority === "important") {
+      newText += " !important";
+    }
+    newText += ";";
+
+    if (!enabled) {
+      newText = "/*" + COMMENT_PARSING_HEURISTIC_BYPASS_CHAR + " " +
+        escapeCSSComment(newText) + " */";
+    }
+
+    this.result += newIndentation + newText;
+    if (this.hasNewLine) {
+      this.result += "\n";
+    }
+    this.result += savedWhitespace;
+
+    if (this.decl) {
+      // Still want to copy in the declaration previously at this
+      // index.
+      this.completeCopying(this.decl.offsets[0]);
+    }
+  }),
+
+  /**
+   * Create a new declaration.
+   *
+   * @param {Number} index index of the property in the rule.
+   * @param {String} name name of the new property
+   * @param {String} value value of the new property
+   * @param {String} priority priority of the new property; either
+   *                          the empty string or "important"
+   * @param {Boolean} enabled True if the new property should be
+   *                          enabled, false if disabled
+   */
+  createProperty: function (index, name, value, priority, enabled) {
+    this.editPromise = this.internalCreateProperty(index, name, value,
+                                                   priority, enabled);
+  },
+
+  /**
+   * Set a declaration's value.
+   *
+   * @param {Number} index index of the property in the rule.
+   *                       This can be -1 in the case where
+   *                       the rule does not support setRuleText;
+   *                       generally for setting properties
+   *                       on an element's style.
+   * @param {String} name the property's name
+   * @param {String} value the property's value
+   * @param {String} priority the property's priority, either the empty
+   *                          string or "important"
+   */
+  setProperty: function (index, name, value, priority) {
+    this.completeInitialization(index);
+    // We might see a "set" on a previously non-existent property; in
+    // that case, act like "create".
+    if (!this.decl) {
+      this.createProperty(index, name, value, priority, true);
+      return;
+    }
+
+    // Note that this assumes that "set" never operates on disabled
+    // properties.
+    this.result += this.inputString.substring(this.decl.offsets[0],
+                                              this.decl.colonOffsets[1]) +
+      this.sanitizeText(value, index);
+
+    if (priority === "important") {
+      this.result += " !important";
+    }
+    this.result += ";";
+    this.completeCopying(this.decl.offsets[1]);
+  },
+
+  /**
+   * Remove a declaration.
+   *
+   * @param {Number} index index of the property in the rule.
+   * @param {String} name the name of the property to remove
+   */
+  removeProperty: function (index, name) {
+    this.completeInitialization(index);
+
+    // If asked to remove a property that does not exist, bail out.
+    if (!this.decl) {
+      return;
+    }
+
+    // If the property is disabled, then first enable it, and then
+    // delete it.  We take this approach because we want to remove the
+    // entire comment if possible; but the logic for dealing with
+    // comments is hairy and already implemented in
+    // setPropertyEnabled.
+    if (this.decl.commentOffsets) {
+      this.setPropertyEnabled(index, name, true);
+      this.startInitialization(this.result);
+      this.completeInitialization(index);
+    }
+
+    let copyOffset = this.decl.offsets[1];
+    // Maybe removing this rule left us with a completely blank
+    // line.  In this case, we'll delete the whole thing.  We only
+    // bother with this if we're looking at sources that already
+    // have a newline somewhere.
+    if (this.hasNewLine) {
+      let nlOffset = this.skipWhitespaceBackward(this.result,
+                                                 this.decl.offsets[0]);
+      if (nlOffset < 0 || this.result[nlOffset] === "\r" ||
+          this.result[nlOffset] === "\n") {
+        let trailingText = this.inputString.substring(copyOffset);
+        let match = BLANK_LINE_RX.exec(trailingText);
+        if (match) {
+          this.result = this.result.substring(0, nlOffset + 1);
+          copyOffset += match[0].length;
+        }
+      }
+    }
+    this.completeCopying(copyOffset);
+  },
+
+  /**
+   * An internal function to copy any trailing text to the output
+   * string.
+   *
+   * @param {Number} copyOffset Offset into |inputString| of the
+   *        final text to copy to the output string.
+   */
+  completeCopying: function (copyOffset) {
+    // Add the trailing text.
+    this.result += this.inputString.substring(copyOffset);
+  },
+
+  /**
+   * Apply the modifications in this object to the associated rule.
+   *
+   * @return {Promise} A promise which will be resolved when the modifications
+   *         are complete.
+   */
+  apply: function () {
+    return promise.resolve(this.editPromise).then(() => {
+      return this.rule.setRuleText(this.result);
+    });
+  },
+
+  /**
+   * Get the result of the rewriting.  This is used for testing.
+   *
+   * @return {object} an object of the form {changed: object, text: string}
+   *                  |changed| is an object where each key is
+   *                  the index of a property whose value had to be
+   *                  rewritten during the sanitization process, and
+   *                  whose value is the new text of the property.
+   *                  |text| is the rewritten text of the rule.
+   */
+  getResult: function () {
+    return {changed: this.changedDeclarations, text: this.result};
+  },
+};
+
+/**
+ * Returns an array of the parsed CSS selector value and type given a string.
+ *
+ * The components making up the CSS selector can be extracted into 3 different
+ * types: element, attribute and pseudoclass. The object that is appended to
+ * the returned array contains the value related to one of the 3 types described
+ * along with the actual type.
+ *
+ * The following are the 3 types that can be returned in the object signature:
+ * (1) SELECTOR_ATTRIBUTE
+ * (2) SELECTOR_ELEMENT
+ * (3) SELECTOR_PSEUDO_CLASS
+ *
+ * @param {String} value
+ *        The CSS selector text.
+ * @return {Array} an array of objects with the following signature:
+ *         [{ "value": string, "type": integer }, ...]
+ */
+function parsePseudoClassesAndAttributes(value) {
+  if (!value) {
+    throw new Error("empty input string");
+  }
+
+  let tokens = cssTokenizer(value);
+  let result = [];
+  let current = "";
+  let functionCount = 0;
+  let hasAttribute = false;
+  let hasColon = false;
+
+  for (let token of tokens) {
+    if (token.tokenType === "ident") {
+      current += value.substring(token.startOffset, token.endOffset);
+
+      if (hasColon && !functionCount) {
+        if (current) {
+          result.push({ value: current, type: SELECTOR_PSEUDO_CLASS });
+        }
+
+        current = "";
+        hasColon = false;
+      }
+    } else if (token.tokenType === "symbol" && token.text === ":") {
+      if (!hasColon) {
+        if (current) {
+          result.push({ value: current, type: SELECTOR_ELEMENT });
+        }
+
+        current = "";
+        hasColon = true;
+      }
+
+      current += token.text;
+    } else if (token.tokenType === "function") {
+      current += value.substring(token.startOffset, token.endOffset);
+      functionCount++;
+    } else if (token.tokenType === "symbol" && token.text === ")") {
+      current += token.text;
+
+      if (hasColon && functionCount == 1) {
+        if (current) {
+          result.push({ value: current, type: SELECTOR_PSEUDO_CLASS });
+        }
+
+        current = "";
+        functionCount--;
+        hasColon = false;
+      } else {
+        functionCount--;
+      }
+    } else if (token.tokenType === "symbol" && token.text === "[") {
+      if (!hasAttribute && !functionCount) {
+        if (current) {
+          result.push({ value: current, type: SELECTOR_ELEMENT });
+        }
+
+        current = "";
+        hasAttribute = true;
+      }
+
+      current += token.text;
+    } else if (token.tokenType === "symbol" && token.text === "]") {
+      current += token.text;
+
+      if (hasAttribute && !functionCount) {
+        if (current) {
+          result.push({ value: current, type: SELECTOR_ATTRIBUTE });
+        }
+
+        current = "";
+        hasAttribute = false;
+      }
+    } else {
+      current += value.substring(token.startOffset, token.endOffset);
+    }
+  }
+
+  if (current) {
+    result.push({ value: current, type: SELECTOR_ELEMENT });
+  }
+
+  return result;
+}
+
+/**
+ * Expects a single CSS value to be passed as the input and parses the value
+ * and priority.
+ *
+ * @param {Function} isCssPropertyKnown
+ *        A function to check if the CSS property is known. This is either an
+ *        internal server function or from the CssPropertiesFront.
+ *        that are supported by the server.
+ * @param {String} value
+ *        The value from the text editor.
+ * @return {Object} an object with 'value' and 'priority' properties.
+ */
+function parseSingleValue(isCssPropertyKnown, value) {
+  let declaration = parseDeclarations(isCssPropertyKnown,
+                                      "a: " + value + ";")[0];
+  return {
+    value: declaration ? declaration.value : "",
+    priority: declaration ? declaration.priority : ""
+  };
+}
+
+/**
+ * Convert an angle value to degree.
+ *
+ * @param {Number} angleValue The angle value.
+ * @param {CSS_ANGLEUNIT} angleUnit The angleValue's angle unit.
+ * @return {Number} An angle value in degree.
+ */
+function getAngleValueInDegrees(angleValue, angleUnit) {
+  switch (angleUnit) {
+    case CSS_ANGLEUNIT.deg:
+      return angleValue;
+    case CSS_ANGLEUNIT.grad:
+      return angleValue * 0.9;
+    case CSS_ANGLEUNIT.rad:
+      return angleValue * 180 / Math.PI;
+    case CSS_ANGLEUNIT.turn:
+      return angleValue * 360;
+    default:
+      throw new Error("No matched angle unit.");
+  }
+}
+
+exports.cssTokenizer = cssTokenizer;
+exports.cssTokenizerWithLineColumn = cssTokenizerWithLineColumn;
+exports.escapeCSSComment = escapeCSSComment;
+// unescapeCSSComment is exported for testing.
+exports._unescapeCSSComment = unescapeCSSComment;
+exports.parseDeclarations = parseDeclarations;
+// parseCommentDeclarations is exported for testing.
+exports._parseCommentDeclarations = parseCommentDeclarations;
+exports.RuleRewriter = RuleRewriter;
+exports.parsePseudoClassesAndAttributes = parsePseudoClassesAndAttributes;
+exports.parseSingleValue = parseSingleValue;
+exports.getAngleValueInDegrees = getAngleValueInDegrees;
diff --git a/devtools/shared/css/properties-db.js b/devtools/shared/css/properties-db.js
new file mode 100644
index 000000000..32454482a
--- /dev/null
+++ b/devtools/shared/css/properties-db.js
@@ -0,0 +1,100 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+/**
+ * This file contains static lists of CSS properties and values. Some of the small lists
+ * are edited manually, while the larger ones are generated by a script. The comments
+ * above each list indicates how it should be updated.
+ */
+
+let db;
+
+// Allow this require to fail in case it's been deleted in the process of running
+// `mach devtools-css-db` to regenerate the database.
+try {
+  db = require("devtools/shared/css/generated/properties-db");
+} catch (error) {
+  console.error(`If this error is being displayed and "mach devtools-css-db" is not ` +
+                `being run, then it needs to be fixed.`, error);
+  db = {
+    CSS_PROPERTIES: {},
+    PSEUDO_ELEMENTS: []
+  };
+}
+
+/**
+ * All CSS types that properties can support. This list can be manually edited.
+ */
+exports.CSS_TYPES = {
+  "ANGLE": 1,
+  "COLOR": 2,
+  "FREQUENCY": 3,
+  "GRADIENT": 4,
+  "IMAGE_RECT": 5,
+  "LENGTH": 6,
+  "NUMBER": 7,
+  "PERCENTAGE": 8,
+  "TIME": 9,
+  "TIMING_FUNCTION": 10,
+  "URL": 11,
+};
+
+/**
+ * All CSS <angle> types that properties can support. This list can be manually edited.
+ */
+exports.CSS_ANGLEUNIT = {
+  "deg": "deg",
+  "rad": "rad",
+  "grad": "grad",
+  "turn": "turn"
+};
+
+/**
+ * All cubic-bezier CSS timing-function names. This list can be manually edited.
+ */
+exports.BEZIER_KEYWORDS = ["linear", "ease-in-out", "ease-in", "ease-out", "ease"];
+
+/**
+ * Functions that accept a color argument. This list can be manually edited.
+ */
+exports.COLOR_TAKING_FUNCTIONS = ["linear-gradient", "-moz-linear-gradient",
+                                  "repeating-linear-gradient",
+                                  "-moz-repeating-linear-gradient", "radial-gradient",
+                                  "-moz-radial-gradient", "repeating-radial-gradient",
+                                  "-moz-repeating-radial-gradient", "drop-shadow"];
+
+/**
+ * Functions that accept an angle argument. This list can be manually edited.
+ */
+exports.ANGLE_TAKING_FUNCTIONS = ["linear-gradient", "-moz-linear-gradient",
+                                  "repeating-linear-gradient",
+                                  "-moz-repeating-linear-gradient", "rotate", "rotateX",
+                                  "rotateY", "rotateZ", "rotate3d", "skew", "skewX",
+                                  "skewY", "hue-rotate"];
+
+/**
+ * The list of all CSS Pseudo Elements.
+ *
+ * This list can be updated with `mach devtools-css-db`.
+ */
+exports.PSEUDO_ELEMENTS = db.PSEUDO_ELEMENTS;
+
+/**
+ * A list of CSS Properties and their various characteristics. This is used on the
+ * client-side when the CssPropertiesActor is not found, or when the client and server
+ * are the same version. A single property takes the form:
+ *
+ *  "animation": {
+ *    "isInherited": false,
+ *    "supports": [ 7, 9, 10 ]
+ *  }
+ */
+exports.CSS_PROPERTIES = db.CSS_PROPERTIES;
+
+exports.CSS_PROPERTIES_DB = {
+  properties: db.CSS_PROPERTIES,
+  pseudoElements: db.PSEUDO_ELEMENTS
+};