@telegraph/style-engine 0.0.1

package/dist/esm/index.mjs

@@ -0,0 +1,2630 @@
+import { recipe as zt } from "@vanilla-extract/recipes";
+import { createSprinkles as Dt, defineProperties as Ft } from "@vanilla-extract/sprinkles";
+import G from "react";
+import D from "@telegraph/tokens";
+var le = {}, Ne = (n) => {
+  var {
+    fileScope: e,
+    css: r
+  } = n, t = e.packageName ? [e.packageName, e.filePath].join("/") : e.filePath, a = le[t];
+  if (!a) {
+    var i = document.createElement("style");
+    e.packageName && i.setAttribute("data-package", e.packageName), i.setAttribute("data-file", e.filePath), i.setAttribute("type", "text/css"), a = le[t] = i, document.head.appendChild(i);
+  }
+  a.innerHTML = r;
+};
+function Be(n) {
+  var e = n.match(/^var\((.*)\)$/);
+  return e ? e[1] : n;
+}
+function ke(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+/*! https://mths.be/cssesc v3.0.0 by @mathias */
+var qe = {}, Ue = qe.hasOwnProperty, $e = function(e, r) {
+  if (!e)
+    return r;
+  var t = {};
+  for (var a in r)
+    t[a] = Ue.call(e, a) ? e[a] : r[a];
+  return t;
+}, We = /[ -,\.\/:-@\[-\^`\{-~]/, Ve = /[ -,\.\/:-@\[\]\^`\{-~]/, Ke = /(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g, re = function n(e, r) {
+  r = $e(r, n.options), r.quotes != "single" && r.quotes != "double" && (r.quotes = "single");
+  for (var t = r.quotes == "double" ? '"' : "'", a = r.isIdentifier, i = e.charAt(0), l = "", u = 0, o = e.length; u < o; ) {
+    var s = e.charAt(u++), p = s.charCodeAt(), h = void 0;
+    if (p < 32 || p > 126) {
+      if (p >= 55296 && p <= 56319 && u < o) {
+        var v = e.charCodeAt(u++);
+        (v & 64512) == 56320 ? p = ((p & 1023) << 10) + (v & 1023) + 65536 : u--;
+      }
+      h = "\\" + p.toString(16).toUpperCase() + " ";
+    } else
+      r.escapeEverything ? We.test(s) ? h = "\\" + s : h = "\\" + p.toString(16).toUpperCase() + " " : /[\t\n\f\r\x0B]/.test(s) ? h = "\\" + p.toString(16).toUpperCase() + " " : s == "\\" || !a && (s == '"' && t == s || s == "'" && t == s) || a && Ve.test(s) ? h = "\\" + s : h = s;
+    l += h;
+  }
+  return a && (/^-[-\d]/.test(l) ? l = "\\-" + l.slice(1) : /\d/.test(i) && (l = "\\3" + i + " " + l.slice(1))), l = l.replace(Ke, function(c, g, d) {
+    return g && g.length % 2 ? c : (g || "") + d;
+  }), !a && r.wrap ? t + l + t : l;
+};
+re.options = {
+  escapeEverything: !1,
+  isIdentifier: !1,
+  quotes: "single",
+  wrap: !1
+};
+re.version = "3.0.0";
+var He = re;
+const Oe = /* @__PURE__ */ ke(He);
+class Ye {
+  constructor(e) {
+    const { failure: r, gotoFn: t, output: a } = this._buildTables(e);
+    this.gotoFn = t, this.output = a, this.failure = r;
+  }
+  _buildTables(e) {
+    const r = {
+      0: {}
+    }, t = {};
+    let a = 0;
+    for (const u of e) {
+      let o = 0;
+      for (const s of u)
+        r[o] && s in r[o] ? o = r[o][s] : (a++, r[o][s] = a, r[a] = {}, o = a, t[a] = []);
+      t[o].push(u);
+    }
+    const i = {}, l = [];
+    for (const u in r[0]) {
+      const o = r[0][u];
+      i[o] = 0, l.push(o);
+    }
+    for (; l.length > 0; ) {
+      const u = l.shift();
+      if (u !== void 0)
+        for (const o in r[u]) {
+          const s = r[u][o];
+          l.push(s);
+          let p = i[u];
+          for (; p > 0 && !(o in r[p]); )
+            p = i[p];
+          if (o in r[p]) {
+            const h = r[p][o];
+            i[s] = h, t[s] = [...t[s], ...t[h]];
+          } else
+            i[s] = 0;
+        }
+    }
+    return {
+      gotoFn: r,
+      output: t,
+      failure: i
+    };
+  }
+  search(e) {
+    let r = 0;
+    const t = [];
+    for (let a = 0; a < e.length; a++) {
+      const i = e[a];
+      for (; r > 0 && !(i in this.gotoFn[r]); )
+        r = this.failure[r];
+      if (i in this.gotoFn[r] && (r = this.gotoFn[r][i], this.output[r].length > 0)) {
+        const l = this.output[r];
+        t.push([a, l]);
+      }
+    }
+    return t;
+  }
+}
+var Ze = {
+  appendCss: () => {
+  },
+  registerClassName: () => {
+  },
+  onEndFileScope: () => {
+  },
+  registerComposition: () => {
+  },
+  markCompositionUsed: () => {
+  },
+  getIdentOption: () => process.env.NODE_ENV === "production" ? "short" : "debug"
+}, W = [Ze], B = () => {
+  if (W.length < 1)
+    throw new Error("No adapter configured");
+  return W[W.length - 1];
+}, Ee = !1, Ge = (n) => {
+  Ee || Je(n);
+}, Je = (n) => {
+  if (!n)
+    throw new Error('No adapter provided when calling "setAdapter"');
+  Ee = !0, W.push(n);
+}, xe = function() {
+  return B().appendCss(...arguments);
+}, je = function() {
+  return B().registerClassName(...arguments);
+}, Xe = function() {
+  return B().registerComposition(...arguments);
+}, Pe = function() {
+  return B().markCompositionUsed(...arguments);
+}, _e = function() {
+  var e = B();
+  return "getIdentOption" in e ? e.getIdentOption(...arguments) : process.env.NODE_ENV === "production" ? "short" : "debug";
+};
+function te(n, e) {
+  return e || (e = n.slice(0)), Object.freeze(Object.defineProperties(n, {
+    raw: {
+      value: Object.freeze(e)
+    }
+  }));
+}
+var m;
+(function(n) {
+  n.Attribute = "attribute", n.Pseudo = "pseudo", n.PseudoElement = "pseudo-element", n.Tag = "tag", n.Universal = "universal", n.Adjacent = "adjacent", n.Child = "child", n.Descendant = "descendant", n.Parent = "parent", n.Sibling = "sibling", n.ColumnCombinator = "column-combinator";
+})(m || (m = {}));
+var x;
+(function(n) {
+  n.Any = "any", n.Element = "element", n.End = "end", n.Equals = "equals", n.Exists = "exists", n.Hyphen = "hyphen", n.Not = "not", n.Start = "start";
+})(x || (x = {}));
+const oe = /^[^\\#]?(?:\\(?:[\da-f]{1,6}\s?|.)|[\w\-\u00b0-\uFFFF])+/, Qe = /\\([\da-f]{1,6}\s?|(\s)|.)/gi, Te = /* @__PURE__ */ new Map([
+  [126, x.Element],
+  [94, x.Start],
+  [36, x.End],
+  [42, x.Any],
+  [33, x.Not],
+  [124, x.Hyphen]
+]), er = /* @__PURE__ */ new Set([
+  "has",
+  "not",
+  "matches",
+  "is",
+  "where",
+  "host",
+  "host-context"
+]);
+function rr(n) {
+  switch (n.type) {
+    case m.Adjacent:
+    case m.Child:
+    case m.Descendant:
+    case m.Parent:
+    case m.Sibling:
+    case m.ColumnCombinator:
+      return !0;
+    default:
+      return !1;
+  }
+}
+const tr = /* @__PURE__ */ new Set(["contains", "icontains"]);
+function ar(n, e, r) {
+  const t = parseInt(e, 16) - 65536;
+  return t !== t || r ? e : t < 0 ? (
+    // BMP codepoint
+    String.fromCharCode(t + 65536)
+  ) : (
+    // Supplemental Plane codepoint (surrogate pair)
+    String.fromCharCode(t >> 10 | 55296, t & 1023 | 56320)
+  );
+}
+function F(n) {
+  return n.replace(Qe, ar);
+}
+function J(n) {
+  return n === 39 || n === 34;
+}
+function ue(n) {
+  return n === 32 || n === 9 || n === 10 || n === 12 || n === 13;
+}
+function nr(n) {
+  const e = [], r = Me(e, `${n}`, 0);
+  if (r < n.length)
+    throw new Error(`Unmatched selector: ${n.slice(r)}`);
+  return e;
+}
+function Me(n, e, r) {
+  let t = [];
+  function a(v) {
+    const c = e.slice(r + v).match(oe);
+    if (!c)
+      throw new Error(`Expected name, found ${e.slice(r)}`);
+    const [g] = c;
+    return r += v + g.length, F(g);
+  }
+  function i(v) {
+    for (r += v; r < e.length && ue(e.charCodeAt(r)); )
+      r++;
+  }
+  function l() {
+    r += 1;
+    const v = r;
+    let c = 1;
+    for (; c > 0 && r < e.length; r++)
+      e.charCodeAt(r) === 40 && !u(r) ? c++ : e.charCodeAt(r) === 41 && !u(r) && c--;
+    if (c)
+      throw new Error("Parenthesis not matched");
+    return F(e.slice(v, r - 1));
+  }
+  function u(v) {
+    let c = 0;
+    for (; e.charCodeAt(--v) === 92; )
+      c++;
+    return (c & 1) === 1;
+  }
+  function o() {
+    if (t.length > 0 && rr(t[t.length - 1]))
+      throw new Error("Did not expect successive traversals.");
+  }
+  function s(v) {
+    if (t.length > 0 && t[t.length - 1].type === m.Descendant) {
+      t[t.length - 1].type = v;
+      return;
+    }
+    o(), t.push({ type: v });
+  }
+  function p(v, c) {
+    t.push({
+      type: m.Attribute,
+      name: v,
+      action: c,
+      value: a(1),
+      namespace: null,
+      ignoreCase: "quirks"
+    });
+  }
+  function h() {
+    if (t.length && t[t.length - 1].type === m.Descendant && t.pop(), t.length === 0)
+      throw new Error("Empty sub-selector");
+    n.push(t);
+  }
+  if (i(0), e.length === r)
+    return r;
+  e: for (; r < e.length; ) {
+    const v = e.charCodeAt(r);
+    switch (v) {
+      case 32:
+      case 9:
+      case 10:
+      case 12:
+      case 13: {
+        (t.length === 0 || t[0].type !== m.Descendant) && (o(), t.push({ type: m.Descendant })), i(1);
+        break;
+      }
+      case 62: {
+        s(m.Child), i(1);
+        break;
+      }
+      case 60: {
+        s(m.Parent), i(1);
+        break;
+      }
+      case 126: {
+        s(m.Sibling), i(1);
+        break;
+      }
+      case 43: {
+        s(m.Adjacent), i(1);
+        break;
+      }
+      case 46: {
+        p("class", x.Element);
+        break;
+      }
+      case 35: {
+        p("id", x.Equals);
+        break;
+      }
+      case 91: {
+        i(1);
+        let c, g = null;
+        e.charCodeAt(r) === 124 ? c = a(1) : e.startsWith("*|", r) ? (g = "*", c = a(2)) : (c = a(0), e.charCodeAt(r) === 124 && e.charCodeAt(r + 1) !== 61 && (g = c, c = a(1))), i(0);
+        let d = x.Exists;
+        const f = Te.get(e.charCodeAt(r));
+        if (f) {
+          if (d = f, e.charCodeAt(r + 1) !== 61)
+            throw new Error("Expected `=`");
+          i(2);
+        } else e.charCodeAt(r) === 61 && (d = x.Equals, i(1));
+        let S = "", b = null;
+        if (d !== "exists") {
+          if (J(e.charCodeAt(r))) {
+            const O = e.charCodeAt(r);
+            let A = r + 1;
+            for (; A < e.length && (e.charCodeAt(A) !== O || u(A)); )
+              A += 1;
+            if (e.charCodeAt(A) !== O)
+              throw new Error("Attribute value didn't end");
+            S = F(e.slice(r + 1, A)), r = A + 1;
+          } else {
+            const O = r;
+            for (; r < e.length && (!ue(e.charCodeAt(r)) && e.charCodeAt(r) !== 93 || u(r)); )
+              r += 1;
+            S = F(e.slice(O, r));
+          }
+          i(0);
+          const C = e.charCodeAt(r) | 32;
+          C === 115 ? (b = !1, i(1)) : C === 105 && (b = !0, i(1));
+        }
+        if (e.charCodeAt(r) !== 93)
+          throw new Error("Attribute selector didn't terminate");
+        r += 1;
+        const w = {
+          type: m.Attribute,
+          name: c,
+          action: d,
+          value: S,
+          namespace: g,
+          ignoreCase: b
+        };
+        t.push(w);
+        break;
+      }
+      case 58: {
+        if (e.charCodeAt(r + 1) === 58) {
+          t.push({
+            type: m.PseudoElement,
+            name: a(2).toLowerCase(),
+            data: e.charCodeAt(r) === 40 ? l() : null
+          });
+          continue;
+        }
+        const c = a(1).toLowerCase();
+        let g = null;
+        if (e.charCodeAt(r) === 40)
+          if (er.has(c)) {
+            if (J(e.charCodeAt(r + 1)))
+              throw new Error(`Pseudo-selector ${c} cannot be quoted`);
+            if (g = [], r = Me(g, e, r + 1), e.charCodeAt(r) !== 41)
+              throw new Error(`Missing closing parenthesis in :${c} (${e})`);
+            r += 1;
+          } else {
+            if (g = l(), tr.has(c)) {
+              const d = g.charCodeAt(0);
+              d === g.charCodeAt(g.length - 1) && J(d) && (g = g.slice(1, -1));
+            }
+            g = F(g);
+          }
+        t.push({ type: m.Pseudo, name: c, data: g });
+        break;
+      }
+      case 44: {
+        h(), t = [], i(1);
+        break;
+      }
+      default: {
+        if (e.startsWith("/*", r)) {
+          const d = e.indexOf("*/", r + 2);
+          if (d < 0)
+            throw new Error("Comment was not terminated");
+          r = d + 2, t.length === 0 && i(0);
+          break;
+        }
+        let c = null, g;
+        if (v === 42)
+          r += 1, g = "*";
+        else if (v === 124) {
+          if (g = "", e.charCodeAt(r + 1) === 124) {
+            s(m.ColumnCombinator), i(2);
+            break;
+          }
+        } else if (oe.test(e.slice(r)))
+          g = a(0);
+        else
+          break e;
+        e.charCodeAt(r) === 124 && e.charCodeAt(r + 1) !== 124 && (c = g, e.charCodeAt(r + 1) === 42 ? (g = "*", r += 2) : g = a(1)), t.push(g === "*" ? { type: m.Universal, namespace: c } : { type: m.Tag, name: g, namespace: c });
+      }
+    }
+  }
+  return h(), r;
+}
+function se(n, e) {
+  var r = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(n);
+    e && (t = t.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(n, a).enumerable;
+    })), r.push.apply(r, t);
+  }
+  return r;
+}
+function pe(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? se(Object(r), !0).forEach(function(t) {
+      ir(n, t, r[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : se(Object(r)).forEach(function(t) {
+      Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
+    });
+  }
+  return n;
+}
+function ir(n, e, r) {
+  return e = lr(e), e in n ? Object.defineProperty(n, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = r, n;
+}
+function lr(n) {
+  var e = or(n, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+function or(n, e) {
+  if (typeof n != "object" || n === null) return n;
+  var r = n[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var t = r.call(n, e || "default");
+    if (typeof t != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(n);
+}
+const ae = Le({});
+function Le(n) {
+  return e.withOptions = (r) => Le(pe(pe({}, n), r)), e;
+  function e(r, ...t) {
+    const a = typeof r == "string" ? [r] : r.raw, {
+      escapeSpecialCharacters: i = Array.isArray(r)
+    } = n;
+    let l = "";
+    for (let s = 0; s < a.length; s++) {
+      let p = a[s];
+      i && (p = p.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\\{/g, "{")), l += p, s < t.length && (l += t[s]);
+    }
+    const u = l.split(`
+`);
+    let o = null;
+    for (const s of u) {
+      const p = s.match(/^(\s+)\S+/);
+      if (p) {
+        const h = p[1].length;
+        o ? o = Math.min(o, h) : o = h;
+      }
+    }
+    if (o !== null) {
+      const s = o;
+      l = u.map((p) => p[0] === " " || p[0] === "	" ? p.slice(s) : p).join(`
+`);
+    }
+    return l = l.trim(), i && (l = l.replace(/\\n/g, `
+`)), l;
+  }
+}
+/*! @license MediaQueryParser - MIT License - Tom Golden (github@tbjgolden.com) */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var V = function() {
+  return V = Object.assign || function(e) {
+    for (var r, t = 1, a = arguments.length; t < a; t++) {
+      r = arguments[t];
+      for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+    }
+    return e;
+  }, V.apply(this, arguments);
+};
+function Q(n, e) {
+  var r = {};
+  for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && e.indexOf(t) < 0 && (r[t] = n[t]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, t = Object.getOwnPropertySymbols(n); a < t.length; a++)
+      e.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[a]) && (r[t[a]] = n[t[a]]);
+  return r;
+}
+function ur(n) {
+  var e = typeof Symbol == "function" && Symbol.iterator, r = e && n[e], t = 0;
+  if (r) return r.call(n);
+  if (n && typeof n.length == "number") return {
+    next: function() {
+      return n && t >= n.length && (n = void 0), { value: n && n[t++], done: !n };
+    }
+  };
+  throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+function y(n, e) {
+  var r = typeof Symbol == "function" && n[Symbol.iterator];
+  if (!r) return n;
+  var t = r.call(n), a, i = [], l;
+  try {
+    for (; (e === void 0 || e-- > 0) && !(a = t.next()).done; ) i.push(a.value);
+  } catch (u) {
+    l = { error: u };
+  } finally {
+    try {
+      a && !a.done && (r = t.return) && r.call(t);
+    } finally {
+      if (l) throw l.error;
+    }
+  }
+  return i;
+}
+var sr = /(\u000D|\u000C|\u000D\u000A)/g, pr = /[\u0000\uD800-\uDFFF]/g, hr = /(\/\*)[\s\S]*?(\*\/)/g, fr = function(e, r) {
+  r === void 0 && (r = 0), e = e.replace(sr, `
+`).replace(pr, "�"), e = e.replace(hr, "");
+  for (var t = []; r < e.length; r += 1) {
+    var a = e.charCodeAt(r);
+    if (a === 9 || a === 32 || a === 10) {
+      for (var i = e.charCodeAt(++r); i === 9 || i === 32 || i === 10; )
+        i = e.charCodeAt(++r);
+      r -= 1, t.push({
+        type: "<whitespace-token>"
+      });
+    } else if (a === 34) {
+      var l = he(e, r);
+      if (l === null)
+        return null;
+      var u = y(l, 2), o = u[0], s = u[1];
+      t.push({
+        type: "<string-token>",
+        value: s
+      }), r = o;
+    } else if (a === 35) {
+      if (r + 1 < e.length) {
+        var p = e.charCodeAt(r + 1);
+        if (p === 95 || p >= 65 && p <= 90 || p >= 97 && p <= 122 || p >= 128 || p >= 48 && p <= 57 || p === 92 && r + 2 < e.length && e.charCodeAt(r + 2) !== 10) {
+          var h = ze(e, r + 1) ? "id" : "unrestricted", l = gr(e, r + 1);
+          if (l !== null) {
+            var v = y(l, 2), o = v[0], s = v[1];
+            t.push({
+              type: "<hash-token>",
+              value: s.toLowerCase(),
+              flag: h
+            }), r = o;
+            continue;
+          }
+        }
+      }
+      t.push({
+        type: "<delim-token>",
+        value: a
+      });
+    } else if (a === 39) {
+      var l = he(e, r);
+      if (l === null)
+        return null;
+      var c = y(l, 2), o = c[0], s = c[1];
+      t.push({
+        type: "<string-token>",
+        value: s
+      }), r = o;
+    } else if (a === 40)
+      t.push({
+        type: "<(-token>"
+      });
+    else if (a === 41)
+      t.push({
+        type: "<)-token>"
+      });
+    else if (a === 43) {
+      var g = $(e, r);
+      if (g === null)
+        t.push({
+          type: "<delim-token>",
+          value: a
+        });
+      else {
+        var d = y(g, 2), o = d[0], f = d[1];
+        f[0] === "<dimension-token>" ? t.push({
+          type: "<dimension-token>",
+          value: f[1],
+          unit: f[2].toLowerCase(),
+          flag: "number"
+        }) : f[0] === "<number-token>" ? t.push({
+          type: f[0],
+          value: f[1],
+          flag: f[2]
+        }) : t.push({
+          type: f[0],
+          value: f[1],
+          flag: "number"
+        }), r = o;
+      }
+    } else if (a === 44)
+      t.push({
+        type: "<comma-token>"
+      });
+    else if (a === 45) {
+      var S = $(e, r);
+      if (S !== null) {
+        var b = y(S, 2), o = b[0], f = b[1];
+        f[0] === "<dimension-token>" ? t.push({
+          type: "<dimension-token>",
+          value: f[1],
+          unit: f[2].toLowerCase(),
+          flag: "number"
+        }) : f[0] === "<number-token>" ? t.push({
+          type: f[0],
+          value: f[1],
+          flag: f[2]
+        }) : t.push({
+          type: f[0],
+          value: f[1],
+          flag: "number"
+        }), r = o;
+        continue;
+      }
+      if (r + 2 < e.length) {
+        var p = e.charCodeAt(r + 1), w = e.charCodeAt(r + 2);
+        if (p === 45 && w === 62) {
+          t.push({
+            type: "<CDC-token>"
+          }), r += 2;
+          continue;
+        }
+      }
+      var l = fe(e, r);
+      if (l !== null) {
+        var C = y(l, 3), o = C[0], s = C[1], O = C[2];
+        t.push({
+          type: O,
+          value: s
+        }), r = o;
+        continue;
+      }
+      t.push({
+        type: "<delim-token>",
+        value: a
+      });
+    } else if (a === 46) {
+      var S = $(e, r);
+      if (S === null)
+        t.push({
+          type: "<delim-token>",
+          value: a
+        });
+      else {
+        var A = y(S, 2), o = A[0], f = A[1];
+        f[0] === "<dimension-token>" ? t.push({
+          type: "<dimension-token>",
+          value: f[1],
+          unit: f[2].toLowerCase(),
+          flag: "number"
+        }) : f[0] === "<number-token>" ? t.push({
+          type: f[0],
+          value: f[1],
+          flag: f[2]
+        }) : t.push({
+          type: f[0],
+          value: f[1],
+          flag: "number"
+        }), r = o;
+        continue;
+      }
+    } else if (a === 58)
+      t.push({
+        type: "<colon-token>"
+      });
+    else if (a === 59)
+      t.push({
+        type: "<semicolon-token>"
+      });
+    else if (a === 60) {
+      if (r + 3 < e.length) {
+        var p = e.charCodeAt(r + 1), w = e.charCodeAt(r + 2), Y = e.charCodeAt(r + 3);
+        if (p === 33 && w === 45 && Y === 45) {
+          t.push({
+            type: "<CDO-token>"
+          }), r += 3;
+          continue;
+        }
+      }
+      t.push({
+        type: "<delim-token>",
+        value: a
+      });
+    } else if (a === 64) {
+      var l = ne(e, r + 1);
+      if (l !== null) {
+        var E = y(l, 2), o = E[0], s = E[1];
+        t.push({
+          type: "<at-keyword-token>",
+          value: s.toLowerCase()
+        }), r = o;
+        continue;
+      }
+      t.push({
+        type: "<delim-token>",
+        value: a
+      });
+    } else if (a === 91)
+      t.push({
+        type: "<[-token>"
+      });
+    else if (a === 92) {
+      var l = q(e, r);
+      if (l === null)
+        return null;
+      var U = y(l, 2), o = U[0], s = U[1];
+      e = e.slice(0, r) + s + e.slice(o + 1), r -= 1;
+    } else if (a === 93)
+      t.push({
+        type: "<]-token>"
+      });
+    else if (a === 123)
+      t.push({
+        type: "<{-token>"
+      });
+    else if (a === 125)
+      t.push({
+        type: "<}-token>"
+      });
+    else if (a >= 48 && a <= 57) {
+      var l = $(e, r), ie = y(l, 2), o = ie[0], f = ie[1];
+      f[0] === "<dimension-token>" ? t.push({
+        type: "<dimension-token>",
+        value: f[1],
+        unit: f[2].toLowerCase(),
+        flag: "number"
+      }) : f[0] === "<number-token>" ? t.push({
+        type: f[0],
+        value: f[1],
+        flag: f[2]
+      }) : t.push({
+        type: f[0],
+        value: f[1],
+        flag: "number"
+      }), r = o;
+    } else if (a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128) {
+      var l = fe(e, r);
+      if (l === null)
+        return null;
+      var Z = y(l, 3), o = Z[0], s = Z[1], O = Z[2];
+      t.push({
+        type: O,
+        value: s
+      }), r = o;
+    } else
+      t.push({
+        type: "<delim-token>",
+        value: a
+      });
+  }
+  return t.push({
+    type: "<EOF-token>"
+  }), t;
+}, he = function(e, r) {
+  if (e.length <= r + 1) return null;
+  for (var t = e.charCodeAt(r), a = [], i = r + 1; i < e.length; i += 1) {
+    var l = e.charCodeAt(i);
+    if (l === t)
+      return [i, String.fromCharCode.apply(null, a)];
+    if (l === 92) {
+      var u = q(e, i);
+      if (u === null) return null;
+      var o = y(u, 2), s = o[0], p = o[1];
+      a.push(p), i = s;
+    } else {
+      if (l === 10)
+        return null;
+      a.push(l);
+    }
+  }
+  return null;
+}, ze = function(e, r) {
+  if (e.length <= r) return !1;
+  var t = e.charCodeAt(r);
+  if (t === 45) {
+    if (e.length <= r + 1) return !1;
+    var a = e.charCodeAt(r + 1);
+    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128)
+      return !0;
+    if (a === 92) {
+      if (e.length <= r + 2) return !1;
+      var i = e.charCodeAt(r + 2);
+      return i !== 10;
+    } else
+      return !1;
+  } else {
+    if (t === 95 || t >= 65 && t <= 90 || t >= 97 && t <= 122 || t >= 128)
+      return !0;
+    if (t === 92) {
+      if (e.length <= r + 1) return !1;
+      var a = e.charCodeAt(r + 1);
+      return a !== 10;
+    } else
+      return !1;
+  }
+}, q = function(e, r) {
+  if (e.length <= r + 1 || e.charCodeAt(r) !== 92) return null;
+  var t = e.charCodeAt(r + 1);
+  if (t === 10)
+    return null;
+  if (t >= 48 && t <= 57 || t >= 65 && t <= 70 || t >= 97 && t <= 102) {
+    for (var a = [t], i = Math.min(r + 7, e.length), l = r + 2; l < i; l += 1) {
+      var u = e.charCodeAt(l);
+      if (u >= 48 && u <= 57 || u >= 65 && u <= 70 || u >= 97 && u <= 102)
+        a.push(u);
+      else
+        break;
+    }
+    if (l < e.length) {
+      var o = e.charCodeAt(l);
+      (o === 9 || o === 32 || o === 10) && (l += 1);
+    }
+    return [l - 1, parseInt(String.fromCharCode.apply(null, a), 16)];
+  } else
+    return [r + 1, t];
+}, $ = function(e, r) {
+  var t = cr(e, r);
+  if (t === null) return null;
+  var a = y(t, 3), i = a[0], l = a[1], u = a[2], o = ne(e, i + 1);
+  if (o !== null) {
+    var s = y(o, 2), p = s[0], h = s[1];
+    return [p, ["<dimension-token>", l, h]];
+  }
+  return i + 1 < e.length && e.charCodeAt(i + 1) === 37 ? [i + 1, ["<percentage-token>", l]] : [i, ["<number-token>", l, u]];
+}, cr = function(e, r) {
+  if (e.length <= r) return null;
+  var t = "integer", a = [], i = e.charCodeAt(r);
+  for ((i === 43 || i === 45) && (r += 1, i === 45 && a.push(45)); r < e.length; ) {
+    var l = e.charCodeAt(r);
+    if (l >= 48 && l <= 57)
+      a.push(l), r += 1;
+    else
+      break;
+  }
+  if (r + 1 < e.length) {
+    var u = e.charCodeAt(r), o = e.charCodeAt(r + 1);
+    if (u === 46 && o >= 48 && o <= 57)
+      for (a.push(u, o), t = "number", r += 2; r < e.length; ) {
+        var l = e.charCodeAt(r);
+        if (l >= 48 && l <= 57)
+          a.push(l), r += 1;
+        else
+          break;
+      }
+  }
+  if (r + 1 < e.length) {
+    var u = e.charCodeAt(r), o = e.charCodeAt(r + 1), s = e.charCodeAt(r + 2);
+    if (u === 69 || u === 101) {
+      var p = o >= 48 && o <= 57;
+      if (p || (o === 43 || o === 45) && s >= 48 && s <= 57)
+        for (t = "number", p ? (a.push(69, o), r += 2) : o === 45 ? (a.push(69, 45, s), r += 3) : (a.push(69, s), r += 3); r < e.length; ) {
+          var l = e.charCodeAt(r);
+          if (l >= 48 && l <= 57)
+            a.push(l), r += 1;
+          else
+            break;
+        }
+    }
+  }
+  var h = String.fromCharCode.apply(null, a), v = t === "number" ? parseFloat(h) : parseInt(h);
+  return v === -0 && (v = 0), Number.isNaN(v) ? null : [r - 1, v, t];
+}, gr = function(e, r) {
+  if (e.length <= r)
+    return null;
+  for (var t = [], a = e.charCodeAt(r); r < e.length; a = e.charCodeAt(++r)) {
+    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128 || a >= 48 && a <= 57) {
+      t.push(a);
+      continue;
+    } else {
+      var i = q(e, r);
+      if (i !== null) {
+        var l = y(i, 2), u = l[0], o = l[1];
+        t.push(o), r = u;
+        continue;
+      }
+    }
+    break;
+  }
+  return r === 0 ? null : [r - 1, String.fromCharCode.apply(null, t)];
+}, ne = function(e, r) {
+  if (e.length <= r || !ze(e, r))
+    return null;
+  for (var t = [], a = e.charCodeAt(r); r < e.length; a = e.charCodeAt(++r)) {
+    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128 || a >= 48 && a <= 57) {
+      t.push(a);
+      continue;
+    } else {
+      var i = q(e, r);
+      if (i !== null) {
+        var l = y(i, 2), u = l[0], o = l[1];
+        t.push(o), r = u;
+        continue;
+      }
+    }
+    break;
+  }
+  return [r - 1, String.fromCharCode.apply(null, t)];
+}, vr = function(e, r) {
+  for (var t = e.charCodeAt(r); t === 9 || t === 32 || t === 10; )
+    t = e.charCodeAt(++r);
+  for (var a = [], i = !1; r < e.length; ) {
+    if (t === 41)
+      return [r, String.fromCharCode.apply(null, a)];
+    if (t === 34 || t === 39 || t === 40)
+      return null;
+    if (t === 9 || t === 32 || t === 10)
+      !i && a.length !== 0 && (i = !0);
+    else if (t === 92) {
+      var l = q(e, r);
+      if (l === null || i) return null;
+      var u = y(l, 2), o = u[0], s = u[1];
+      a.push(s), r = o;
+    } else {
+      if (i) return null;
+      a.push(t);
+    }
+    t = e.charCodeAt(++r);
+  }
+  return null;
+}, fe = function(e, r) {
+  var t = ne(e, r);
+  if (t === null) return null;
+  var a = y(t, 2), i = a[0], l = a[1];
+  if (l.toLowerCase() === "url") {
+    if (e.length > i + 1) {
+      var u = e.charCodeAt(i + 1);
+      if (u === 40) {
+        for (var o = 2; i + o < e.length; o += 1) {
+          var s = e.charCodeAt(i + o);
+          if (s === 34 || s === 39)
+            return [i + 1, l.toLowerCase(), "<function-token>"];
+          if (s !== 9 && s !== 32 && s !== 10) {
+            var p = vr(e, i + o);
+            if (p === null) return null;
+            var h = y(p, 2), v = h[0], c = h[1];
+            return [v, c, "<url-token>"];
+          }
+        }
+        return [i + 1, l.toLowerCase(), "<function-token>"];
+      }
+    }
+  } else if (e.length > i + 1) {
+    var u = e.charCodeAt(i + 1);
+    if (u === 40)
+      return [i + 1, l.toLowerCase(), "<function-token>"];
+  }
+  return [i, l.toLowerCase(), "<ident-token>"];
+}, dr = function(e) {
+  for (var r = e.length - 1; r >= 0; r--)
+    e[r] = mr(e[r]);
+  return e;
+}, mr = function(e) {
+  if (e.mediaCondition === null) return e;
+  var r = yr(e.mediaCondition);
+  return r.operator === null && r.children.length === 1 && "children" in r.children[0] && (r = r.children[0]), {
+    mediaPrefix: e.mediaPrefix,
+    mediaType: e.mediaType,
+    mediaCondition: r
+  };
+}, yr = function n(e) {
+  for (var r = e.children.length - 1; r >= 0; r--) {
+    var t = e.children[r];
+    if (!("context" in t)) {
+      var a = n(t);
+      if (a.operator === null && a.children.length === 1)
+        e.children[r] = a.children[0];
+      else if (a.operator === e.operator && (a.operator === "and" || a.operator === "or")) {
+        for (var i = [r, 1], l = 0; l < a.children.length; l++)
+          i.push(a.children[l]);
+        e.children.splice.apply(e.children, i);
+      }
+    }
+  }
+  return e;
+}, k = function(e, r) {
+  return r instanceof Error ? new Error("".concat(r.message.trim(), `
+`).concat(e.trim())) : new Error(e.trim());
+}, br = function(e) {
+  return dr(wr(e));
+}, wr = function(e) {
+  var r = fr(e.trim());
+  if (r === null)
+    throw k("Failed tokenizing");
+  var t = 0, a = r.length - 1;
+  if (r[0].type === "<at-keyword-token>" && r[0].value === "media") {
+    if (r[1].type !== "<whitespace-token>")
+      throw k("Expected whitespace after media");
+    t = 2;
+    for (var i = 2; i < r.length - 1; i++) {
+      var l = r[i];
+      if (l.type === "<{-token>") {
+        a = i;
+        break;
+      } else if (l.type === "<semicolon-token>")
+        throw k("Expected '{' in media query but found ';'");
+    }
+  }
+  return r = r.slice(t, a), Ar(r);
+}, Cr = function(e) {
+  for (var r = [], t = !1, a = 0; a < e.length; a++)
+    e[a].type === "<whitespace-token>" ? (t = !0, r.length > 0 && (r[r.length - 1].wsAfter = !0)) : (r.push(V(V({}, e[a]), {
+      wsBefore: t,
+      wsAfter: !1
+    })), t = !1);
+  return r;
+}, Ar = function(e) {
+  for (var r, t, a = [[]], i = 0; i < e.length; i++) {
+    var l = e[i];
+    l.type === "<comma-token>" ? a.push([]) : a[a.length - 1].push(l);
+  }
+  var u = a.map(Cr);
+  if (u.length === 1 && u[0].length === 0)
+    return [{
+      mediaCondition: null,
+      mediaPrefix: null,
+      mediaType: "all"
+    }];
+  var o = u.map(function(c) {
+    return c.length === 0 ? null : Sr(c);
+  }), s = [];
+  try {
+    for (var p = ur(o), h = p.next(); !h.done; h = p.next()) {
+      var v = h.value;
+      v !== null && s.push(v);
+    }
+  } catch (c) {
+    r = {
+      error: c
+    };
+  } finally {
+    try {
+      h && !h.done && (t = p.return) && t.call(p);
+    } finally {
+      if (r) throw r.error;
+    }
+  }
+  if (s.length === 0)
+    throw k("No valid media queries");
+  return s;
+}, Sr = function(e) {
+  var r = e[0];
+  if (r.type === "<(-token>")
+    try {
+      return {
+        mediaPrefix: null,
+        mediaType: "all",
+        mediaCondition: X(e, !0)
+      };
+    } catch (h) {
+      throw k("Expected media condition after '('", h);
+    }
+  else if (r.type === "<ident-token>") {
+    var t = null, a = void 0, i = r.value;
+    (i === "only" || i === "not") && (t = i);
+    var l = t === null ? 0 : 1;
+    if (e.length <= l)
+      throw k("Expected extra token in media query");
+    var u = e[l];
+    if (u.type === "<ident-token>") {
+      var o = u.value;
+      if (o === "all")
+        a = "all";
+      else if (o === "print" || o === "screen")
+        a = o;
+      else if (o === "tty" || o === "tv" || o === "projection" || o === "handheld" || o === "braille" || o === "embossed" || o === "aural" || o === "speech")
+        t = t === "not" ? null : "not", a = "all";
+      else
+        throw k("Unknown ident '".concat(o, "' in media query"));
+    } else if (t === "not" && u.type === "<(-token>") {
+      var s = [{
+        type: "<(-token>",
+        wsBefore: !1,
+        wsAfter: !1
+      }];
+      s.push.apply(s, e), s.push({
+        type: "<)-token>",
+        wsBefore: !1,
+        wsAfter: !1
+      });
+      try {
+        return {
+          mediaPrefix: null,
+          mediaType: "all",
+          mediaCondition: X(s, !0)
+        };
+      } catch (h) {
+        throw k("Expected media condition after '('", h);
+      }
+    } else
+      throw k("Invalid media query");
+    if (l + 1 === e.length)
+      return {
+        mediaPrefix: t,
+        mediaType: a,
+        mediaCondition: null
+      };
+    if (l + 4 < e.length) {
+      var p = e[l + 1];
+      if (p.type === "<ident-token>" && p.value === "and")
+        try {
+          return {
+            mediaPrefix: t,
+            mediaType: a,
+            mediaCondition: X(e.slice(l + 2), !1)
+          };
+        } catch (h) {
+          throw k("Expected media condition after 'and'", h);
+        }
+      else
+        throw k("Expected 'and' after media prefix");
+    } else
+      throw k("Expected media condition after media prefix");
+  } else
+    throw k("Expected media condition or media prefix");
+}, X = function n(e, r, t) {
+  if (t === void 0 && (t = null), e.length < 3 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
+    throw new Error("Invalid media condition");
+  for (var a = e.length - 1, i = 0, l = 0, u = 0; u < e.length; u++) {
+    var o = e[u];
+    if (o.type === "<(-token>" ? (l += 1, i = Math.max(i, l)) : o.type === "<)-token>" && (l -= 1), l === 0) {
+      a = u;
+      break;
+    }
+  }
+  if (l !== 0)
+    throw new Error(`Mismatched parens
+Invalid media condition`);
+  var s, p = e.slice(0, a + 1);
+  if (i === 1 ? s = kr(p) : p[1].type === "<ident-token>" && p[1].value === "not" ? s = n(p.slice(2, -1), !0, "not") : s = n(p.slice(1, -1), !0), a === e.length - 1)
+    return {
+      operator: t,
+      children: [s]
+    };
+  var h = e[a + 1];
+  if (h.type !== "<ident-token>")
+    throw new Error(`Invalid operator
+Invalid media condition`);
+  if (t !== null && t !== h.value)
+    throw new Error("'".concat(h.value, "' and '").concat(t, `' must not be at same level
+Invalid media condition`));
+  if (h.value === "or" && !r)
+    throw new Error(`Cannot use 'or' at top level of a media query
+Invalid media condition`);
+  if (h.value !== "and" && h.value !== "or")
+    throw new Error("Invalid operator: '".concat(h.value, `'
+Invalid media condition`));
+  var v = n(e.slice(a + 2), r, h.value);
+  return {
+    operator: h.value,
+    children: [s].concat(v.children)
+  };
+}, kr = function(e) {
+  if (e.length < 3 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
+    throw new Error("Invalid media feature");
+  for (var r = [e[0]], t = 1; t < e.length; t++) {
+    if (t < e.length - 2) {
+      var a = e[t], i = e[t + 1], l = e[t + 2];
+      if (a.type === "<number-token>" && a.value > 0 && i.type === "<delim-token>" && i.value === 47 && l.type === "<number-token>" && l.value > 0) {
+        r.push({
+          type: "<ratio-token>",
+          numerator: a.value,
+          denominator: l.value,
+          wsBefore: a.wsBefore,
+          wsAfter: l.wsAfter
+        }), t += 2;
+        continue;
+      }
+    }
+    r.push(e[t]);
+  }
+  var u = r[1];
+  if (u.type === "<ident-token>" && r.length === 3)
+    return {
+      context: "boolean",
+      feature: u.value
+    };
+  if (r.length === 5 && r[1].type === "<ident-token>" && r[2].type === "<colon-token>") {
+    var o = r[3];
+    if (o.type === "<number-token>" || o.type === "<dimension-token>" || o.type === "<ratio-token>" || o.type === "<ident-token>") {
+      var s = r[1].value, p = null, h = s.slice(0, 4);
+      h === "min-" ? (p = "min", s = s.slice(4)) : h === "max-" && (p = "max", s = s.slice(4)), o.wsBefore, o.wsAfter;
+      var v = Q(o, ["wsBefore", "wsAfter"]);
+      return {
+        context: "value",
+        prefix: p,
+        feature: s,
+        value: v
+      };
+    }
+  } else if (r.length >= 5)
+    try {
+      var c = Or(r);
+      return {
+        context: "range",
+        feature: c.featureName,
+        range: c
+      };
+    } catch (g) {
+      throw k("Invalid media feature", g);
+    }
+  throw new Error("Invalid media feature");
+}, Or = function(e) {
+  var r, t, a, i;
+  if (e.length < 5 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
+    throw new Error("Invalid range");
+  var l = {
+    leftToken: null,
+    leftOp: null,
+    featureName: "",
+    rightOp: null,
+    rightToken: null
+  }, u = e[1].type === "<number-token>" || e[1].type === "<dimension-token>" || e[1].type === "<ratio-token>" || e[1].type === "<ident-token>" && e[1].value === "infinite";
+  if (e[2].type === "<delim-token>") {
+    if (e[2].value === 60)
+      e[3].type === "<delim-token>" && e[3].value === 61 && !e[3].wsBefore ? l[u ? "leftOp" : "rightOp"] = "<=" : l[u ? "leftOp" : "rightOp"] = "<";
+    else if (e[2].value === 62)
+      e[3].type === "<delim-token>" && e[3].value === 61 && !e[3].wsBefore ? l[u ? "leftOp" : "rightOp"] = ">=" : l[u ? "leftOp" : "rightOp"] = ">";
+    else if (e[2].value === 61)
+      l[u ? "leftOp" : "rightOp"] = "=";
+    else
+      throw new Error("Invalid range");
+    if (u)
+      l.leftToken = e[1];
+    else if (e[1].type === "<ident-token>")
+      l.featureName = e[1].value;
+    else
+      throw new Error("Invalid range");
+    var o = 2 + ((t = (r = l[u ? "leftOp" : "rightOp"]) === null || r === void 0 ? void 0 : r.length) !== null && t !== void 0 ? t : 0), s = e[o];
+    if (u)
+      if (s.type === "<ident-token>") {
+        if (l.featureName = s.value, e.length >= 7) {
+          var p = e[o + 1], h = e[o + 2];
+          if (p.type === "<delim-token>") {
+            var v = p.value;
+            if (v === 60)
+              h.type === "<delim-token>" && h.value === 61 && !h.wsBefore ? l.rightOp = "<=" : l.rightOp = "<";
+            else if (v === 62)
+              h.type === "<delim-token>" && h.value === 61 && !h.wsBefore ? l.rightOp = ">=" : l.rightOp = ">";
+            else
+              throw new Error("Invalid range");
+            var c = e[o + 1 + ((i = (a = l.rightOp) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0)];
+            l.rightToken = c;
+          } else
+            throw new Error("Invalid range");
+        } else if (o + 2 !== e.length)
+          throw new Error("Invalid range");
+      } else
+        throw new Error("Invalid range");
+    else
+      l.rightToken = s;
+    var g = null, d = l.leftToken, f = l.leftOp, S = l.featureName, b = l.rightOp, w = l.rightToken, C = null;
+    if (d !== null) {
+      if (d.type === "<ident-token>") {
+        var O = d.type, A = d.value;
+        A === "infinite" && (C = {
+          type: O,
+          value: A
+        });
+      } else if (d.type === "<number-token>" || d.type === "<dimension-token>" || d.type === "<ratio-token>") {
+        d.wsBefore, d.wsAfter;
+        var Y = Q(d, ["wsBefore", "wsAfter"]);
+        C = Y;
+      }
+    }
+    var E = null;
+    if (w !== null) {
+      if (w.type === "<ident-token>") {
+        var O = w.type, A = w.value;
+        A === "infinite" && (E = {
+          type: O,
+          value: A
+        });
+      } else if (w.type === "<number-token>" || w.type === "<dimension-token>" || w.type === "<ratio-token>") {
+        w.wsBefore, w.wsAfter;
+        var U = Q(w, ["wsBefore", "wsAfter"]);
+        E = U;
+      }
+    }
+    if (C !== null && E !== null)
+      if ((f === "<" || f === "<=") && (b === "<" || b === "<="))
+        g = {
+          leftToken: C,
+          leftOp: f,
+          featureName: S,
+          rightOp: b,
+          rightToken: E
+        };
+      else if ((f === ">" || f === ">=") && (b === ">" || b === ">="))
+        g = {
+          leftToken: C,
+          leftOp: f,
+          featureName: S,
+          rightOp: b,
+          rightToken: E
+        };
+      else
+        throw new Error("Invalid range");
+    else C === null && f === null && b !== null && E !== null ? g = {
+      leftToken: C,
+      leftOp: f,
+      featureName: S,
+      rightOp: b,
+      rightToken: E
+    } : C !== null && f !== null && b === null && E === null && (g = {
+      leftToken: C,
+      leftOp: f,
+      featureName: S,
+      rightOp: b,
+      rightToken: E
+    });
+    return g;
+  } else
+    throw new Error("Invalid range");
+};
+function Er(n, e) {
+  if (typeof n != "object" || !n) return n;
+  var r = n[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var t = r.call(n, e || "default");
+    if (typeof t != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(n);
+}
+function xr(n) {
+  var e = Er(n, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+function jr(n, e, r) {
+  return e = xr(e), e in n ? Object.defineProperty(n, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[e] = r, n;
+}
+function ce(n, e) {
+  var r = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(n);
+    e && (t = t.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(n, a).enumerable;
+    })), r.push.apply(r, t);
+  }
+  return r;
+}
+function P(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? ce(Object(r), !0).forEach(function(t) {
+      jr(n, t, r[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : ce(Object(r)).forEach(function(t) {
+      Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
+    });
+  }
+  return n;
+}
+function Pr(n, e) {
+  if (n == null) return {};
+  var r = {}, t = Object.keys(n), a, i;
+  for (i = 0; i < t.length; i++)
+    a = t[i], !(e.indexOf(a) >= 0) && (r[a] = n[a]);
+  return r;
+}
+function ge(n, e) {
+  if (n == null) return {};
+  var r = Pr(n, e), t, a;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(n);
+    for (a = 0; a < i.length; a++)
+      t = i[a], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(n, t) && (r[t] = n[t]);
+  }
+  return r;
+}
+function R(n, e) {
+  for (var r in n)
+    e(n[r], r);
+}
+function L(n, e) {
+  var r = {};
+  for (var t in n)
+    e.indexOf(t) === -1 && (r[t] = n[t]);
+  return r;
+}
+function Mr(n, e) {
+  var r = {};
+  for (var t in n)
+    r[e(n[t], t)] = n[t];
+  return r;
+}
+function T(n) {
+  for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), t = 1; t < e; t++)
+    r[t - 1] = arguments[t];
+  for (var a of r)
+    a.length !== 0 && (typeof a == "string" ? a.includes(" ") ? T(n, ...a.trim().split(" ")) : n.add(a) : Array.isArray(a) && T(n, ...a));
+}
+function Lr(n) {
+  var e = /* @__PURE__ */ new Set();
+  return T(e, ...n), Array.from(e).join(" ");
+}
+var ve;
+function zr(n) {
+  return n.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+}
+var Ir = (n, e) => {
+  var r = () => {
+    var a = new RegExp(".".concat(zr(Oe(e, {
+      isIdentifier: !0
+    }))), "g");
+    return n.replace(a, "&");
+  }, t;
+  try {
+    t = nr(n);
+  } catch {
+    throw new Error("Invalid selector: ".concat(r()));
+  }
+  t.forEach((a) => {
+    try {
+      for (var i = a.length - 1; i >= -1; i--) {
+        if (!a[i])
+          throw new Error();
+        var l = a[i];
+        if (l.type === "child" || l.type === "parent" || l.type === "sibling" || l.type === "adjacent" || l.type === "descendant")
+          throw new Error();
+        if (l.type === "attribute" && l.name === "class" && l.value === e)
+          return;
+      }
+    } catch {
+      throw new Error(ae(ve || (ve = te([`
+        Invalid selector: `, `
+    
+        Style selectors must target the '&' character (along with any modifiers), e.g. `, " or ", `.
+        
+        This is to ensure that each style block only affects the styling of a single class.
+        
+        If your selector is targeting another class, you should move it to the style definition for that class, e.g. given we have styles for 'parent' and 'child' elements, instead of adding a selector of `, ") to 'parent', you should add ", ` to 'child').
+        
+        If your selector is targeting something global, use the 'globalStyle' function instead, e.g. if you wanted to write `, ", you should instead write 'globalStyle(", `, { ... })'
+      `])), r(), "`${parent} &`", "`${parent} &:hover`", "`& ${child}`", "`${parent} &`", "`& h1`", "`${parent} h1`"));
+    }
+  });
+};
+class K {
+  /**
+   * Stores information about where conditions must be in relation to other conditions
+   *
+   * e.g. mobile -> tablet, desktop
+   */
+  constructor() {
+    this.ruleset = /* @__PURE__ */ new Map(), this.precedenceLookup = /* @__PURE__ */ new Map();
+  }
+  findOrCreateCondition(e) {
+    var r = this.ruleset.get(e);
+    return r || (r = {
+      query: e,
+      rules: [],
+      children: new K()
+    }, this.ruleset.set(e, r)), r;
+  }
+  getConditionalRulesetByPath(e) {
+    var r = this;
+    for (var t of e) {
+      var a = r.findOrCreateCondition(t);
+      r = a.children;
+    }
+    return r;
+  }
+  addRule(e, r, t) {
+    var a = this.getConditionalRulesetByPath(t), i = a.findOrCreateCondition(r);
+    if (!i)
+      throw new Error("Failed to add conditional rule");
+    i.rules.push(e);
+  }
+  addConditionPrecedence(e, r) {
+    for (var t = this.getConditionalRulesetByPath(e), a = 0; a < r.length; a++) {
+      var i, l = r[a], u = (i = t.precedenceLookup.get(l)) !== null && i !== void 0 ? i : /* @__PURE__ */ new Set();
+      for (var o of r.slice(a + 1))
+        u.add(o);
+      t.precedenceLookup.set(l, u);
+    }
+  }
+  isCompatible(e) {
+    for (var [r, t] of this.precedenceLookup.entries())
+      for (var a of t) {
+        var i;
+        if ((i = e.precedenceLookup.get(a)) !== null && i !== void 0 && i.has(r))
+          return !1;
+      }
+    for (var {
+      query: l,
+      children: u
+    } of e.ruleset.values()) {
+      var o = this.ruleset.get(l);
+      if (o && !o.children.isCompatible(u))
+        return !1;
+    }
+    return !0;
+  }
+  merge(e) {
+    for (var {
+      query: r,
+      rules: t,
+      children: a
+    } of e.ruleset.values()) {
+      var i = this.ruleset.get(r);
+      i ? (i.rules.push(...t), i.children.merge(a)) : this.ruleset.set(r, {
+        query: r,
+        rules: t,
+        children: a
+      });
+    }
+    for (var [l, u] of e.precedenceLookup.entries()) {
+      var o, s = (o = this.precedenceLookup.get(l)) !== null && o !== void 0 ? o : /* @__PURE__ */ new Set();
+      this.precedenceLookup.set(l, /* @__PURE__ */ new Set([...s, ...u]));
+    }
+  }
+  /**
+   * Merge another ConditionalRuleset into this one if they are compatible
+   *
+   * @returns true if successful, false if the ruleset is incompatible
+   */
+  mergeIfCompatible(e) {
+    return this.isCompatible(e) ? (this.merge(e), !0) : !1;
+  }
+  getSortedRuleset() {
+    var e = this, r = [], t = function(u) {
+      var o = e.ruleset.get(a);
+      if (!o)
+        throw new Error("Can't find condition for ".concat(a));
+      var s = r.findIndex((p) => u.has(p.query));
+      s > -1 ? r.splice(s, 0, o) : r.push(o);
+    };
+    for (var [a, i] of this.precedenceLookup.entries())
+      t(i);
+    return r;
+  }
+  renderToArray() {
+    var e = [];
+    for (var {
+      query: r,
+      rules: t,
+      children: a
+    } of this.getSortedRuleset()) {
+      var i = {};
+      for (var l of t)
+        i[l.selector] = P(P({}, i[l.selector]), l.rule);
+      Object.assign(i, ...a.renderToArray()), e.push({
+        [r]: i
+      });
+    }
+    return e;
+  }
+}
+var Ie = {
+  ":-moz-any-link": !0,
+  ":-moz-full-screen": !0,
+  ":-moz-placeholder": !0,
+  ":-moz-read-only": !0,
+  ":-moz-read-write": !0,
+  ":-ms-fullscreen": !0,
+  ":-ms-input-placeholder": !0,
+  ":-webkit-any-link": !0,
+  ":-webkit-full-screen": !0,
+  "::-moz-color-swatch": !0,
+  "::-moz-list-bullet": !0,
+  "::-moz-list-number": !0,
+  "::-moz-page-sequence": !0,
+  "::-moz-page": !0,
+  "::-moz-placeholder": !0,
+  "::-moz-progress-bar": !0,
+  "::-moz-range-progress": !0,
+  "::-moz-range-thumb": !0,
+  "::-moz-range-track": !0,
+  "::-moz-scrolled-page-sequence": !0,
+  "::-moz-selection": !0,
+  "::-ms-backdrop": !0,
+  "::-ms-browse": !0,
+  "::-ms-check": !0,
+  "::-ms-clear": !0,
+  "::-ms-fill-lower": !0,
+  "::-ms-fill-upper": !0,
+  "::-ms-fill": !0,
+  "::-ms-reveal": !0,
+  "::-ms-thumb": !0,
+  "::-ms-ticks-after": !0,
+  "::-ms-ticks-before": !0,
+  "::-ms-tooltip": !0,
+  "::-ms-track": !0,
+  "::-ms-value": !0,
+  "::-webkit-backdrop": !0,
+  "::-webkit-inner-spin-button": !0,
+  "::-webkit-input-placeholder": !0,
+  "::-webkit-meter-bar": !0,
+  "::-webkit-meter-even-less-good-value": !0,
+  "::-webkit-meter-inner-element": !0,
+  "::-webkit-meter-optimum-value": !0,
+  "::-webkit-meter-suboptimum-value": !0,
+  "::-webkit-outer-spin-button": !0,
+  "::-webkit-progress-bar": !0,
+  "::-webkit-progress-inner-element": !0,
+  "::-webkit-progress-inner-value": !0,
+  "::-webkit-progress-value": !0,
+  "::-webkit-resizer": !0,
+  "::-webkit-scrollbar-button": !0,
+  "::-webkit-scrollbar-corner": !0,
+  "::-webkit-scrollbar-thumb": !0,
+  "::-webkit-scrollbar-track-piece": !0,
+  "::-webkit-scrollbar-track": !0,
+  "::-webkit-scrollbar": !0,
+  "::-webkit-search-cancel-button": !0,
+  "::-webkit-search-results-button": !0,
+  "::-webkit-slider-runnable-track": !0,
+  "::-webkit-slider-thumb": !0,
+  "::after": !0,
+  "::backdrop": !0,
+  "::before": !0,
+  "::cue": !0,
+  "::file-selector-button": !0,
+  "::first-letter": !0,
+  "::first-line": !0,
+  "::grammar-error": !0,
+  "::marker": !0,
+  "::placeholder": !0,
+  "::selection": !0,
+  "::spelling-error": !0,
+  "::target-text": !0,
+  "::view-transition-group": !0,
+  "::view-transition-image-pair": !0,
+  "::view-transition-new": !0,
+  "::view-transition-old": !0,
+  "::view-transition": !0,
+  ":active": !0,
+  ":after": !0,
+  ":any-link": !0,
+  ":before": !0,
+  ":blank": !0,
+  ":checked": !0,
+  ":default": !0,
+  ":defined": !0,
+  ":disabled": !0,
+  ":empty": !0,
+  ":enabled": !0,
+  ":first-child": !0,
+  ":first-letter": !0,
+  ":first-line": !0,
+  ":first-of-type": !0,
+  ":first": !0,
+  ":focus-visible": !0,
+  ":focus-within": !0,
+  ":focus": !0,
+  ":fullscreen": !0,
+  ":hover": !0,
+  ":in-range": !0,
+  ":indeterminate": !0,
+  ":invalid": !0,
+  ":last-child": !0,
+  ":last-of-type": !0,
+  ":left": !0,
+  ":link": !0,
+  ":only-child": !0,
+  ":only-of-type": !0,
+  ":optional": !0,
+  ":out-of-range": !0,
+  ":placeholder-shown": !0,
+  ":read-only": !0,
+  ":read-write": !0,
+  ":required": !0,
+  ":right": !0,
+  ":root": !0,
+  ":scope": !0,
+  ":target": !0,
+  ":valid": !0,
+  ":visited": !0
+}, Dr = Object.keys(Ie), Fr = Ie, de, me = (n, e) => new Error(ae(de || (de = te([`
+    Invalid media query: "`, `"
+
+    `, `
+
+    Read more on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
+  `])), n, e)), Rr = (n) => {
+  if (n === "@media ")
+    throw me(n, "Query is empty");
+  try {
+    br(n);
+  } catch (e) {
+    throw me(n, e.message);
+  }
+}, Nr = ["vars"], Br = ["content"], De = "__DECLARATION", qr = {
+  animationIterationCount: !0,
+  borderImage: !0,
+  borderImageOutset: !0,
+  borderImageSlice: !0,
+  borderImageWidth: !0,
+  boxFlex: !0,
+  boxFlexGroup: !0,
+  columnCount: !0,
+  columns: !0,
+  flex: !0,
+  flexGrow: !0,
+  flexShrink: !0,
+  fontWeight: !0,
+  gridArea: !0,
+  gridColumn: !0,
+  gridColumnEnd: !0,
+  gridColumnStart: !0,
+  gridRow: !0,
+  gridRowEnd: !0,
+  gridRowStart: !0,
+  initialLetter: !0,
+  lineClamp: !0,
+  lineHeight: !0,
+  maxLines: !0,
+  opacity: !0,
+  order: !0,
+  orphans: !0,
+  scale: !0,
+  tabSize: !0,
+  WebkitLineClamp: !0,
+  widows: !0,
+  zIndex: !0,
+  zoom: !0,
+  // svg properties
+  fillOpacity: !0,
+  floodOpacity: !0,
+  maskBorder: !0,
+  maskBorderOutset: !0,
+  maskBorderSlice: !0,
+  maskBorderWidth: !0,
+  shapeImageThreshold: !0,
+  stopOpacity: !0,
+  strokeDashoffset: !0,
+  strokeMiterlimit: !0,
+  strokeOpacity: !0,
+  strokeWidth: !0
+};
+function Ur(n) {
+  return n.replace(/([A-Z])/g, "-$1").replace(/^ms-/, "-ms-").toLowerCase();
+}
+function $r(n, e, r, t) {
+  var a = n.slice(0, e), i = n.slice(r);
+  return "".concat(a).concat(t).concat(i);
+}
+var Wr = "  ", z = [...Dr, "@layer", "@media", "@supports", "@container", "selectors"];
+class Vr {
+  constructor(e, r) {
+    this.rules = [], this.conditionalRulesets = [new K()], this.fontFaceRules = [], this.keyframesRules = [], this.localClassNamesMap = new Map(e.map((t) => [t, t])), this.localClassNamesSearch = new Ye(e), this.layers = /* @__PURE__ */ new Map(), this.composedClassLists = r.map((t) => {
+      var {
+        identifier: a,
+        classList: i
+      } = t;
+      return {
+        identifier: a,
+        regex: RegExp("(".concat(i, ")"), "g")
+      };
+    }).reverse();
+  }
+  processCssObj(e) {
+    if (e.type === "fontFace") {
+      this.fontFaceRules.push(e.rule);
+      return;
+    }
+    if (e.type === "keyframes") {
+      e.rule = Object.fromEntries(Object.entries(e.rule).map((i) => {
+        var [l, u] = i;
+        return [l, this.transformProperties(u)];
+      })), this.keyframesRules.push(e);
+      return;
+    }
+    if (this.currConditionalRuleset = new K(), e.type === "layer") {
+      var r = "@layer ".concat(e.name);
+      this.addLayer([r]);
+    } else {
+      var t = L(e.rule, z);
+      this.addRule({
+        selector: e.selector,
+        rule: t
+      }), this.transformLayer(e, e.rule["@layer"]), this.transformMedia(e, e.rule["@media"]), this.transformSupports(e, e.rule["@supports"]), this.transformContainer(e, e.rule["@container"]), this.transformSimplePseudos(e, e.rule), this.transformSelectors(e, e.rule);
+    }
+    var a = this.conditionalRulesets[this.conditionalRulesets.length - 1];
+    a.mergeIfCompatible(this.currConditionalRuleset) || this.conditionalRulesets.push(this.currConditionalRuleset);
+  }
+  addConditionalRule(e, r) {
+    var t = this.transformVars(this.transformProperties(e.rule)), a = this.transformSelector(e.selector);
+    if (!this.currConditionalRuleset)
+      throw new Error("Couldn't add conditional rule");
+    var i = r[r.length - 1], l = r.slice(0, r.length - 1);
+    this.currConditionalRuleset.addRule({
+      selector: a,
+      rule: t
+    }, i, l);
+  }
+  addRule(e) {
+    var r = this.transformVars(this.transformProperties(e.rule)), t = this.transformSelector(e.selector);
+    this.rules.push({
+      selector: t,
+      rule: r
+    });
+  }
+  addLayer(e) {
+    var r = e.join(" - ");
+    this.layers.set(r, e);
+  }
+  transformProperties(e) {
+    return this.transformContent(this.pixelifyProperties(e));
+  }
+  pixelifyProperties(e) {
+    return R(e, (r, t) => {
+      typeof r == "number" && r !== 0 && !qr[t] && (e[t] = "".concat(r, "px"));
+    }), e;
+  }
+  transformVars(e) {
+    var {
+      vars: r
+    } = e, t = ge(e, Nr);
+    return r ? P(P({}, Mr(r, (a, i) => Be(i))), t) : t;
+  }
+  transformContent(e) {
+    var {
+      content: r
+    } = e, t = ge(e, Br);
+    if (typeof r > "u")
+      return t;
+    var a = Array.isArray(r) ? r : [r];
+    return P({
+      content: a.map((i) => (
+        // This logic was adapted from Stitches :)
+        i && (i.includes('"') || i.includes("'") || /^([A-Za-z\-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(i)) ? i : '"'.concat(i, '"')
+      ))
+    }, t);
+  }
+  transformClassname(e) {
+    return ".".concat(Oe(e, {
+      isIdentifier: !0
+    }));
+  }
+  transformSelector(e) {
+    var r = e, t = function(c) {
+      r = r.replace(i, () => (Pe(c), c));
+    };
+    for (var {
+      identifier: a,
+      regex: i
+    } of this.composedClassLists)
+      t(a);
+    if (this.localClassNamesMap.has(r))
+      return this.transformClassname(r);
+    for (var l = this.localClassNamesSearch.search(r), u = r.length, o = l.length - 1; o >= 0; o--) {
+      var [s, [p]] = l[o], h = s - p.length + 1;
+      h >= u || (u = h, r[h - 1] !== "." && (r = $r(r, h, s + 1, this.transformClassname(p))));
+    }
+    return r;
+  }
+  transformSelectors(e, r, t) {
+    R(r.selectors, (a, i) => {
+      if (e.type !== "local")
+        throw new Error("Selectors are not allowed within ".concat(e.type === "global" ? '"globalStyle"' : '"selectors"'));
+      var l = this.transformSelector(i.replace(RegExp("&", "g"), e.selector));
+      Ir(l, e.selector);
+      var u = {
+        selector: l,
+        rule: L(a, z)
+      };
+      t ? this.addConditionalRule(u, t) : this.addRule(u);
+      var o = {
+        type: "selector",
+        selector: l,
+        rule: a
+      };
+      this.transformLayer(o, a["@layer"], t), this.transformSupports(o, a["@supports"], t), this.transformMedia(o, a["@media"], t);
+    });
+  }
+  transformMedia(e, r) {
+    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+    if (r) {
+      var a;
+      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((s) => "@media ".concat(s)));
+      for (var [i, l] of Object.entries(r)) {
+        var u = "@media ".concat(i);
+        Rr(u);
+        var o = [...t, u];
+        this.addConditionalRule({
+          selector: e.selector,
+          rule: L(l, z)
+        }, o), e.type === "local" && (this.transformSimplePseudos(e, l, o), this.transformSelectors(e, l, o)), this.transformLayer(e, l["@layer"], o), this.transformSupports(e, l["@supports"], o), this.transformContainer(e, l["@container"], o);
+      }
+    }
+  }
+  transformContainer(e, r) {
+    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+    if (r) {
+      var a;
+      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@container ".concat(i))), R(r, (i, l) => {
+        var u = "@container ".concat(l), o = [...t, u];
+        this.addConditionalRule({
+          selector: e.selector,
+          rule: L(i, z)
+        }, o), e.type === "local" && (this.transformSimplePseudos(e, i, o), this.transformSelectors(e, i, o)), this.transformLayer(e, i["@layer"], o), this.transformSupports(e, i["@supports"], o), this.transformMedia(e, i["@media"], o);
+      });
+    }
+  }
+  transformLayer(e, r) {
+    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+    if (r) {
+      var a;
+      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@layer ".concat(i))), R(r, (i, l) => {
+        var u = [...t, "@layer ".concat(l)];
+        this.addLayer(u), this.addConditionalRule({
+          selector: e.selector,
+          rule: L(i, z)
+        }, u), e.type === "local" && (this.transformSimplePseudos(e, i, u), this.transformSelectors(e, i, u)), this.transformMedia(e, i["@media"], u), this.transformSupports(e, i["@supports"], u), this.transformContainer(e, i["@container"], u);
+      });
+    }
+  }
+  transformSupports(e, r) {
+    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+    if (r) {
+      var a;
+      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@supports ".concat(i))), R(r, (i, l) => {
+        var u = [...t, "@supports ".concat(l)];
+        this.addConditionalRule({
+          selector: e.selector,
+          rule: L(i, z)
+        }, u), e.type === "local" && (this.transformSimplePseudos(e, i, u), this.transformSelectors(e, i, u)), this.transformLayer(e, i["@layer"], u), this.transformMedia(e, i["@media"], u), this.transformContainer(e, i["@container"], u);
+      });
+    }
+  }
+  transformSimplePseudos(e, r, t) {
+    for (var a of Object.keys(r))
+      if (Fr[a]) {
+        if (e.type !== "local")
+          throw new Error("Simple pseudos are not valid in ".concat(e.type === "global" ? '"globalStyle"' : '"selectors"'));
+        t ? this.addConditionalRule({
+          selector: "".concat(e.selector).concat(a),
+          rule: r[a]
+        }, t) : this.addRule({
+          conditions: t,
+          selector: "".concat(e.selector).concat(a),
+          rule: r[a]
+        });
+      }
+  }
+  toCss() {
+    var e = [];
+    for (var r of this.fontFaceRules)
+      e.push(j({
+        "@font-face": r
+      }));
+    for (var t of this.keyframesRules)
+      e.push(j({
+        ["@keyframes ".concat(t.name)]: t.rule
+      }));
+    for (var a of this.layers.values()) {
+      var [i, ...l] = a.reverse(), u = {
+        [i]: De
+      };
+      for (var o of l)
+        u = {
+          [o]: u
+        };
+      e.push(j(u));
+    }
+    for (var s of this.rules)
+      e.push(j({
+        [s.selector]: s.rule
+      }));
+    for (var p of this.conditionalRulesets)
+      for (var h of p.renderToArray())
+        e.push(j(h));
+    return e.filter(Boolean);
+  }
+}
+function j(n) {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", r = [], t = function(l) {
+    var u = n[l];
+    if (u && Array.isArray(u))
+      r.push(...u.map((s) => j({
+        [l]: s
+      }, e)));
+    else if (u && typeof u == "object") {
+      var o = Object.keys(u).length === 0;
+      o || r.push("".concat(e).concat(l, ` {
+`).concat(j(u, e + Wr), `
+`).concat(e, "}"));
+    } else u === De ? r.push("".concat(e).concat(l, ";")) : r.push("".concat(e).concat(l.startsWith("--") ? l : Ur(l), ": ").concat(u, ";"));
+  };
+  for (var a of Object.keys(n))
+    t(a);
+  return r.join(`
+`);
+}
+function Kr(n) {
+  var {
+    localClassNames: e,
+    cssObjs: r,
+    composedClassLists: t
+  } = n, a = new Vr(e, t);
+  for (var i of r)
+    a.processCssObj(i);
+  return a.toCss();
+}
+function Hr(n) {
+  for (var e = 0, r, t = 0, a = n.length; a >= 4; ++t, a -= 4)
+    r = n.charCodeAt(t) & 255 | (n.charCodeAt(++t) & 255) << 8 | (n.charCodeAt(++t) & 255) << 16 | (n.charCodeAt(++t) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, e = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  switch (a) {
+    case 3:
+      e ^= (n.charCodeAt(t + 2) & 255) << 16;
+    case 2:
+      e ^= (n.charCodeAt(t + 1) & 255) << 8;
+    case 1:
+      e ^= n.charCodeAt(t) & 255, e = /* Math.imul(h, m): */
+      (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  }
+  return e ^= e >>> 13, e = /* Math.imul(h, m): */
+  (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
+}
+var ye, Yr = 0, be = [];
+function M() {
+  if (be.length === 0)
+    throw new Error(ae(ye || (ye = te([`
+        Styles were unable to be assigned to a file. This is generally caused by one of the following:
+
+        - You may have created styles outside of a '.css.ts' context
+        - You may have incorrect configuration. See https://vanilla-extract.style/documentation/getting-started
+      `]))));
+  return be[0];
+}
+function Zr() {
+  return Yr++;
+}
+var Gr = function(e) {
+  return Jr(e) && !Xr(e);
+};
+function Jr(n) {
+  return !!n && typeof n == "object";
+}
+function Xr(n) {
+  var e = Object.prototype.toString.call(n);
+  return e === "[object RegExp]" || e === "[object Date]" || Tr(n);
+}
+var _r = typeof Symbol == "function" && Symbol.for, Qr = _r ? Symbol.for("react.element") : 60103;
+function Tr(n) {
+  return n.$$typeof === Qr;
+}
+function et(n) {
+  return Array.isArray(n) ? [] : {};
+}
+function N(n, e) {
+  return e.clone !== !1 && e.isMergeableObject(n) ? I(et(n), n, e) : n;
+}
+function rt(n, e, r) {
+  return n.concat(e).map(function(t) {
+    return N(t, r);
+  });
+}
+function tt(n, e) {
+  if (!e.customMerge)
+    return I;
+  var r = e.customMerge(n);
+  return typeof r == "function" ? r : I;
+}
+function at(n) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(n).filter(function(e) {
+    return Object.propertyIsEnumerable.call(n, e);
+  }) : [];
+}
+function we(n) {
+  return Object.keys(n).concat(at(n));
+}
+function Fe(n, e) {
+  try {
+    return e in n;
+  } catch {
+    return !1;
+  }
+}
+function nt(n, e) {
+  return Fe(n, e) && !(Object.hasOwnProperty.call(n, e) && Object.propertyIsEnumerable.call(n, e));
+}
+function it(n, e, r) {
+  var t = {};
+  return r.isMergeableObject(n) && we(n).forEach(function(a) {
+    t[a] = N(n[a], r);
+  }), we(e).forEach(function(a) {
+    nt(n, a) || (Fe(n, a) && r.isMergeableObject(e[a]) ? t[a] = tt(a, r)(n[a], e[a], r) : t[a] = N(e[a], r));
+  }), t;
+}
+function I(n, e, r) {
+  r = r || {}, r.arrayMerge = r.arrayMerge || rt, r.isMergeableObject = r.isMergeableObject || Gr, r.cloneUnlessOtherwiseSpecified = N;
+  var t = Array.isArray(e), a = Array.isArray(n), i = t === a;
+  return i ? t ? r.arrayMerge(n, e, r) : it(n, e, r) : N(e, r);
+}
+I.all = function(e, r) {
+  if (!Array.isArray(e))
+    throw new Error("first argument should be an array");
+  return e.reduce(function(t, a) {
+    return I(t, a, r);
+  }, {});
+};
+var lt = I, ot = lt;
+const ut = /* @__PURE__ */ ke(ot);
+var Ce = /* @__PURE__ */ new Set(), Ae = [], _ = [], st = {
+  appendCss: (n) => {
+    _.push(n);
+  },
+  registerClassName: (n) => {
+    Ce.add(n);
+  },
+  registerComposition: (n) => {
+    Ae.push(n);
+  },
+  markCompositionUsed: () => {
+  },
+  onEndFileScope: (n) => {
+    var e = Kr({
+      localClassNames: Array.from(Ce),
+      composedClassLists: Ae,
+      cssObjs: _
+    }).join(`
+`);
+    Ne({
+      fileScope: n,
+      css: e
+    }), _ = [];
+  },
+  getIdentOption: () => process.env.NODE_ENV === "production" ? "short" : "debug"
+};
+Ge(st);
+function H(n, e) {
+  return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
+    return t.__proto__ = a, t;
+  }, H(n, e);
+}
+function pt(n, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  n.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: n,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(n, "prototype", {
+    writable: !1
+  }), e && H(n, e);
+}
+function ee() {
+  ee = function(a, i) {
+    return new r(a, void 0, i);
+  };
+  var n = RegExp.prototype, e = /* @__PURE__ */ new WeakMap();
+  function r(a, i, l) {
+    var u = new RegExp(a, i);
+    return e.set(u, l || e.get(a)), H(u, r.prototype);
+  }
+  function t(a, i) {
+    var l = e.get(i);
+    return Object.keys(l).reduce(function(u, o) {
+      var s = l[o];
+      if (typeof s == "number") u[o] = a[s];
+      else {
+        for (var p = 0; a[s[p]] === void 0 && p + 1 < s.length; ) p++;
+        u[o] = a[s[p]];
+      }
+      return u;
+    }, /* @__PURE__ */ Object.create(null));
+  }
+  return pt(r, RegExp), r.prototype.exec = function(a) {
+    var i = n.exec.call(this, a);
+    if (i) {
+      i.groups = t(i, this);
+      var l = i.indices;
+      l && (l.groups = t(l, this));
+    }
+    return i;
+  }, r.prototype[Symbol.replace] = function(a, i) {
+    if (typeof i == "string") {
+      var l = e.get(this);
+      return n[Symbol.replace].call(this, a, i.replace(/\$<([^>]+)>/g, function(o, s) {
+        var p = l[s];
+        return "$" + (Array.isArray(p) ? p.join("$") : p);
+      }));
+    }
+    if (typeof i == "function") {
+      var u = this;
+      return n[Symbol.replace].call(this, a, function() {
+        var o = arguments;
+        return typeof o[o.length - 1] != "object" && (o = [].slice.call(o)).push(t(o, u)), i.apply(this, o);
+      });
+    }
+    return n[Symbol.replace].call(this, a, i);
+  }, ee.apply(this, arguments);
+}
+function ht(n) {
+  var {
+    debugId: e,
+    debugFileName: r
+  } = n, t = e ? [e.replace(/\s/g, "_")] : [];
+  if (r) {
+    var {
+      filePath: a
+    } = M(), i = a.match(/* @__PURE__ */ ee(/([^\/\\]*)?[\/\\]?([^\/\\]*)\.css\.(ts|js|tsx|jsx|cjs|mjs)$/, {
+      dir: 1,
+      file: 2
+    }));
+    if (i && i.groups) {
+      var {
+        dir: l,
+        file: u
+      } = i.groups;
+      t.unshift(u && u !== "index" ? u : l);
+    }
+  }
+  return t.join("_");
+}
+function Se(n) {
+  return n.match(/^[0-9]/) ? "_".concat(n) : n;
+}
+function Re(n) {
+  var e = _e(), {
+    debugId: r,
+    debugFileName: t = !0
+  } = P(P({}, typeof n == "string" ? {
+    debugId: n
+  } : null), typeof n == "object" ? n : null), a = Zr().toString(36), {
+    filePath: i,
+    packageName: l
+  } = M(), u = Hr(l ? "".concat(l).concat(i) : i), o = "".concat(u).concat(a);
+  if (e === "debug") {
+    var s = ht({
+      debugId: r,
+      debugFileName: t
+    });
+    return s && (o = "".concat(s, "__").concat(o)), Se(o);
+  }
+  if (typeof e == "function") {
+    if (o = e({
+      hash: o,
+      debugId: r,
+      filePath: i,
+      packageName: l
+    }), !o.match(/^[A-Z_][0-9A-Z_-]+$/i))
+      throw new Error('Identifier function returned invalid indentifier: "'.concat(o, '"'));
+    return o;
+  }
+  return Se(o);
+}
+function ft(n, e) {
+  var r = Re(e);
+  je(r, M());
+  var t = [], a = [];
+  for (var i of n)
+    typeof i == "string" ? t.push(i) : a.push(i);
+  var l = r;
+  if (t.length > 0 && (l = "".concat(r, " ").concat(Lr(t)), Xe({
+    identifier: r,
+    classList: l
+  }, M()), a.length > 0 && Pe(r)), a.length > 0) {
+    var u = ut.all(a, {
+      // Replace arrays rather than merging
+      arrayMerge: (o, s) => s
+    });
+    xe({
+      type: "local",
+      selector: r,
+      rule: u
+    }, M());
+  }
+  return l;
+}
+function Et(n, e) {
+  if (Array.isArray(n))
+    return ft(n, e);
+  var r = Re(e);
+  return je(r, M()), xe({
+    type: "local",
+    selector: r,
+    rule: n
+  }, M()), r;
+}
+const ct = {
+  transparent: "var(--tgph-transparent)",
+  white: "var(--tgph-white)",
+  black: "var(--tgph-black)",
+  "surface-1": "var(--tgph-surface-1)",
+  "surface-2": "var(--tgph-surface-2)",
+  "alpha-white-1": "var(--tgph-alpha-white-1)",
+  "alpha-white-2": "var(--tgph-alpha-white-2)",
+  "alpha-white-3": "var(--tgph-alpha-white-3)",
+  "alpha-white-4": "var(--tgph-alpha-white-4)",
+  "alpha-white-5": "var(--tgph-alpha-white-5)",
+  "alpha-white-6": "var(--tgph-alpha-white-6)",
+  "alpha-white-7": "var(--tgph-alpha-white-7)",
+  "alpha-white-8": "var(--tgph-alpha-white-8)",
+  "alpha-white-9": "var(--tgph-alpha-white-9)",
+  "alpha-white-10": "var(--tgph-alpha-white-10)",
+  "alpha-white-11": "var(--tgph-alpha-white-11)",
+  "alpha-white-12": "var(--tgph-alpha-white-12)",
+  "alpha-black-1": "var(--tgph-alpha-black-1)",
+  "alpha-black-2": "var(--tgph-alpha-black-2)",
+  "alpha-black-3": "var(--tgph-alpha-black-3)",
+  "alpha-black-4": "var(--tgph-alpha-black-4)",
+  "alpha-black-5": "var(--tgph-alpha-black-5)",
+  "alpha-black-6": "var(--tgph-alpha-black-6)",
+  "alpha-black-7": "var(--tgph-alpha-black-7)",
+  "alpha-black-8": "var(--tgph-alpha-black-8)",
+  "alpha-black-9": "var(--tgph-alpha-black-9)",
+  "alpha-black-10": "var(--tgph-alpha-black-10)",
+  "alpha-black-11": "var(--tgph-alpha-black-11)",
+  "alpha-black-12": "var(--tgph-alpha-black-12)",
+  "gray-1": "var(--tgph-gray-1)",
+  "gray-2": "var(--tgph-gray-2)",
+  "gray-3": "var(--tgph-gray-3)",
+  "gray-4": "var(--tgph-gray-4)",
+  "gray-5": "var(--tgph-gray-5)",
+  "gray-6": "var(--tgph-gray-6)",
+  "gray-7": "var(--tgph-gray-7)",
+  "gray-8": "var(--tgph-gray-8)",
+  "gray-9": "var(--tgph-gray-9)",
+  "gray-10": "var(--tgph-gray-10)",
+  "gray-11": "var(--tgph-gray-11)",
+  "gray-12": "var(--tgph-gray-12)",
+  "beige-1": "var(--tgph-beige-1)",
+  "beige-2": "var(--tgph-beige-2)",
+  "beige-3": "var(--tgph-beige-3)",
+  "beige-4": "var(--tgph-beige-4)",
+  "beige-5": "var(--tgph-beige-5)",
+  "beige-6": "var(--tgph-beige-6)",
+  "beige-7": "var(--tgph-beige-7)",
+  "beige-8": "var(--tgph-beige-8)",
+  "beige-9": "var(--tgph-beige-9)",
+  "beige-10": "var(--tgph-beige-10)",
+  "beige-11": "var(--tgph-beige-11)",
+  "beige-12": "var(--tgph-beige-12)",
+  "accent-1": "var(--tgph-accent-1)",
+  "accent-2": "var(--tgph-accent-2)",
+  "accent-3": "var(--tgph-accent-3)",
+  "accent-4": "var(--tgph-accent-4)",
+  "accent-5": "var(--tgph-accent-5)",
+  "accent-6": "var(--tgph-accent-6)",
+  "accent-7": "var(--tgph-accent-7)",
+  "accent-8": "var(--tgph-accent-8)",
+  "accent-9": "var(--tgph-accent-9)",
+  "accent-10": "var(--tgph-accent-10)",
+  "accent-11": "var(--tgph-accent-11)",
+  "accent-12": "var(--tgph-accent-12)",
+  "green-1": "var(--tgph-green-1)",
+  "green-2": "var(--tgph-green-2)",
+  "green-3": "var(--tgph-green-3)",
+  "green-4": "var(--tgph-green-4)",
+  "green-5": "var(--tgph-green-5)",
+  "green-6": "var(--tgph-green-6)",
+  "green-7": "var(--tgph-green-7)",
+  "green-8": "var(--tgph-green-8)",
+  "green-9": "var(--tgph-green-9)",
+  "green-10": "var(--tgph-green-10)",
+  "green-11": "var(--tgph-green-11)",
+  "green-12": "var(--tgph-green-12)",
+  "yellow-1": "var(--tgph-yellow-1)",
+  "yellow-2": "var(--tgph-yellow-2)",
+  "yellow-3": "var(--tgph-yellow-3)",
+  "yellow-4": "var(--tgph-yellow-4)",
+  "yellow-5": "var(--tgph-yellow-5)",
+  "yellow-6": "var(--tgph-yellow-6)",
+  "yellow-7": "var(--tgph-yellow-7)",
+  "yellow-8": "var(--tgph-yellow-8)",
+  "yellow-9": "var(--tgph-yellow-9)",
+  "yellow-10": "var(--tgph-yellow-10)",
+  "yellow-11": "var(--tgph-yellow-11)",
+  "yellow-12": "var(--tgph-yellow-12)",
+  "blue-1": "var(--tgph-blue-1)",
+  "blue-2": "var(--tgph-blue-2)",
+  "blue-3": "var(--tgph-blue-3)",
+  "blue-4": "var(--tgph-blue-4)",
+  "blue-5": "var(--tgph-blue-5)",
+  "blue-6": "var(--tgph-blue-6)",
+  "blue-7": "var(--tgph-blue-7)",
+  "blue-8": "var(--tgph-blue-8)",
+  "blue-9": "var(--tgph-blue-9)",
+  "blue-10": "var(--tgph-blue-10)",
+  "blue-11": "var(--tgph-blue-11)",
+  "blue-12": "var(--tgph-blue-12)",
+  "red-1": "var(--tgph-red-1)",
+  "red-2": "var(--tgph-red-2)",
+  "red-3": "var(--tgph-red-3)",
+  "red-4": "var(--tgph-red-4)",
+  "red-5": "var(--tgph-red-5)",
+  "red-6": "var(--tgph-red-6)",
+  "red-7": "var(--tgph-red-7)",
+  "red-8": "var(--tgph-red-8)",
+  "red-9": "var(--tgph-red-9)",
+  "red-10": "var(--tgph-red-10)",
+  "red-11": "var(--tgph-red-11)",
+  "red-12": "var(--tgph-red-12)",
+  "purple-1": "var(--tgph-purple-1)",
+  "purple-2": "var(--tgph-purple-2)",
+  "purple-3": "var(--tgph-purple-3)",
+  "purple-4": "var(--tgph-purple-4)",
+  "purple-5": "var(--tgph-purple-5)",
+  "purple-6": "var(--tgph-purple-6)",
+  "purple-7": "var(--tgph-purple-7)",
+  "purple-8": "var(--tgph-purple-8)",
+  "purple-9": "var(--tgph-purple-9)",
+  "purple-10": "var(--tgph-purple-10)",
+  "purple-11": "var(--tgph-purple-11)",
+  "purple-12": "var(--tgph-purple-12)"
+}, gt = {
+  0: "var(--tgph-rounded-0)",
+  1: "var(--tgph-rounded-1)",
+  2: "var(--tgph-rounded-2)",
+  3: "var(--tgph-rounded-3)",
+  4: "var(--tgph-rounded-4)",
+  5: "var(--tgph-rounded-5)",
+  6: "var(--tgph-rounded-6)",
+  full: "var(--tgph-rounded-full)"
+}, vt = {
+  0: "var(--tgph-shadow-0)",
+  1: "var(--tgph-shadow-1)",
+  2: "var(--tgph-shadow-2)",
+  3: "var(--tgph-shadow-3)",
+  inner: "var(--tgph-shadow-inner)"
+}, dt = {
+  0: "var(--tgph-spacing-0)",
+  1: "var(--tgph-spacing-1)",
+  2: "var(--tgph-spacing-2)",
+  3: "var(--tgph-spacing-3)",
+  4: "var(--tgph-spacing-4)",
+  5: "var(--tgph-spacing-5)",
+  6: "var(--tgph-spacing-6)",
+  7: "var(--tgph-spacing-7)",
+  8: "var(--tgph-spacing-8)",
+  9: "var(--tgph-spacing-9)",
+  10: "var(--tgph-spacing-10)",
+  11: "var(--tgph-spacing-11)",
+  12: "var(--tgph-spacing-12)",
+  14: "var(--tgph-spacing-14)",
+  16: "var(--tgph-spacing-16)",
+  20: "var(--tgph-spacing-20)",
+  24: "var(--tgph-spacing-24)",
+  28: "var(--tgph-spacing-28)",
+  32: "var(--tgph-spacing-32)",
+  36: "var(--tgph-spacing-36)",
+  40: "var(--tgph-spacing-40)",
+  44: "var(--tgph-spacing-44)",
+  48: "var(--tgph-spacing-48)",
+  52: "var(--tgph-spacing-52)",
+  56: "var(--tgph-spacing-56)",
+  60: "var(--tgph-spacing-60)",
+  64: "var(--tgph-spacing-64)",
+  72: "var(--tgph-spacing-72)",
+  80: "var(--tgph-spacing-80)",
+  96: "var(--tgph-spacing-96)",
+  140: "var(--tgph-spacing-140)",
+  160: "var(--tgph-spacing-160)",
+  px: "var(--tgph-spacing-px)",
+  full: "var(--tgph-spacing-full)",
+  auto: "var(--tgph-spacing-auto)"
+}, mt = {
+  sans: "var(--tgph-family-sans)",
+  mono: "var(--tgph-family-mono)"
+}, yt = {
+  0: "var(--tgph-leading-0)",
+  1: "var(--tgph-leading-1)",
+  2: "var(--tgph-leading-2)",
+  3: "var(--tgph-leading-3)",
+  4: "var(--tgph-leading-4)",
+  5: "var(--tgph-leading-5)",
+  6: "var(--tgph-leading-6)",
+  7: "var(--tgph-leading-7)",
+  8: "var(--tgph-leading-8)",
+  9: "var(--tgph-leading-9)",
+  "code-0": "var(--tgph-leading-code-0)",
+  "code-1": "var(--tgph-leading-code-1)",
+  "code-2": "var(--tgph-leading-code-2)",
+  "code-3": "var(--tgph-leading-code-3)",
+  "code-4": "var(--tgph-leading-code-4)",
+  "code-5": "var(--tgph-leading-code-5)",
+  "code-6": "var(--tgph-leading-code-6)",
+  "code-7": "var(--tgph-leading-code-7)",
+  "code-8": "var(--tgph-leading-code-8)",
+  "code-9": "var(--tgph-leading-code-9)"
+}, bt = {
+  0: "var(--tgph-tracking-0)",
+  1: "var(--tgph-tracking-1)",
+  2: "var(--tgph-tracking-2)",
+  3: "var(--tgph-tracking-3)",
+  4: "var(--tgph-tracking-4)",
+  5: "var(--tgph-tracking-5)",
+  6: "var(--tgph-tracking-6)",
+  7: "var(--tgph-tracking-7)",
+  8: "var(--tgph-tracking-8)",
+  9: "var(--tgph-tracking-9)"
+}, wt = {
+  0: "var(--tgph-text-0)",
+  1: "var(--tgph-text-1)",
+  2: "var(--tgph-text-2)",
+  3: "var(--tgph-text-3)",
+  4: "var(--tgph-text-4)",
+  5: "var(--tgph-text-5)",
+  6: "var(--tgph-text-6)",
+  7: "var(--tgph-text-7)",
+  8: "var(--tgph-text-8)",
+  9: "var(--tgph-text-9)",
+  "code-0": "var(--tgph-text-code-0)",
+  "code-1": "var(--tgph-text-code-1)",
+  "code-2": "var(--tgph-text-code-2)",
+  "code-4": "var(--tgph-text-code-4)",
+  "code-5": "var(--tgph-text-code-5)",
+  "code-6": "var(--tgph-text-code-6)",
+  "code-7": "var(--tgph-text-code-7)",
+  "code-8": "var(--tgph-text-code-8)",
+  "code-9": "var(--tgph-text-code-9)"
+}, Ct = {
+  regular: "var(--tgph-weight-regular)",
+  medium: "var(--tgph-weight-medium)",
+  "semi-bold": "var(--tgph-weight-semi-bold)"
+}, At = {
+  sm: "var(--tgph-breakpoint-sm)",
+  md: "var(--tgph-breakpoint-md)",
+  lg: "var(--tgph-breakpoint-lg)",
+  xl: "var(--tgph-breakpoint-xl)",
+  "2xl": "var(--tgph-breakpoint-2xl)"
+}, St = {
+  hidden: "var(--tgph-zIndex-hidden)",
+  base: "var(--tgph-zIndex-base)",
+  auto: "var(--tgph-zIndex-auto)",
+  dropdown: "var(--tgph-zIndex-dropdown)",
+  sticky: "var(--tgph-zIndex-sticky)",
+  banner: "var(--tgph-zIndex-banner)",
+  overlay: "var(--tgph-zIndex-overlay)",
+  modal: "var(--tgph-zIndex-modal)",
+  popover: "var(--tgph-zIndex-popover)",
+  skipLink: "var(--tgph-zIndex-skipLink)",
+  toast: "var(--tgph-zIndex-toast)",
+  tooltip: "var(--tgph-zIndex-tooltip)"
+}, xt = {
+  "border-style": {
+    solid: "var(--tgph-border-style-solid)",
+    dashed: "var(--tgph-border-style-dashed)"
+  },
+  color: ct,
+  rounded: gt,
+  shadow: vt,
+  spacing: dt,
+  family: mt,
+  leading: yt,
+  tracking: bt,
+  text: wt,
+  weight: Ct,
+  breakpoint: At,
+  zIndex: St
+}, jt = ({
+  props: n,
+  stylePropsFn: e
+}) => {
+  const r = G.useMemo(() => n, [n]), t = G.useMemo(() => {
+    const i = e.properties, l = {}, u = {};
+    return r ? (Object.keys(r).forEach((o) => {
+      const s = o;
+      i.has(s) && Object.assign(l, {
+        [s]: r[s]
+      }), i.has(s) || Object.assign(u, {
+        [s]: r[s]
+      });
+    }), { styleProps: l, componentProps: u }) : { styleProps: l, componentProps: u };
+  }, [r, e == null ? void 0 : e.properties]), a = G.useMemo(() => e(t.styleProps), [t.styleProps, e]);
+  return {
+    styleProps: t.styleProps,
+    componentProps: t.componentProps,
+    styleClassName: a
+  };
+}, Pt = {
+  conditions: {
+    sm: { "@media": `screen and (min-width: ${D.tokens.breakpoint.sm})` },
+    md: { "@media": `screen and (min-width: ${D.tokens.breakpoint.md})` },
+    lg: { "@media": `screen and (min-width: ${D.tokens.breakpoint.lg})` },
+    xl: { "@media": `screen and (min-width: ${D.tokens.breakpoint.xl})` },
+    "2xl": {
+      "@media": `screen and (min-width: ${D.tokens.breakpoint["2xl"]})`
+    }
+  },
+  defaultCondition: "sm",
+  responsiveArray: ["sm", "md", "lg", "xl", "2xl"]
+};
+export {
+  Pt as RESPONSIVE_STYLE_PROPS,
+  Dt as createStyleProps,
+  Ft as defineStyleProps,
+  zt as recipe,
+  Et as style,
+  xt as tokens,
+  jt as useStyleProps
+};
+//# sourceMappingURL=index.mjs.map