@twintag/twintag-form 0.4.1 → 0.5.0

package/dist/twintag-form.webcomponent.js

@@ -0,0 +1,4503 @@
+import ot from "react";
+import yt from "react-dom";
+import { TwintagForm as xt } from "./twintag-form.react.js";
+function je(e) {
+  return [
+    ...e.v,
+    (e.i ? "!" : "") + e.n
+  ].join(":");
+}
+function vt(e, t = ",") {
+  return e.map(je).join(t);
+}
+let nt = typeof CSS < "u" && CSS.escape || // Simplified: escaping only special characters
+// Needed for NodeJS and Edge <79 (https://caniuse.com/mdn-api_css_escape)
+((e) => e.replace(/[!"'`*+.,;:\\/<=>?@#$%&^|~()[\]{}]/g, "\\$&").replace(/^\d/, "\\3$& "));
+function pe(e) {
+  for (var t = 9, r = e.length; r--; )
+    t = Math.imul(t ^ e.charCodeAt(r), 1597334677);
+  return "#" + ((t ^ t >>> 9) >>> 0).toString(36);
+}
+function De(e, t = "@media ") {
+  return t + S(e).map((r) => (typeof r == "string" && (r = {
+    min: r
+  }), r.raw || Object.keys(r).map((o) => `(${o}-width:${r[o]})`).join(" and "))).join(",");
+}
+function S(e = []) {
+  return Array.isArray(e) ? e : e == null ? [] : [
+    e
+  ];
+}
+function qe(e) {
+  return e;
+}
+function Le() {
+}
+let T = {
+  /**
+  * 1. `default` (public)
+  */
+  d: (
+    /* efaults */
+    0
+  ),
+  /* Shifts.layer */
+  /**
+  * 2. `base` (public) — for things like reset rules or default styles applied to plain HTML elements.
+  */
+  b: (
+    /* ase */
+    134217728
+  ),
+  /* Shifts.layer */
+  /**
+  * 3. `components` (public, used by `style()`) — is for class-based styles that you want to be able to override with utilities.
+  */
+  c: (
+    /* omponents */
+    268435456
+  ),
+  /* Shifts.layer */
+  // reserved for style():
+  // - props: 0b011
+  // - when: 0b100
+  /**
+  * 6. `aliases` (public, used by `apply()`) — `~(...)`
+  */
+  a: (
+    /* liases */
+    671088640
+  ),
+  /* Shifts.layer */
+  /**
+  * 6. `utilities` (public) — for small, single-purpose classes
+  */
+  u: (
+    /* tilities */
+    805306368
+  ),
+  /* Shifts.layer */
+  /**
+  * 7. `overrides` (public, used by `css()`)
+  */
+  o: (
+    /* verrides */
+    939524096
+  )
+};
+function it(e) {
+  var t;
+  return ((t = e.match(/[-=:;]/g)) == null ? void 0 : t.length) || 0;
+}
+function ze(e) {
+  return Math.min(/(?:^|width[^\d]+)(\d+(?:.\d+)?)(p)?/.test(e) ? Math.max(0, 29.63 * (+RegExp.$1 / (RegExp.$2 ? 15 : 1)) ** 0.137 - 43) : 0, 15) << 22 | /* Shifts.responsive */
+  Math.min(it(e), 15) << 18;
+}
+let kt = [
+  /* fi */
+  "rst-c",
+  /* hild: 0 */
+  /* la */
+  "st-ch",
+  /* ild: 1 */
+  // even and odd use: nth-child
+  /* nt */
+  "h-chi",
+  /* ld: 2 */
+  /* an */
+  "y-lin",
+  /* k: 3 */
+  /* li */
+  "nk",
+  /* : 4 */
+  /* vi */
+  "sited",
+  /* : 5 */
+  /* ch */
+  "ecked",
+  /* : 6 */
+  /* em */
+  "pty",
+  /* : 7 */
+  /* re */
+  "ad-on",
+  /* ly: 8 */
+  /* fo */
+  "cus-w",
+  /* ithin : 9 */
+  /* ho */
+  "ver",
+  /* : 10 */
+  /* fo */
+  "cus",
+  /* : 11 */
+  /* fo */
+  "cus-v",
+  /* isible : 12 */
+  /* ac */
+  "tive",
+  /* : 13 */
+  /* di */
+  "sable",
+  /* d : 14 */
+  /* op */
+  "tiona",
+  /* l: 15 */
+  /* re */
+  "quire"
+];
+function Be({ n: e, i: t, v: r = [] }, o, n, i) {
+  e && (e = je({
+    n: e,
+    i: t,
+    v: r
+  })), i = [
+    ...S(i)
+  ];
+  for (let s of r) {
+    let a = o.theme("screens", s);
+    for (let c of S(a && De(a) || o.v(s))) {
+      var l;
+      i.push(c), n |= a ? 67108864 | /* Shifts.screens */
+      ze(c) : s == "dark" ? 1073741824 : (
+        /* Shifts.darkMode */
+        c[0] == "@" ? ze(c) : (l = c, // use first found pseudo-class
+        1 << ~(/:([a-z-]+)/.test(l) && ~kt.indexOf(RegExp.$1.slice(2, 7)) || -18))
+      );
+    }
+  }
+  return {
+    n: e,
+    p: n,
+    r: i,
+    i: t
+  };
+}
+let at = /* @__PURE__ */ new Map();
+function Ae(e) {
+  if (e.d) {
+    let t = [], r = be(
+      // merge all conditions into a selector string
+      e.r.reduce((o, n) => n[0] == "@" ? (t.push(n), o) : (
+        // Go over the selector and replace the matching multiple selectors if any
+        n ? be(o, (i) => be(
+          n,
+          // If the current condition has a nested selector replace it
+          (l) => {
+            let s = /(:merge\(.+?\))(:[a-z-]+|\\[.+])/.exec(l);
+            if (s) {
+              let a = i.indexOf(s[1]);
+              return ~a ? (
+                // [':merge(.group):hover .rule', ':merge(.group):focus &'] -> ':merge(.group):focus:hover .rule'
+                // ':merge(.group)' + ':focus' + ':hover .rule'
+                i.slice(0, a) + s[0] + i.slice(a + s[1].length)
+              ) : (
+                // [':merge(.peer):focus~&', ':merge(.group):hover &'] -> ':merge(.peer):focus~:merge(.group):hover &'
+                we(i, l)
+              );
+            }
+            return we(l, i);
+          }
+        )) : o
+      ), "&"),
+      // replace '&' with rule name or an empty string
+      (o) => we(o, e.n ? "." + nt(e.n) : "")
+    );
+    return r && t.push(r.replace(/:merge\((.+?)\)/g, "$1")), t.reduceRight((o, n) => n + "{" + o + "}", e.d);
+  }
+}
+function be(e, t) {
+  return e.replace(/ *((?:\(.+?\)|\[.+?\]|[^,])+) *(,|$)/g, (r, o, n) => t(o) + n);
+}
+function we(e, t) {
+  return e.replace(/&/g, t);
+}
+let He = new Intl.Collator("en", {
+  numeric: !0
+});
+function lt(e, t) {
+  for (var r = 0, o = e.length; r < o; ) {
+    let n = o + r >> 1;
+    0 >= st(e[n], t) ? r = n + 1 : o = n;
+  }
+  return o;
+}
+function st(e, t) {
+  let r = e.p & T.o;
+  return r == (t.p & T.o) && (r == T.b || r == T.o) ? 0 : e.p - t.p || e.o - t.o || He.compare(Ie(e.n), Ie(t.n)) || He.compare(Pe(e.n), Pe(t.n));
+}
+function Ie(e) {
+  return (e || "").split(/:/).pop().split("/").pop() || "\0";
+}
+function Pe(e) {
+  return (e || "").replace(/\W/g, (t) => String.fromCharCode(127 + t.charCodeAt(0))) + "\0";
+}
+function ye(e, t) {
+  return Math.round(parseInt(e, 16) * t);
+}
+function z(e, t = {}) {
+  if (typeof e == "function")
+    return e(t);
+  let { opacityValue: r = "1", opacityVariable: o } = t, n = o ? `var(${o})` : r;
+  if (e.includes("<alpha-value>"))
+    return e.replace("<alpha-value>", n);
+  if (e[0] == "#" && (e.length == 4 || e.length == 7)) {
+    let i = (e.length - 1) / 3, l = [
+      17,
+      1,
+      0.062272
+    ][i - 1];
+    return `rgba(${[
+      ye(e.substr(1, i), l),
+      ye(e.substr(1 + i, i), l),
+      ye(e.substr(1 + 2 * i, i), l),
+      n
+    ]})`;
+  }
+  return n == "1" ? e : n == "0" ? "#0000" : (
+    // convert rgb and hsl to alpha variant
+    e.replace(/^(rgb|hsl)(\([^)]+)\)$/, `$1a$2,${n})`)
+  );
+}
+function ct(e, t, r, o, n = []) {
+  return function i(l, { n: s, p: a, r: c = [], i: u }, f) {
+    let h = [], b = "", w = 0, y = 0;
+    for (let x in l || {}) {
+      var k, D;
+      let C = l[x];
+      if (x[0] == "@") {
+        if (!C)
+          continue;
+        if (x[1] == "a") {
+          h.push(...Ve(s, a, ue("" + C), f, a, c, u, !0));
+          continue;
+        }
+        if (x[1] == "l") {
+          for (let E of S(C))
+            h.push(...i(E, {
+              n: s,
+              p: (k = T[x[7]], // Set layer (first reset, than set)
+              a & ~T.o | k),
+              r: x[7] == "d" ? [] : c,
+              i: u
+            }, f));
+          continue;
+        }
+        if (x[1] == "i") {
+          h.push(...S(C).map((E) => ({
+            // before all layers
+            p: -1,
+            o: 0,
+            r: [],
+            d: x + " " + E
+          })));
+          continue;
+        }
+        if (x[1] == "k") {
+          h.push({
+            p: T.d,
+            o: 0,
+            r: [
+              x
+            ],
+            d: i(C, {
+              p: T.d
+            }, f).map(Ae).join("")
+          });
+          continue;
+        }
+        if (x[1] == "f") {
+          h.push(...S(C).map((E) => ({
+            p: T.d,
+            o: 0,
+            r: [
+              x
+            ],
+            d: i(E, {
+              p: T.d
+            }, f).map(Ae).join("")
+          })));
+          continue;
+        }
+      }
+      if (typeof C != "object" || Array.isArray(C))
+        x == "label" && C ? s = C + pe(JSON.stringify([
+          a,
+          u,
+          l
+        ])) : (C || C === 0) && (x = x.replace(/[A-Z]/g, (E) => "-" + E.toLowerCase()), y += 1, w = Math.max(w, (D = x)[0] == "-" ? 0 : it(D) + (/^(?:(border-(?!w|c|sty)|[tlbr].{2,4}m?$|c.{7,8}$)|([fl].{5}l|g.{8}$|pl))/.test(D) ? +!!RegExp.$1 || /* +1 */
+        -!!RegExp.$2 : (
+          /* -1 */
+          0
+        )) + 1), b += (b ? ";" : "") + S(C).map((E) => f.s(
+          x,
+          // support theme(...) function in values
+          // calc(100vh - theme('spacing.12'))
+          Me("" + E, f.theme) + (u ? " !important" : "")
+        )).join(";"));
+      else if (x[0] == "@" || x.includes("&")) {
+        let E = a;
+        x[0] == "@" && (x = x.replace(/\bscreen\(([^)]+)\)/g, (he, Y) => {
+          let V = f.theme("screens", Y);
+          return V ? (E |= 67108864, /* Shifts.screens */
+          De(V, "")) : he;
+        }), E |= ze(x)), h.push(...i(C, {
+          n: s,
+          p: E,
+          r: [
+            ...c,
+            x
+          ],
+          i: u
+        }, f));
+      } else
+        h.push(...i(C, {
+          p: a,
+          r: [
+            ...c,
+            x
+          ]
+        }, f));
+    }
+    return (
+      // PERF: prevent unshift using `rules = [{}]` above and then `rules[0] = {...}`
+      h.unshift({
+        n: s,
+        p: a,
+        o: (
+          // number of declarations (descending)
+          Math.max(0, 15 - y) + // greatest precedence of properties
+          // if there is no property precedence this is most likely a custom property only declaration
+          // these have the highest precedence
+          1.5 * Math.min(w || 15, 15)
+        ),
+        r: c,
+        // stringified declarations
+        d: b
+      }), h.sort(st)
+    );
+  }(e, Be(t, r, o, n), r);
+}
+function Me(e, t) {
+  return e.replace(/theme\((["'`])?(.+?)\1(?:\s*,\s*(["'`])?(.+?)\3)?\)/g, (r, o, n, i, l = "") => {
+    let s = t(n, l);
+    return typeof s == "function" && /color|fill|stroke/i.test(n) ? z(s) : "" + S(s).filter((a) => Object(a) !== a);
+  });
+}
+function dt(e, t) {
+  let r, o = [];
+  for (let n of e)
+    n.d && n.n ? (r == null ? void 0 : r.p) == n.p && "" + r.r == "" + n.r ? (r.c = [
+      r.c,
+      n.c
+    ].filter(Boolean).join(" "), r.d = r.d + ";" + n.d) : o.push(r = {
+      ...n,
+      n: n.n && t
+    }) : o.push({
+      ...n,
+      n: n.n && t
+    });
+  return o;
+}
+function fe(e, t, r = T.u, o, n) {
+  let i = [];
+  for (let l of e)
+    for (let s of function(a, c, u, f, h) {
+      a = {
+        ...a,
+        i: a.i || h
+      };
+      let b = function(w, y) {
+        let k = at.get(w.n);
+        return k ? k(w, y) : y.r(w.n, w.v[0] == "dark");
+      }(a, c);
+      return b ? (
+        // a list of class names
+        typeof b == "string" ? ({ r: f, p: u } = Be(a, c, u, f), dt(fe(ue(b), c, u, f, a.i), a.n)) : Array.isArray(b) ? b.map((w) => {
+          var y, k;
+          return {
+            o: 0,
+            ...w,
+            r: [
+              ...S(f),
+              ...S(w.r)
+            ],
+            p: (y = u, k = w.p ?? u, y & ~T.o | k)
+          };
+        }) : ct(b, a, c, u, f)
+      ) : (
+        // propagate className as is
+        [
+          {
+            c: je(a),
+            p: 0,
+            o: 0,
+            r: []
+          }
+        ]
+      );
+    }(l, t, r, o, n))
+      i.splice(lt(i, s), 0, s);
+  return i;
+}
+function Ve(e, t, r, o, n, i, l, s) {
+  return dt((s ? r.flatMap((a) => fe([
+    a
+  ], o, n, i, l)) : fe(r, o, n, i, l)).map((a) => (
+    // do not move defaults
+    // move only rules with a name unless they are in the base layer
+    a.p & T.o && (a.n || t == T.b) ? {
+      ...a,
+      p: a.p & ~T.o | t,
+      o: 0
+    } : a
+  )), e);
+}
+function St(e, t, r, o) {
+  var n;
+  return n = (i, l) => {
+    let { n: s, p: a, r: c, i: u } = Be(i, l, t);
+    return r && Ve(s, t, r, l, a, c, u, o);
+  }, at.set(e, n), e;
+}
+function xe(e, t, r) {
+  if (e[e.length - 1] != "(") {
+    let o = [], n = !1, i = !1, l = "";
+    for (let s of e)
+      if (!(s == "(" || /[~@]$/.test(s))) {
+        if (s[0] == "!" && (s = s.slice(1), n = !n), s.endsWith(":")) {
+          o[s == "dark:" ? "unshift" : "push"](s.slice(0, -1));
+          continue;
+        }
+        s[0] == "-" && (s = s.slice(1), i = !i), s.endsWith("-") && (s = s.slice(0, -1)), s && s != "&" && (l += (l && "-") + s);
+      }
+    l && (i && (l = "-" + l), t[0].push({
+      n: l,
+      v: o.filter(Ct),
+      i: n
+    }));
+  }
+}
+function Ct(e, t, r) {
+  return r.indexOf(e) == t;
+}
+let _e = /* @__PURE__ */ new Map();
+function ue(e) {
+  let t = _e.get(e);
+  if (!t) {
+    let r = [], o = [
+      []
+    ], n = 0, i = 0, l = null, s = 0, a = (c, u = 0) => {
+      n != s && (r.push(e.slice(n, s + u)), c && xe(r, o)), n = s + 1;
+    };
+    for (; s < e.length; s++) {
+      let c = e[s];
+      if (i)
+        e[s - 1] != "\\" && (i += +(c == "[") || -(c == "]"));
+      else if (c == "[")
+        i += 1;
+      else if (l)
+        e[s - 1] != "\\" && l.test(e.slice(s)) && (l = null, n = s + RegExp.lastMatch.length);
+      else if (c == "/" && e[s - 1] != "\\" && (e[s + 1] == "*" || e[s + 1] == "/"))
+        l = e[s + 1] == "*" ? /^\*\// : /^[\r\n]/;
+      else if (c == "(")
+        a(), r.push(c);
+      else if (c == ":")
+        e[s + 1] != ":" && a(!1, 1);
+      else if (/[\s,)]/.test(c)) {
+        a(!0);
+        let u = r.lastIndexOf("(");
+        if (c == ")") {
+          let f = r[u - 1];
+          if (/[~@]$/.test(f)) {
+            let h = o.shift();
+            r.length = u, xe([
+              ...r,
+              "#"
+            ], o);
+            let { v: b } = o[0].pop();
+            for (let w of h)
+              w.v.splice(+(w.v[0] == "dark") - +(b[0] == "dark"), b.length);
+            xe([
+              ...r,
+              St(
+                // named nested
+                f.length > 1 ? f.slice(0, -1) + pe(JSON.stringify([
+                  f,
+                  h
+                ])) : f + "(" + vt(h) + ")",
+                T.a,
+                h,
+                /@$/.test(f)
+              )
+            ], o);
+          }
+          u = r.lastIndexOf("(", u - 1);
+        }
+        r.length = u + 1;
+      } else
+        /[~@]/.test(c) && e[s + 1] == "(" && // start nested block
+        // ~(...) or button~(...)
+        // @(...) or button@(...)
+        o.unshift([]);
+    }
+    a(!0), _e.set(e, t = o[0]);
+  }
+  return t;
+}
+function d(e, t, r) {
+  return [
+    e,
+    Re(t, r)
+  ];
+}
+function Re(e, t) {
+  return typeof e == "function" ? e : typeof e == "string" && /^[\w-]+$/.test(e) ? (
+    // a CSS property alias
+    (r, o) => ({
+      [e]: t ? t(r, o) : Ee(r, 1)
+    })
+  ) : (r) => (
+    // CSSObject, shortcut or apply
+    e || {
+      [r[1]]: Ee(r, 2)
+    }
+  );
+}
+function Ee(e, t, r = e.slice(t).find(Boolean) || e.$$ || e.input) {
+  return e.input[0] == "-" ? `calc(${r} * -1)` : r;
+}
+function p(e, t, r, o) {
+  return [
+    e,
+    Tt(t, r, o)
+  ];
+}
+function Tt(e, t, r) {
+  let o = typeof t == "string" ? (n, i) => ({
+    [t]: r ? r(n, i) : n._
+  }) : t || (({ 1: n, _: i }, l, s) => ({
+    [n || s]: i
+  }));
+  return (n, i) => {
+    let l = pt(e || n[1]), s = i.theme(l, n.$$) ?? P(n.$$, l, i);
+    if (s != null)
+      return n._ = Ee(n, 0, s), o(n, i, l);
+  };
+}
+function $(e, t = {}, r) {
+  return [
+    e,
+    $t(t, r)
+  ];
+}
+function $t(e = {}, t) {
+  return (r, o) => {
+    let { section: n = pt(r[0]).replace("-", "") + "Color" } = e, [i, l] = zt(r.$$);
+    if (!i)
+      return;
+    let s = o.theme(n, i) || P(i, n, o);
+    if (!s || typeof s == "object")
+      return;
+    let {
+      // text- -> --tw-text-opacity
+      // ring-offset(?:-|$) -> --tw-ring-offset-opacity
+      // TODO move this default into preset-tailwind?
+      opacityVariable: a = `--tw-${r[0].replace(/-$/, "")}-opacity`,
+      opacitySection: c = n.replace("Color", "Opacity"),
+      property: u = n,
+      selector: f
+    } = e, h = o.theme(c, l || "DEFAULT") || l && P(l, c, o), b = t || (({ _: y }) => {
+      let k = de(u, y);
+      return f ? {
+        [f]: k
+      } : k;
+    });
+    r._ = {
+      value: z(s, {
+        opacityVariable: a || void 0,
+        opacityValue: h || void 0
+      }),
+      color: (y) => z(s, y),
+      opacityVariable: a || void 0,
+      opacityValue: h || void 0
+    };
+    let w = b(r, o);
+    if (!r.dark) {
+      let y = o.d(n, i, s);
+      y && y !== s && (r._ = {
+        value: z(y, {
+          opacityVariable: a || void 0,
+          opacityValue: h || "1"
+        }),
+        color: (k) => z(y, k),
+        opacityVariable: a || void 0,
+        opacityValue: h || void 0
+      }, w = {
+        "&": w,
+        [o.v("dark")]: b(r, o)
+      });
+    }
+    return w;
+  };
+}
+function zt(e) {
+  return (e.match(/^(\[[^\]]+]|[^/]+?)(?:\/(.+))?$/) || []).slice(1);
+}
+function de(e, t) {
+  let r = {};
+  return typeof t == "string" ? r[e] = t : (t.opacityVariable && t.value.includes(t.opacityVariable) && (r[t.opacityVariable] = t.opacityValue || "1"), r[e] = t.value), r;
+}
+function P(e, t, r) {
+  if (e[0] == "[" && e.slice(-1) == "]") {
+    if (e = ne(Me(e.slice(1, -1), r.theme)), !t)
+      return e;
+    if (
+      // Respect type hints from the user on ambiguous arbitrary values - https://tailwindcss.com/docs/adding-custom-styles#resolving-ambiguities
+      !// If this is a color section and the value is a hex color, color function or color name
+      (/color|fill|stroke/i.test(t) && !(/^color:/.test(e) || /^(#|((hsl|rgb)a?|hwb|lab|lch|color)\(|[a-z]+$)/.test(e)) || // url(, [a-z]-gradient(, image(, cross-fade(, image-set(
+      /image/i.test(t) && !(/^image:/.test(e) || /^[a-z-]+\(/.test(e)) || // font-*
+      // - fontWeight (type: ['lookup', 'number', 'any'])
+      // - fontFamily (type: ['lookup', 'generic-name', 'family-name'])
+      /weight/i.test(t) && !(/^(number|any):/.test(e) || /^\d+$/.test(e)) || // bg-*
+      // - backgroundPosition (type: ['lookup', ['position', { preferOnConflict: true }]])
+      // - backgroundSize (type: ['lookup', 'length', 'percentage', 'size'])
+      /position/i.test(t) && /^(length|size):/.test(e))
+    )
+      return e.replace(/^[a-z-]+:/, "");
+  }
+}
+function pt(e) {
+  return e.replace(/-./g, (t) => t[1].toUpperCase());
+}
+function ne(e) {
+  return (
+    // Keep raw strings if it starts with `url(`
+    e.includes("url(") ? e.replace(/(.*?)(url\(.*?\))(.*?)/g, (t, r = "", o, n = "") => ne(r) + o + ne(n)) : e.replace(/(^|[^\\])_+/g, (t, r) => r + " ".repeat(t.length - r.length)).replace(/\\_/g, "_").replace(/(calc|min|max|clamp)\(.+\)/g, (t) => t.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 "))
+  );
+}
+function ft({ presets: e = [], ...t }) {
+  let r = {
+    darkMode: void 0,
+    darkColor: void 0,
+    preflight: t.preflight !== !1 && [],
+    theme: {},
+    variants: S(t.variants),
+    rules: S(t.rules),
+    ignorelist: S(t.ignorelist),
+    hash: void 0,
+    stringify: (o, n) => o + ":" + n,
+    finalize: []
+  };
+  for (let o of S([
+    ...e,
+    {
+      darkMode: t.darkMode,
+      darkColor: t.darkColor,
+      preflight: t.preflight !== !1 && S(t.preflight),
+      theme: t.theme,
+      hash: t.hash,
+      stringify: t.stringify,
+      finalize: t.finalize
+    }
+  ])) {
+    let { preflight: n, darkMode: i = r.darkMode, darkColor: l = r.darkColor, theme: s, variants: a, rules: c, ignorelist: u, hash: f = r.hash, stringify: h = r.stringify, finalize: b } = typeof o == "function" ? o(r) : o;
+    r = {
+      // values defined by user or previous presets take precedence
+      preflight: r.preflight !== !1 && n !== !1 && [
+        ...r.preflight,
+        ...S(n)
+      ],
+      darkMode: i,
+      darkColor: l,
+      theme: {
+        ...r.theme,
+        ...s,
+        extend: {
+          ...r.theme.extend,
+          ...s == null ? void 0 : s.extend
+        }
+      },
+      variants: [
+        ...r.variants,
+        ...S(a)
+      ],
+      rules: [
+        ...r.rules,
+        ...S(c)
+      ],
+      ignorelist: [
+        ...r.ignorelist,
+        ...S(u)
+      ],
+      hash: f,
+      stringify: h,
+      finalize: [
+        ...r.finalize,
+        ...S(b)
+      ]
+    };
+  }
+  return r;
+}
+function Ne(e, t, r, o, n, i) {
+  for (let l of t) {
+    let s = r.get(l);
+    s || r.set(l, s = o(l));
+    let a = s(e, n, i);
+    if (a)
+      return a;
+  }
+}
+function At(e) {
+  var t;
+  return Fe(e[0], typeof (t = e[1]) == "function" ? t : () => t);
+}
+function Rt(e) {
+  var t, r;
+  return Array.isArray(e) ? Fe(e[0], Re(e[1], e[2])) : Fe(e, Re(t, r));
+}
+function Fe(e, t) {
+  return ut(e, (r, o, n, i) => {
+    let l = o.exec(r);
+    if (l)
+      return (
+        // MATCH.$_ = value
+        l.$$ = r.slice(l[0].length), l.dark = i, t(l, n)
+      );
+  });
+}
+function ut(e, t) {
+  let r = S(e).map(Et);
+  return (o, n, i) => {
+    for (let l of r) {
+      let s = t(o, l, n, i);
+      if (s)
+        return s;
+    }
+  };
+}
+function Et(e) {
+  return typeof e == "string" ? RegExp("^" + e + (e.includes("$") || e.slice(-1) == "-" ? "" : "$")) : e;
+}
+function Ft(e, t) {
+  let r = ft(e), o = function({ theme: a, darkMode: c, darkColor: u = Le, variants: f, rules: h, hash: b, stringify: w, ignorelist: y, finalize: k }) {
+    let D = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), he = ut(y, (v, R) => R.test(v));
+    f.push([
+      "dark",
+      Array.isArray(c) || c == "class" ? `${S(c)[1] || ".dark"} &` : typeof c == "string" && c != "media" ? c : (
+        // a custom selector
+        "@media (prefers-color-scheme:dark)"
+      )
+    ]);
+    let Y = typeof b == "function" ? (v) => b(v, pe) : b ? pe : qe;
+    Y !== qe && k.push((v) => {
+      var R;
+      return {
+        ...v,
+        n: v.n && Y(v.n),
+        d: (R = v.d) == null ? void 0 : R.replace(/--(tw(?:-[\w-]+)?)\b/g, (L, me) => "--" + Y(me).replace("#", ""))
+      };
+    });
+    let V = {
+      theme: function({ extend: v = {}, ...R }) {
+        let L = {}, me = {
+          get colors() {
+            return Z("colors");
+          },
+          theme: Z,
+          // Stub implementation as negated values are automatically infered and do _not_ need to be in the theme
+          negative() {
+            return {};
+          },
+          breakpoints(A) {
+            let F = {};
+            for (let W in A)
+              typeof A[W] == "string" && (F["screen-" + W] = A[W]);
+            return F;
+          }
+        };
+        return Z;
+        function Z(A, F, W, Q) {
+          if (A) {
+            if ({ 1: A, 2: Q } = // eslint-disable-next-line no-sparse-arrays
+            /^(\S+?)(?:\s*\/\s*([^/]+))?$/.exec(A) || [
+              ,
+              A
+            ], /[.[]/.test(A)) {
+              let B = [];
+              A.replace(/\[([^\]]+)\]|([^.[]+)/g, (N, ee, wt = ee) => B.push(wt)), A = B.shift(), W = F, F = B.join("-");
+            }
+            let U = L[A] || // two-step deref to allow extend section to reference base section
+            Object.assign(Object.assign(
+              // Make sure to not get into recursive calls
+              L[A] = {},
+              Ue(R, A)
+            ), Ue(v, A));
+            if (F == null)
+              return U;
+            F || (F = "DEFAULT");
+            let _ = U[F] ?? F.split("-").reduce((B, N) => B == null ? void 0 : B[N], U) ?? W;
+            return Q ? z(_, {
+              opacityValue: Me(Q, Z)
+            }) : _;
+          }
+          let K = {};
+          for (let U of [
+            ...Object.keys(R),
+            ...Object.keys(v)
+          ])
+            K[U] = Z(U);
+          return K;
+        }
+        function Ue(A, F) {
+          let W = A[F];
+          return typeof W == "function" && (W = W(me)), W && /color|fill|stroke/i.test(F) ? function Q(K, U = []) {
+            let _ = {};
+            for (let B in K) {
+              let N = K[B], ee = [
+                ...U,
+                B
+              ];
+              _[ee.join("-")] = N, B == "DEFAULT" && (ee = U, _[U.join("-")] = N), typeof N == "object" && Object.assign(_, Q(N, ee));
+            }
+            return _;
+          }(W) : W;
+        }
+      }(a),
+      e: nt,
+      h: Y,
+      s(v, R) {
+        return w(v, R, V);
+      },
+      d(v, R, L) {
+        return u(v, R, V, L);
+      },
+      v(v) {
+        return D.has(v) || D.set(v, Ne(v, f, x, At, V) || "&:" + v), D.get(v);
+      },
+      r(v, R) {
+        let L = JSON.stringify([
+          v,
+          R
+        ]);
+        return C.has(L) || C.set(L, !he(v, V) && Ne(v, h, E, Rt, V, R)), C.get(L);
+      },
+      f(v) {
+        return k.reduce((R, L) => L(R, V), v);
+      }
+    };
+    return V;
+  }(r), n = /* @__PURE__ */ new Map(), i = [], l = /* @__PURE__ */ new Set();
+  t.resume((a) => n.set(a, a), (a, c) => {
+    t.insert(a, i.length, c), i.push(c), l.add(a);
+  });
+  function s(a) {
+    let c = o.f(a), u = Ae(c);
+    if (u && !l.has(u)) {
+      l.add(u);
+      let f = lt(i, a);
+      t.insert(u, f, a), i.splice(f, 0, a);
+    }
+    return c.n;
+  }
+  return Object.defineProperties(function(c) {
+    if (!n.size)
+      for (let f of S(r.preflight))
+        typeof f == "function" && (f = f(o)), f && (typeof f == "string" ? Ve("", T.b, ue(f), o, T.b, [], !1, !0) : ct(f, {}, o, T.b)).forEach(s);
+    c = "" + c;
+    let u = n.get(c);
+    if (!u) {
+      let f = /* @__PURE__ */ new Set();
+      for (let h of fe(ue(c), o))
+        f.add(h.c).add(s(h));
+      u = [
+        ...f
+      ].filter(Boolean).join(" "), n.set(c, u).set(u, u);
+    }
+    return u;
+  }, Object.getOwnPropertyDescriptors({
+    get target() {
+      return t.target;
+    },
+    theme: o.theme,
+    config: r,
+    snapshot() {
+      let a = t.snapshot(), c = new Set(l), u = new Map(n), f = [
+        ...i
+      ];
+      return () => {
+        a(), l = c, n = u, i = f;
+      };
+    },
+    clear() {
+      t.clear(), l = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), i = [];
+    },
+    destroy() {
+      this.clear(), t.destroy();
+    }
+  }));
+}
+function Wt(e, t) {
+  return e != t && "" + e.split(" ").sort() != "" + t.split(" ").sort();
+}
+function Ot(e) {
+  let t = new MutationObserver(r);
+  return {
+    observe(n) {
+      t.observe(n, {
+        attributeFilter: [
+          "class"
+        ],
+        subtree: !0,
+        childList: !0
+      }), o(n), r([
+        {
+          target: n,
+          type: ""
+        }
+      ]);
+    },
+    disconnect() {
+      t.disconnect();
+    }
+  };
+  function r(n) {
+    for (let { type: i, target: l } of n)
+      if (i[0] == "a")
+        o(l);
+      else
+        for (let s of l.querySelectorAll("[class]"))
+          o(s);
+    t.takeRecords();
+  }
+  function o(n) {
+    var s;
+    let i, l = (s = n.getAttribute) == null ? void 0 : s.call(n, "class");
+    l && Wt(l, i = e(l)) && // Not using `target.className = ...` as that is read-only for SVGElements
+    n.setAttribute("class", i);
+  }
+}
+function jt(e) {
+  let t = document.querySelector(e || 'style[data-twind=""]');
+  return (!t || t.tagName != "STYLE") && (t = document.createElement("style"), document.head.prepend(t)), t.dataset.twind = "claimed", t;
+}
+function ve(e) {
+  let t = e != null && e.cssRules ? e : (e && typeof e != "string" ? e : jt(e)).sheet;
+  return {
+    target: t,
+    snapshot() {
+      let r = Array.from(t.cssRules, (o) => o.cssText);
+      return () => {
+        this.clear(), r.forEach(this.insert);
+      };
+    },
+    clear() {
+      for (let r = t.cssRules.length; r--; )
+        t.deleteRule(r);
+    },
+    destroy() {
+      var r;
+      (r = t.ownerNode) == null || r.remove();
+    },
+    insert(r, o) {
+      try {
+        t.insertRule(r, o);
+      } catch {
+        t.insertRule(":root{}", o);
+      }
+    },
+    resume: Le
+  };
+}
+function Dt(e, t = !0) {
+  let r = function() {
+    if (Lt)
+      try {
+        let a = ve(new CSSStyleSheet());
+        return a.connect = (c) => {
+          let u = ke(c);
+          u.adoptedStyleSheets = [
+            ...u.adoptedStyleSheets,
+            a.target
+          ];
+        }, a.disconnect = Le, a;
+      } catch {
+      }
+    let i = document.createElement("style");
+    i.media = "not all", document.head.prepend(i);
+    let l = [
+      ve(i)
+    ], s = /* @__PURE__ */ new WeakMap();
+    return {
+      get target() {
+        return l[0].target;
+      },
+      snapshot() {
+        let a = l.map((c) => c.snapshot());
+        return () => a.forEach((c) => c());
+      },
+      clear() {
+        l.forEach((a) => a.clear());
+      },
+      destroy() {
+        l.forEach((a) => a.destroy());
+      },
+      insert(a, c, u) {
+        l[0].insert(a, c, u);
+        let f = this.target.cssRules[c];
+        l.forEach((h, b) => b && h.target.insertRule(f.cssText, c));
+      },
+      resume(a, c) {
+        return l[0].resume(a, c);
+      },
+      connect(a) {
+        let c = document.createElement("style");
+        ke(a).appendChild(c);
+        let u = ve(c), { cssRules: f } = this.target;
+        for (let h = 0; h < f.length; h++)
+          u.target.insertRule(f[h].cssText, h);
+        l.push(u), s.set(a, u);
+      },
+      disconnect(a) {
+        let c = l.indexOf(s.get(a));
+        c >= 0 && l.splice(c, 1);
+      }
+    };
+  }(), o = Ft({
+    ...e,
+    // in production use short hashed class names
+    hash: e.hash ?? t
+  }, r), n = Ot(o);
+  return function(l) {
+    return class extends l {
+      connectedCallback() {
+        var a;
+        (a = super.connectedCallback) == null || a.call(this), r.connect(this), n.observe(ke(this));
+      }
+      disconnectedCallback() {
+        var a;
+        r.disconnect(this), (a = super.disconnectedCallback) == null || a.call(this);
+      }
+      constructor(...a) {
+        super(...a), this.tw = o;
+      }
+    };
+  };
+}
+let Lt = typeof ShadowRoot < "u" && (typeof ShadyCSS > "u" || ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+function ke(e) {
+  return e.shadowRoot || e.attachShadow({
+    mode: "open"
+  });
+}
+var Bt = Object.defineProperty, Mt = (e, t, r) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ie = (e, t, r) => (Mt(e, typeof t != "symbol" ? t + "" : t, r), r);
+const Vt = {
+  stringify: (e) => e,
+  parse: (e) => e
+}, Ut = {
+  stringify: (e) => `${e}`,
+  parse: (e) => parseFloat(e)
+}, qt = {
+  stringify: (e) => e ? "true" : "false",
+  parse: (e) => /^[ty1-9]/i.test(e)
+}, Ht = {
+  stringify: (e) => e.name,
+  parse: (e, t) => {
+    const r = (() => {
+      if (typeof window < "u" && e in window)
+        return window[e];
+      if (typeof global < "u" && e in global)
+        return global[e];
+    })();
+    return typeof r == "function" ? r.bind(t) : void 0;
+  }
+}, It = {
+  stringify: (e) => JSON.stringify(e),
+  parse: (e) => JSON.parse(e)
+}, Se = {
+  string: Vt,
+  number: Ut,
+  boolean: qt,
+  function: Ht,
+  json: It
+}, Ce = Symbol.for("r2wc.render"), ae = Symbol.for("r2wc.connected"), J = Symbol.for("r2wc.context"), H = Symbol.for("r2wc.props");
+function Pt(e, t, r) {
+  var o, n, i;
+  t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []);
+  const l = (Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props)).filter((f) => f !== "container"), s = {}, a = {}, c = {};
+  for (const f of l) {
+    s[f] = Array.isArray(t.props) ? "string" : t.props[f];
+    const h = _t(f);
+    a[f] = h, c[h] = f;
+  }
+  class u extends HTMLElement {
+    constructor() {
+      super(), ie(this, o, !0), ie(this, n), ie(this, i, {}), ie(this, "container"), t.shadow ? this.container = this.attachShadow({
+        mode: t.shadow
+      }) : this.container = this, this[H].container = this.container;
+      for (const h of l) {
+        const b = a[h], w = this.getAttribute(b), y = s[h], k = Se[y];
+        w && k != null && k.parse && (this[H][h] = k.parse(w, this));
+      }
+    }
+    static get observedAttributes() {
+      return Object.keys(c);
+    }
+    connectedCallback() {
+      this[ae] = !0, this[Ce]();
+    }
+    disconnectedCallback() {
+      this[ae] = !1, this[J] && r.unmount(this[J]);
+    }
+    attributeChangedCallback(h, b, w) {
+      const y = c[h], k = s[y], D = Se[k];
+      y in s && D != null && D.parse && (this[H][y] = D.parse(w, this), this[Ce]());
+    }
+    [(o = ae, n = J, i = H, Ce)]() {
+      this[ae] && (this[J] ? r.update(this[J], this[H]) : this[J] = r.mount(
+        this.container,
+        e,
+        this[H]
+      ));
+    }
+  }
+  for (const f of l) {
+    const h = a[f], b = s[f];
+    Object.defineProperty(u.prototype, f, {
+      enumerable: !0,
+      configurable: !0,
+      get() {
+        return this[H][f];
+      },
+      set(w) {
+        this[H][f] = w;
+        const y = Se[b];
+        if (y != null && y.stringify) {
+          const k = y.stringify(w);
+          this.getAttribute(h) !== k && this.setAttribute(h, k);
+        }
+      }
+    });
+  }
+  return u;
+}
+function _t(e = "") {
+  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+var We, le = yt;
+if (process.env.NODE_ENV === "production")
+  We = le.createRoot, le.hydrateRoot;
+else {
+  var Ge = le.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  We = function(e, t) {
+    Ge.usingClientEntryPoint = !0;
+    try {
+      return le.createRoot(e, t);
+    } finally {
+      Ge.usingClientEntryPoint = !1;
+    }
+  };
+}
+function Nt(e, t, r) {
+  const o = We(e), n = ot.createElement(t, r);
+  return o.render(n), {
+    root: o,
+    ReactComponent: t
+  };
+}
+function Gt({ root: e, ReactComponent: t }, r) {
+  const o = ot.createElement(t, r);
+  e.render(o);
+}
+function Yt({ root: e }) {
+  e.unmount();
+}
+function Jt(e, t = {}) {
+  return Pt(e, t, { mount: Nt, update: Gt, unmount: Yt });
+}
+var Xt = /* @__PURE__ */ new Map([["align-self", "-ms-grid-row-align"], ["color-adjust", "-webkit-print-color-adjust"], ["column-gap", "grid-column-gap"], ["forced-color-adjust", "-ms-high-contrast-adjust"], ["gap", "grid-gap"], ["grid-template-columns", "-ms-grid-columns"], ["grid-template-rows", "-ms-grid-rows"], ["justify-self", "-ms-grid-column-align"], ["margin-inline-end", "-webkit-margin-end"], ["margin-inline-start", "-webkit-margin-start"], ["mask-border", "-webkit-mask-box-image"], ["mask-border-outset", "-webkit-mask-box-image-outset"], ["mask-border-slice", "-webkit-mask-box-image-slice"], ["mask-border-source", "-webkit-mask-box-image-source"], ["mask-border-repeat", "-webkit-mask-box-image-repeat"], ["mask-border-width", "-webkit-mask-box-image-width"], ["overflow-wrap", "word-wrap"], ["padding-inline-end", "-webkit-padding-end"], ["padding-inline-start", "-webkit-padding-start"], ["print-color-adjust", "color-adjust"], ["row-gap", "grid-row-gap"], ["scroll-margin-bottom", "scroll-snap-margin-bottom"], ["scroll-margin-left", "scroll-snap-margin-left"], ["scroll-margin-right", "scroll-snap-margin-right"], ["scroll-margin-top", "scroll-snap-margin-top"], ["scroll-margin", "scroll-snap-margin"], ["text-combine-upright", "-ms-text-combine-horizontal"]]);
+function Zt(e) {
+  return Xt.get(e);
+}
+function Qt(e) {
+  var t = /^(?:(text-(?:decoration$|e|or|si)|back(?:ground-cl|d|f)|box-d|mask(?:$|-[ispro]|-cl)|pr|hyphena|flex-d)|(tab-|column(?!-s)|text-align-l)|(ap)|u|hy)/i.exec(e);
+  return t ? t[1] ? 1 : t[2] ? 2 : t[3] ? 3 : 5 : 0;
+}
+function Kt(e, t) {
+  var r = /^(?:(pos)|(cli)|(background-i)|(flex(?:$|-b)|(?:max-|min-)?(?:block-s|inl|he|widt))|dis)/i.exec(e);
+  return r ? r[1] ? /^sti/i.test(t) ? 1 : 0 : r[2] ? /^pat/i.test(t) ? 1 : 0 : r[3] ? /^image-/i.test(t) ? 1 : 0 : r[4] ? t[3] === "-" ? 2 : 0 : /^(?:inline-)?grid$/i.test(t) ? 4 : 0 : 0;
+}
+let er = [
+  [
+    "-webkit-",
+    1
+  ],
+  // 0b001
+  [
+    "-moz-",
+    2
+  ],
+  // 0b010
+  [
+    "-ms-",
+    4
+  ]
+];
+function tr() {
+  return ({ stringify: e }) => ({
+    stringify(t, r, o) {
+      let n = "", i = Zt(t);
+      i && (n += e(i, r, o) + ";");
+      let l = Qt(t), s = Kt(t, r);
+      for (let a of er)
+        l & a[1] && (n += e(a[0] + t, r, o) + ";"), s & a[1] && (n += e(t, a[0] + r, o) + ";");
+      return n + e(t, r, o);
+    }
+  });
+}
+let ge = {
+  screens: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px"
+  },
+  columns: {
+    auto: "auto",
+    // Handled by plugin,
+    // 1: '1',
+    // 2: '2',
+    // 3: '3',
+    // 4: '4',
+    // 5: '5',
+    // 6: '6',
+    // 7: '7',
+    // 8: '8',
+    // 9: '9',
+    // 10: '10',
+    // 11: '11',
+    // 12: '12',
+    "3xs": "16rem",
+    "2xs": "18rem",
+    xs: "20rem",
+    sm: "24rem",
+    md: "28rem",
+    lg: "32rem",
+    xl: "36rem",
+    "2xl": "42rem",
+    "3xl": "48rem",
+    "4xl": "56rem",
+    "5xl": "64rem",
+    "6xl": "72rem",
+    "7xl": "80rem"
+  },
+  spacing: {
+    px: "1px",
+    0: "0px",
+    .../* @__PURE__ */ O(4, "rem", 4, 0.5, 0.5),
+    // 0.5: '0.125rem',
+    // 1: '0.25rem',
+    // 1.5: '0.375rem',
+    // 2: '0.5rem',
+    // 2.5: '0.625rem',
+    // 3: '0.75rem',
+    // 3.5: '0.875rem',
+    // 4: '1rem',
+    .../* @__PURE__ */ O(12, "rem", 4, 5),
+    // 5: '1.25rem',
+    // 6: '1.5rem',
+    // 7: '1.75rem',
+    // 8: '2rem',
+    // 9: '2.25rem',
+    // 10: '2.5rem',
+    // 11: '2.75rem',
+    // 12: '3rem',
+    14: "3.5rem",
+    .../* @__PURE__ */ O(64, "rem", 4, 16, 4),
+    // 16: '4rem',
+    // 20: '5rem',
+    // 24: '6rem',
+    // 28: '7rem',
+    // 32: '8rem',
+    // 36: '9rem',
+    // 40: '10rem',
+    // 44: '11rem',
+    // 48: '12rem',
+    // 52: '13rem',
+    // 56: '14rem',
+    // 60: '15rem',
+    // 64: '16rem',
+    72: "18rem",
+    80: "20rem",
+    96: "24rem"
+  },
+  durations: {
+    75: "75ms",
+    100: "100ms",
+    150: "150ms",
+    200: "200ms",
+    300: "300ms",
+    500: "500ms",
+    700: "700ms",
+    1e3: "1000ms"
+  },
+  animation: {
+    none: "none",
+    spin: "spin 1s linear infinite",
+    ping: "ping 1s cubic-bezier(0,0,0.2,1) infinite",
+    pulse: "pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",
+    bounce: "bounce 1s infinite"
+  },
+  aspectRatio: {
+    auto: "auto",
+    square: "1/1",
+    video: "16/9"
+  },
+  backdropBlur: /* @__PURE__ */ m("blur"),
+  backdropBrightness: /* @__PURE__ */ m("brightness"),
+  backdropContrast: /* @__PURE__ */ m("contrast"),
+  backdropGrayscale: /* @__PURE__ */ m("grayscale"),
+  backdropHueRotate: /* @__PURE__ */ m("hueRotate"),
+  backdropInvert: /* @__PURE__ */ m("invert"),
+  backdropOpacity: /* @__PURE__ */ m("opacity"),
+  backdropSaturate: /* @__PURE__ */ m("saturate"),
+  backdropSepia: /* @__PURE__ */ m("sepia"),
+  backgroundColor: /* @__PURE__ */ m("colors"),
+  backgroundImage: {
+    none: "none"
+  },
+  // These are built-in
+  // 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
+  // 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
+  // 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
+  // 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
+  // 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
+  // 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
+  // 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
+  // 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
+  backgroundOpacity: /* @__PURE__ */ m("opacity"),
+  // backgroundPosition: {
+  //   // The following are already handled by the plugin:
+  //   // center, right, left, bottom, top
+  //   // 'bottom-10px-right-20px' -> bottom 10px right 20px
+  // },
+  backgroundSize: {
+    auto: "auto",
+    cover: "cover",
+    contain: "contain"
+  },
+  blur: {
+    none: "none",
+    0: "0",
+    sm: "4px",
+    DEFAULT: "8px",
+    md: "12px",
+    lg: "16px",
+    xl: "24px",
+    "2xl": "40px",
+    "3xl": "64px"
+  },
+  brightness: {
+    .../* @__PURE__ */ O(200, "", 100, 0, 50),
+    // 0: '0',
+    // 50: '.5',
+    // 150: '1.5',
+    // 200: '2',
+    .../* @__PURE__ */ O(110, "", 100, 90, 5),
+    // 90: '.9',
+    // 95: '.95',
+    // 100: '1',
+    // 105: '1.05',
+    // 110: '1.1',
+    75: "0.75",
+    125: "1.25"
+  },
+  borderColor: ({ theme: e }) => ({
+    DEFAULT: e("colors.gray.200", "currentColor"),
+    ...e("colors")
+  }),
+  borderOpacity: /* @__PURE__ */ m("opacity"),
+  borderRadius: {
+    none: "0px",
+    sm: "0.125rem",
+    DEFAULT: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    "3xl": "1.5rem",
+    "1/2": "50%",
+    full: "9999px"
+  },
+  borderSpacing: /* @__PURE__ */ m("spacing"),
+  borderWidth: {
+    DEFAULT: "1px",
+    .../* @__PURE__ */ j(8, "px")
+  },
+  // 0: '0px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',
+  boxShadow: {
+    sm: "0 1px 2px 0 rgba(0,0,0,0.05)",
+    DEFAULT: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",
+    md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
+    lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
+    xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)",
+    "2xl": "0 25px 50px -12px rgba(0,0,0,0.25)",
+    inner: "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
+    none: "0 0 #0000"
+  },
+  boxShadowColor: m("colors"),
+  // container: {},
+  // cursor: {
+  //   // Default values are handled by plugin
+  // },
+  caretColor: /* @__PURE__ */ m("colors"),
+  accentColor: ({ theme: e }) => ({
+    auto: "auto",
+    ...e("colors")
+  }),
+  contrast: {
+    .../* @__PURE__ */ O(200, "", 100, 0, 50),
+    // 0: '0',
+    // 50: '.5',
+    // 150: '1.5',
+    // 200: '2',
+    75: "0.75",
+    125: "1.25"
+  },
+  content: {
+    none: "none"
+  },
+  divideColor: /* @__PURE__ */ m("borderColor"),
+  divideOpacity: /* @__PURE__ */ m("borderOpacity"),
+  divideWidth: /* @__PURE__ */ m("borderWidth"),
+  dropShadow: {
+    sm: "0 1px 1px rgba(0,0,0,0.05)",
+    DEFAULT: [
+      "0 1px 2px rgba(0,0,0,0.1)",
+      "0 1px 1px rgba(0,0,0,0.06)"
+    ],
+    md: [
+      "0 4px 3px rgba(0,0,0,0.07)",
+      "0 2px 2px rgba(0,0,0,0.06)"
+    ],
+    lg: [
+      "0 10px 8px rgba(0,0,0,0.04)",
+      "0 4px 3px rgba(0,0,0,0.1)"
+    ],
+    xl: [
+      "0 20px 13px rgba(0,0,0,0.03)",
+      "0 8px 5px rgba(0,0,0,0.08)"
+    ],
+    "2xl": "0 25px 25px rgba(0,0,0,0.15)",
+    none: "0 0 #0000"
+  },
+  fill: ({ theme: e }) => ({
+    ...e("colors"),
+    none: "none"
+  }),
+  grayscale: {
+    DEFAULT: "100%",
+    0: "0"
+  },
+  hueRotate: {
+    0: "0deg",
+    15: "15deg",
+    30: "30deg",
+    60: "60deg",
+    90: "90deg",
+    180: "180deg"
+  },
+  invert: {
+    DEFAULT: "100%",
+    0: "0"
+  },
+  flex: {
+    1: "1 1 0%",
+    auto: "1 1 auto",
+    initial: "0 1 auto",
+    none: "none"
+  },
+  flexBasis: ({ theme: e }) => ({
+    ...e("spacing"),
+    ...te(2, 6),
+    // '1/2': '50%',
+    // '1/3': '33.333333%',
+    // '2/3': '66.666667%',
+    // '1/4': '25%',
+    // '2/4': '50%',
+    // '3/4': '75%',
+    // '1/5': '20%',
+    // '2/5': '40%',
+    // '3/5': '60%',
+    // '4/5': '80%',
+    // '1/6': '16.666667%',
+    // '2/6': '33.333333%',
+    // '3/6': '50%',
+    // '4/6': '66.666667%',
+    // '5/6': '83.333333%',
+    ...te(12, 12),
+    // '1/12': '8.333333%',
+    // '2/12': '16.666667%',
+    // '3/12': '25%',
+    // '4/12': '33.333333%',
+    // '5/12': '41.666667%',
+    // '6/12': '50%',
+    // '7/12': '58.333333%',
+    // '8/12': '66.666667%',
+    // '9/12': '75%',
+    // '10/12': '83.333333%',
+    // '11/12': '91.666667%',
+    auto: "auto",
+    full: "100%"
+  }),
+  flexGrow: {
+    DEFAULT: 1,
+    0: 0
+  },
+  flexShrink: {
+    DEFAULT: 1,
+    0: 0
+  },
+  fontFamily: {
+    sans: 'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),
+    serif: 'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),
+    mono: 'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")
+  },
+  fontSize: {
+    xs: [
+      "0.75rem",
+      "1rem"
+    ],
+    sm: [
+      "0.875rem",
+      "1.25rem"
+    ],
+    base: [
+      "1rem",
+      "1.5rem"
+    ],
+    lg: [
+      "1.125rem",
+      "1.75rem"
+    ],
+    xl: [
+      "1.25rem",
+      "1.75rem"
+    ],
+    "2xl": [
+      "1.5rem",
+      "2rem"
+    ],
+    "3xl": [
+      "1.875rem",
+      "2.25rem"
+    ],
+    "4xl": [
+      "2.25rem",
+      "2.5rem"
+    ],
+    "5xl": [
+      "3rem",
+      "1"
+    ],
+    "6xl": [
+      "3.75rem",
+      "1"
+    ],
+    "7xl": [
+      "4.5rem",
+      "1"
+    ],
+    "8xl": [
+      "6rem",
+      "1"
+    ],
+    "9xl": [
+      "8rem",
+      "1"
+    ]
+  },
+  fontWeight: {
+    thin: "100",
+    extralight: "200",
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700",
+    extrabold: "800",
+    black: "900"
+  },
+  gap: /* @__PURE__ */ m("spacing"),
+  gradientColorStops: /* @__PURE__ */ m("colors"),
+  gridAutoColumns: {
+    auto: "auto",
+    min: "min-content",
+    max: "max-content",
+    fr: "minmax(0,1fr)"
+  },
+  gridAutoRows: {
+    auto: "auto",
+    min: "min-content",
+    max: "max-content",
+    fr: "minmax(0,1fr)"
+  },
+  gridColumn: {
+    // span-X is handled by the plugin: span-1 -> span 1 / span 1
+    auto: "auto",
+    "span-full": "1 / -1"
+  },
+  // gridColumnEnd: {
+  //   // Defaults handled by plugin
+  // },
+  // gridColumnStart: {
+  //   // Defaults handled by plugin
+  // },
+  gridRow: {
+    // span-X is handled by the plugin: span-1 -> span 1 / span 1
+    auto: "auto",
+    "span-full": "1 / -1"
+  },
+  // gridRowStart: {
+  //   // Defaults handled by plugin
+  // },
+  // gridRowEnd: {
+  //   // Defaults handled by plugin
+  // },
+  gridTemplateColumns: {
+    // numbers are handled by the plugin: 1 -> repeat(1, minmax(0, 1fr))
+    none: "none"
+  },
+  gridTemplateRows: {
+    // numbers are handled by the plugin: 1 -> repeat(1, minmax(0, 1fr))
+    none: "none"
+  },
+  height: ({ theme: e }) => ({
+    ...e("spacing"),
+    ...te(2, 6),
+    // '1/2': '50%',
+    // '1/3': '33.333333%',
+    // '2/3': '66.666667%',
+    // '1/4': '25%',
+    // '2/4': '50%',
+    // '3/4': '75%',
+    // '1/5': '20%',
+    // '2/5': '40%',
+    // '3/5': '60%',
+    // '4/5': '80%',
+    // '1/6': '16.666667%',
+    // '2/6': '33.333333%',
+    // '3/6': '50%',
+    // '4/6': '66.666667%',
+    // '5/6': '83.333333%',
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content",
+    auto: "auto",
+    full: "100%",
+    screen: "100vh"
+  }),
+  inset: ({ theme: e }) => ({
+    ...e("spacing"),
+    ...te(2, 4),
+    // '1/2': '50%',
+    // '1/3': '33.333333%',
+    // '2/3': '66.666667%',
+    // '1/4': '25%',
+    // '2/4': '50%',
+    // '3/4': '75%',
+    auto: "auto",
+    full: "100%"
+  }),
+  keyframes: {
+    spin: {
+      from: {
+        transform: "rotate(0deg)"
+      },
+      to: {
+        transform: "rotate(360deg)"
+      }
+    },
+    ping: {
+      "0%": {
+        transform: "scale(1)",
+        opacity: "1"
+      },
+      "75%,100%": {
+        transform: "scale(2)",
+        opacity: "0"
+      }
+    },
+    pulse: {
+      "0%,100%": {
+        opacity: "1"
+      },
+      "50%": {
+        opacity: ".5"
+      }
+    },
+    bounce: {
+      "0%, 100%": {
+        transform: "translateY(-25%)",
+        animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+      },
+      "50%": {
+        transform: "none",
+        animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+      }
+    }
+  },
+  letterSpacing: {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em"
+  },
+  lineHeight: {
+    .../* @__PURE__ */ O(10, "rem", 4, 3),
+    // 3: '.75rem',
+    // 4: '1rem',
+    // 5: '1.25rem',
+    // 6: '1.5rem',
+    // 7: '1.75rem',
+    // 8: '2rem',
+    // 9: '2.25rem',
+    // 10: '2.5rem',
+    none: "1",
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+  },
+  // listStyleType: {
+  //   // Defaults handled by plugin
+  // },
+  margin: ({ theme: e }) => ({
+    auto: "auto",
+    ...e("spacing")
+  }),
+  maxHeight: ({ theme: e }) => ({
+    full: "100%",
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content",
+    screen: "100vh",
+    ...e("spacing")
+  }),
+  maxWidth: ({ theme: e, breakpoints: t }) => ({
+    ...t(e("screens")),
+    none: "none",
+    0: "0rem",
+    xs: "20rem",
+    sm: "24rem",
+    md: "28rem",
+    lg: "32rem",
+    xl: "36rem",
+    "2xl": "42rem",
+    "3xl": "48rem",
+    "4xl": "56rem",
+    "5xl": "64rem",
+    "6xl": "72rem",
+    "7xl": "80rem",
+    full: "100%",
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content",
+    prose: "65ch"
+  }),
+  minHeight: {
+    0: "0px",
+    full: "100%",
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content",
+    screen: "100vh"
+  },
+  minWidth: {
+    0: "0px",
+    full: "100%",
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content"
+  },
+  // objectPosition: {
+  //   // The plugins joins all arguments by default
+  // },
+  opacity: {
+    .../* @__PURE__ */ O(100, "", 100, 0, 10),
+    // 0: '0',
+    // 10: '0.1',
+    // 20: '0.2',
+    // 30: '0.3',
+    // 40: '0.4',
+    // 60: '0.6',
+    // 70: '0.7',
+    // 80: '0.8',
+    // 90: '0.9',
+    // 100: '1',
+    5: "0.05",
+    25: "0.25",
+    75: "0.75",
+    95: "0.95"
+  },
+  order: {
+    // Handled by plugin
+    // 1: '1',
+    // 2: '2',
+    // 3: '3',
+    // 4: '4',
+    // 5: '5',
+    // 6: '6',
+    // 7: '7',
+    // 8: '8',
+    // 9: '9',
+    // 10: '10',
+    // 11: '11',
+    // 12: '12',
+    first: "-9999",
+    last: "9999",
+    none: "0"
+  },
+  padding: /* @__PURE__ */ m("spacing"),
+  placeholderColor: /* @__PURE__ */ m("colors"),
+  placeholderOpacity: /* @__PURE__ */ m("opacity"),
+  outlineColor: /* @__PURE__ */ m("colors"),
+  outlineOffset: /* @__PURE__ */ j(8, "px"),
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',,
+  outlineWidth: /* @__PURE__ */ j(8, "px"),
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',,
+  ringColor: ({ theme: e }) => ({
+    ...e("colors"),
+    DEFAULT: "#3b82f6"
+  }),
+  ringOffsetColor: /* @__PURE__ */ m("colors"),
+  ringOffsetWidth: /* @__PURE__ */ j(8, "px"),
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',,
+  ringOpacity: ({ theme: e }) => ({
+    ...e("opacity"),
+    DEFAULT: "0.5"
+  }),
+  ringWidth: {
+    DEFAULT: "3px",
+    .../* @__PURE__ */ j(8, "px")
+  },
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',
+  rotate: {
+    .../* @__PURE__ */ j(2, "deg"),
+    // 0: '0deg',
+    // 1: '1deg',
+    // 2: '2deg',
+    .../* @__PURE__ */ j(12, "deg", 3),
+    // 3: '3deg',
+    // 6: '6deg',
+    // 12: '12deg',
+    .../* @__PURE__ */ j(180, "deg", 45)
+  },
+  // 45: '45deg',
+  // 90: '90deg',
+  // 180: '180deg',
+  saturate: /* @__PURE__ */ O(200, "", 100, 0, 50),
+  // 0: '0',
+  // 50: '.5',
+  // 100: '1',
+  // 150: '1.5',
+  // 200: '2',
+  scale: {
+    .../* @__PURE__ */ O(150, "", 100, 0, 50),
+    // 0: '0',
+    // 50: '.5',
+    // 150: '1.5',
+    .../* @__PURE__ */ O(110, "", 100, 90, 5),
+    // 90: '.9',
+    // 95: '.95',
+    // 100: '1',
+    // 105: '1.05',
+    // 110: '1.1',
+    75: "0.75",
+    125: "1.25"
+  },
+  scrollMargin: /* @__PURE__ */ m("spacing"),
+  scrollPadding: /* @__PURE__ */ m("spacing"),
+  sepia: {
+    0: "0",
+    DEFAULT: "100%"
+  },
+  skew: {
+    .../* @__PURE__ */ j(2, "deg"),
+    // 0: '0deg',
+    // 1: '1deg',
+    // 2: '2deg',
+    .../* @__PURE__ */ j(12, "deg", 3)
+  },
+  // 3: '3deg',
+  // 6: '6deg',
+  // 12: '12deg',
+  space: /* @__PURE__ */ m("spacing"),
+  stroke: ({ theme: e }) => ({
+    ...e("colors"),
+    none: "none"
+  }),
+  strokeWidth: /* @__PURE__ */ O(2),
+  // 0: '0',
+  // 1: '1',
+  // 2: '2',,
+  textColor: /* @__PURE__ */ m("colors"),
+  textDecorationColor: /* @__PURE__ */ m("colors"),
+  textDecorationThickness: {
+    "from-font": "from-font",
+    auto: "auto",
+    .../* @__PURE__ */ j(8, "px")
+  },
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',
+  textUnderlineOffset: {
+    auto: "auto",
+    .../* @__PURE__ */ j(8, "px")
+  },
+  // 0: '0px',
+  // 1: '1px',
+  // 2: '2px',
+  // 4: '4px',
+  // 8: '8px',
+  textIndent: /* @__PURE__ */ m("spacing"),
+  textOpacity: /* @__PURE__ */ m("opacity"),
+  // transformOrigin: {
+  //   // The following are already handled by the plugin:
+  //   // center, right, left, bottom, top
+  //   // 'bottom-10px-right-20px' -> bottom 10px right 20px
+  // },
+  transitionDuration: ({ theme: e }) => ({
+    ...e("durations"),
+    DEFAULT: "150ms"
+  }),
+  transitionDelay: /* @__PURE__ */ m("durations"),
+  transitionProperty: {
+    none: "none",
+    all: "all",
+    DEFAULT: "color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",
+    colors: "color,background-color,border-color,text-decoration-color,fill,stroke",
+    opacity: "opacity",
+    shadow: "box-shadow",
+    transform: "transform"
+  },
+  transitionTimingFunction: {
+    DEFAULT: "cubic-bezier(0.4,0,0.2,1)",
+    linear: "linear",
+    in: "cubic-bezier(0.4,0,1,1)",
+    out: "cubic-bezier(0,0,0.2,1)",
+    "in-out": "cubic-bezier(0.4,0,0.2,1)"
+  },
+  translate: ({ theme: e }) => ({
+    ...e("spacing"),
+    ...te(2, 4),
+    // '1/2': '50%',
+    // '1/3': '33.333333%',
+    // '2/3': '66.666667%',
+    // '1/4': '25%',
+    // '2/4': '50%',
+    // '3/4': '75%',
+    full: "100%"
+  }),
+  width: ({ theme: e }) => ({
+    min: "min-content",
+    max: "max-content",
+    fit: "fit-content",
+    screen: "100vw",
+    ...e("flexBasis")
+  }),
+  willChange: {
+    scroll: "scroll-position"
+  },
+  // other options handled by rules
+  // auto: 'auto',
+  // contents: 'contents',
+  // transform: 'transform',
+  zIndex: {
+    .../* @__PURE__ */ O(50, "", 1, 0, 10),
+    // 0: '0',
+    // 10: '10',
+    // 20: '20',
+    // 30: '30',
+    // 40: '40',
+    // 50: '50',
+    auto: "auto"
+  }
+};
+function te(e, t) {
+  let r = {};
+  do
+    for (var o = 1; o < e; o++)
+      r[`${o}/${e}`] = Number((o / e * 100).toFixed(6)) + "%";
+  while (++e <= t);
+  return r;
+}
+function j(e, t, r = 0) {
+  let o = {};
+  for (; r <= e; r = 2 * r || 1)
+    o[r] = r + t;
+  return o;
+}
+function O(e, t = "", r = 1, o = 0, n = 1, i = {}) {
+  for (; o <= e; o += n)
+    i[o] = o / r + t;
+  return i;
+}
+function m(e) {
+  return ({ theme: t }) => t(e);
+}
+let rr = {
+  /*
+  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+  */
+  "*,::before,::after": {
+    boxSizing: "border-box",
+    /* 1 */
+    borderWidth: "0",
+    /* 2 */
+    borderStyle: "solid",
+    /* 2 */
+    borderColor: "theme(borderColor.DEFAULT, currentColor)"
+  },
+  /* 2 */
+  "::before,::after": {
+    "--tw-content": "''"
+  },
+  /*
+  1. Use a consistent sensible line-height in all browsers.
+  2. Prevent adjustments of font size after orientation changes in iOS.
+  3. Use a more readable tab size.
+  4. Use the user's configured `sans` font-family by default.
+  5. Use the user's configured `sans` font-feature-settings by default.
+  */
+  html: {
+    lineHeight: 1.5,
+    /* 1 */
+    WebkitTextSizeAdjust: "100%",
+    /* 2 */
+    MozTabSize: "4",
+    /* 3 */
+    tabSize: 4,
+    /* 3 */
+    fontFamily: `theme(fontFamily.sans, ${ge.fontFamily.sans})`,
+    /* 4 */
+    fontFeatureSettings: "theme(fontFamily.sans[1].fontFeatureSettings, normal)"
+  },
+  /* 5 */
+  /*
+  1. Remove the margin in all browsers.
+  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+  */
+  body: {
+    margin: "0",
+    /* 1 */
+    lineHeight: "inherit"
+  },
+  /* 2 */
+  /*
+  1. Add the correct height in Firefox.
+  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+  3. Ensure horizontal rules are visible by default.
+  */
+  hr: {
+    height: "0",
+    /* 1 */
+    color: "inherit",
+    /* 2 */
+    borderTopWidth: "1px"
+  },
+  /* 3 */
+  /*
+  Add the correct text decoration in Chrome, Edge, and Safari.
+  */
+  "abbr:where([title])": {
+    textDecoration: "underline dotted"
+  },
+  /*
+  Remove the default font size and weight for headings.
+  */
+  "h1,h2,h3,h4,h5,h6": {
+    fontSize: "inherit",
+    fontWeight: "inherit"
+  },
+  /*
+  Reset links to optimize for opt-in styling instead of opt-out.
+  */
+  a: {
+    color: "inherit",
+    textDecoration: "inherit"
+  },
+  /*
+  Add the correct font weight in Edge and Safari.
+  */
+  "b,strong": {
+    fontWeight: "bolder"
+  },
+  /*
+  1. Use the user's configured `mono` font family by default.
+  2. Use the user's configured `mono` font-feature-settings by default.
+  3. Correct the odd `em` font sizing in all browsers.
+  */
+  "code,kbd,samp,pre": {
+    fontFamily: `theme(fontFamily.mono, ${ge.fontFamily.mono})`,
+    fontFeatureSettings: "theme(fontFamily.mono[1].fontFeatureSettings, normal)",
+    fontSize: "1em"
+  },
+  /*
+  Add the correct font size in all browsers.
+  */
+  small: {
+    fontSize: "80%"
+  },
+  /*
+  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+  */
+  "sub,sup": {
+    fontSize: "75%",
+    lineHeight: 0,
+    position: "relative",
+    verticalAlign: "baseline"
+  },
+  sub: {
+    bottom: "-0.25em"
+  },
+  sup: {
+    top: "-0.5em"
+  },
+  /*
+  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+  3. Remove gaps between table borders by default.
+  */
+  table: {
+    textIndent: "0",
+    /* 1 */
+    borderColor: "inherit",
+    /* 2 */
+    borderCollapse: "collapse"
+  },
+  /* 3 */
+  /*
+  1. Change the font styles in all browsers.
+  2. Remove the margin in Firefox and Safari.
+  3. Remove default padding in all browsers.
+  */
+  "button,input,optgroup,select,textarea": {
+    fontFamily: "inherit",
+    /* 1 */
+    fontSize: "100%",
+    /* 1 */
+    lineHeight: "inherit",
+    /* 1 */
+    color: "inherit",
+    /* 1 */
+    margin: "0",
+    /* 2 */
+    padding: "0"
+  },
+  /* 3 */
+  /*
+  Remove the inheritance of text transform in Edge and Firefox.
+  */
+  "button,select": {
+    textTransform: "none"
+  },
+  /*
+  1. Correct the inability to style clickable types in iOS and Safari.
+  2. Remove default button styles.
+  */
+  "button,[type='button'],[type='reset'],[type='submit']": {
+    WebkitAppearance: "button",
+    /* 1 */
+    backgroundColor: "transparent",
+    /* 2 */
+    backgroundImage: "none"
+  },
+  /* 4 */
+  /*
+  Use the modern Firefox focus style for all focusable elements.
+  */
+  ":-moz-focusring": {
+    outline: "auto"
+  },
+  /*
+  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+  */
+  ":-moz-ui-invalid": {
+    boxShadow: "none"
+  },
+  /*
+  Add the correct vertical alignment in Chrome and Firefox.
+  */
+  progress: {
+    verticalAlign: "baseline"
+  },
+  /*
+  Correct the cursor style of increment and decrement buttons in Safari.
+  */
+  "::-webkit-inner-spin-button,::-webkit-outer-spin-button": {
+    height: "auto"
+  },
+  /*
+  1. Correct the odd appearance in Chrome and Safari.
+  2. Correct the outline style in Safari.
+  */
+  "[type='search']": {
+    WebkitAppearance: "textfield",
+    /* 1 */
+    outlineOffset: "-2px"
+  },
+  /* 2 */
+  /*
+  Remove the inner padding in Chrome and Safari on macOS.
+  */
+  "::-webkit-search-decoration": {
+    WebkitAppearance: "none"
+  },
+  /*
+  1. Correct the inability to style clickable types in iOS and Safari.
+  2. Change font properties to `inherit` in Safari.
+  */
+  "::-webkit-file-upload-button": {
+    WebkitAppearance: "button",
+    /* 1 */
+    font: "inherit"
+  },
+  /* 2 */
+  /*
+  Add the correct display in Chrome and Safari.
+  */
+  summary: {
+    display: "list-item"
+  },
+  /*
+  Removes the default spacing and border for appropriate elements.
+  */
+  "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre": {
+    margin: "0"
+  },
+  fieldset: {
+    margin: "0",
+    padding: "0"
+  },
+  legend: {
+    padding: "0"
+  },
+  "ol,ul,menu": {
+    listStyle: "none",
+    margin: "0",
+    padding: "0"
+  },
+  /*
+  Prevent resizing textareas horizontally by default.
+  */
+  textarea: {
+    resize: "vertical"
+  },
+  /*
+  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+  2. Set the default placeholder color to the user's configured gray 400 color.
+  */
+  "input::placeholder,textarea::placeholder": {
+    opacity: 1,
+    /* 1 */
+    color: "theme(colors.gray.400, #9ca3af)"
+  },
+  /* 2 */
+  /*
+  Set the default cursor for buttons.
+  */
+  'button,[role="button"]': {
+    cursor: "pointer"
+  },
+  /*
+  Make sure disabled buttons don't get the pointer cursor.
+  */
+  ":disabled": {
+    cursor: "default"
+  },
+  /*
+  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+    This can trigger a poorly considered lint error in some tools but is included by design.
+  */
+  "img,svg,video,canvas,audio,iframe,embed,object": {
+    display: "block",
+    /* 1 */
+    verticalAlign: "middle"
+  },
+  /* 2 */
+  /*
+  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+  */
+  "img,video": {
+    maxWidth: "100%",
+    height: "auto"
+  },
+  /* Make elements with the HTML hidden attribute stay hidden by default */
+  "[hidden]": {
+    display: "none"
+  }
+}, or = [
+  /* arbitrary properties: [paint-order:markers] */
+  d("\\[([-\\w]+):(.+)]", ({ 1: e, 2: t }, r) => ({
+    "@layer overrides": {
+      "&": {
+        [e]: P(`[${t}]`, "", r)
+      }
+    }
+  })),
+  /* Styling based on parent and peer state */
+  d("(group|peer)([~/][^-[]+)?", ({ input: e }, { h: t }) => [
+    {
+      c: t(e)
+    }
+  ]),
+  /* LAYOUT */
+  p("aspect-", "aspectRatio"),
+  d("container", (e, { theme: t }) => {
+    let { screens: r = t("screens"), center: o, padding: n } = t("container"), i = {
+      width: "100%",
+      marginRight: o && "auto",
+      marginLeft: o && "auto",
+      ...l("xs")
+    };
+    for (let s in r) {
+      let a = r[s];
+      typeof a == "string" && (i[De(a)] = {
+        "&": {
+          maxWidth: a,
+          ...l(s)
+        }
+      });
+    }
+    return i;
+    function l(s) {
+      let a = n && (typeof n == "string" ? n : n[s] || n.DEFAULT);
+      if (a)
+        return {
+          paddingRight: a,
+          paddingLeft: a
+        };
+    }
+  }),
+  // Content
+  p("content-", "content", ({ _: e }) => ({
+    "--tw-content": e,
+    content: "var(--tw-content)"
+  })),
+  // Box Decoration Break
+  d("(?:box-)?decoration-(slice|clone)", "boxDecorationBreak"),
+  // Box Sizing
+  d("box-(border|content)", "boxSizing", ({ 1: e }) => e + "-box"),
+  // Display
+  d("hidden", {
+    display: "none"
+  }),
+  // Table Layout
+  d("table-(auto|fixed)", "tableLayout"),
+  d([
+    "(block|flex|table|grid|inline|contents|flow-root|list-item)",
+    "(inline-(block|flex|table|grid))",
+    "(table-(caption|cell|column|row|(column|row|footer|header)-group))"
+  ], "display"),
+  // Floats
+  "(float)-(left|right|none)",
+  // Clear
+  "(clear)-(left|right|none|both)",
+  // Overflow
+  "(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)",
+  // Isolation
+  "(isolation)-(auto)",
+  // Isolation
+  d("isolate", "isolation"),
+  // Object Fit
+  d("object-(contain|cover|fill|none|scale-down)", "objectFit"),
+  // Object Position
+  p("object-", "objectPosition"),
+  d("object-(top|bottom|center|(left|right)(-(top|bottom))?)", "objectPosition", se),
+  // Overscroll Behavior
+  d("overscroll(-[xy])?-(auto|contain|none)", ({ 1: e = "", 2: t }) => ({
+    ["overscroll-behavior" + e]: t
+  })),
+  // Position
+  d("(static|fixed|absolute|relative|sticky)", "position"),
+  // Top / Right / Bottom / Left
+  p("-?inset(-[xy])?(?:$|-)", "inset", ({ 1: e, _: t }) => ({
+    top: e != "-x" && t,
+    right: e != "-y" && t,
+    bottom: e != "-x" && t,
+    left: e != "-y" && t
+  })),
+  p("-?(top|bottom|left|right)(?:$|-)", "inset"),
+  // Visibility
+  d("(visible|collapse)", "visibility"),
+  d("invisible", {
+    visibility: "hidden"
+  }),
+  // Z-Index
+  p("-?z-", "zIndex"),
+  /* FLEXBOX */
+  // Flex Direction
+  d("flex-((row|col)(-reverse)?)", "flexDirection", Ye),
+  d("flex-(wrap|wrap-reverse|nowrap)", "flexWrap"),
+  p("(flex-(?:grow|shrink))(?:$|-)"),
+  /*, 'flex-grow' | flex-shrink */
+  p("(flex)-"),
+  /*, 'flex' */
+  p("grow(?:$|-)", "flexGrow"),
+  p("shrink(?:$|-)", "flexShrink"),
+  p("basis-", "flexBasis"),
+  p("-?(order)-"),
+  /*, 'order' */
+  "-?(order)-(\\d+)",
+  /* GRID */
+  // Grid Template Columns
+  p("grid-cols-", "gridTemplateColumns"),
+  d("grid-cols-(\\d+)", "gridTemplateColumns", Qe),
+  // Grid Column Start / End
+  p("col-", "gridColumn"),
+  d("col-(span)-(\\d+)", "gridColumn", Ze),
+  p("col-start-", "gridColumnStart"),
+  d("col-start-(auto|\\d+)", "gridColumnStart"),
+  p("col-end-", "gridColumnEnd"),
+  d("col-end-(auto|\\d+)", "gridColumnEnd"),
+  // Grid Template Rows
+  p("grid-rows-", "gridTemplateRows"),
+  d("grid-rows-(\\d+)", "gridTemplateRows", Qe),
+  // Grid Row Start / End
+  p("row-", "gridRow"),
+  d("row-(span)-(\\d+)", "gridRow", Ze),
+  p("row-start-", "gridRowStart"),
+  d("row-start-(auto|\\d+)", "gridRowStart"),
+  p("row-end-", "gridRowEnd"),
+  d("row-end-(auto|\\d+)", "gridRowEnd"),
+  // Grid Auto Flow
+  d("grid-flow-((row|col)(-dense)?)", "gridAutoFlow", (e) => se(Ye(e))),
+  d("grid-flow-(dense)", "gridAutoFlow"),
+  // Grid Auto Columns
+  p("auto-cols-", "gridAutoColumns"),
+  // Grid Auto Rows
+  p("auto-rows-", "gridAutoRows"),
+  // Gap
+  p("gap-x(?:$|-)", "gap", "columnGap"),
+  p("gap-y(?:$|-)", "gap", "rowGap"),
+  p("gap(?:$|-)", "gap"),
+  /* BOX ALIGNMENT */
+  // Justify Items
+  // Justify Self
+  "(justify-(?:items|self))-",
+  // Justify Content
+  d("justify-", "justifyContent", Je),
+  // Align Content
+  // Align Items
+  // Align Self
+  d("(content|items|self)-", (e) => ({
+    ["align-" + e[1]]: Je(e)
+  })),
+  // Place Content
+  // Place Items
+  // Place Self
+  d("(place-(content|items|self))-", ({ 1: e, $$: t }) => ({
+    [e]: ("wun".includes(t[3]) ? "space-" : "") + t
+  })),
+  /* SPACING */
+  // Padding
+  p("p([xytrbl])?(?:$|-)", "padding", X("padding")),
+  // Margin
+  p("-?m([xytrbl])?(?:$|-)", "margin", X("margin")),
+  // Space Between
+  p("-?space-(x|y)(?:$|-)", "space", ({ 1: e, _: t }) => ({
+    "&>:not([hidden])~:not([hidden])": {
+      [`--tw-space-${e}-reverse`]: "0",
+      ["margin-" + {
+        y: "top",
+        x: "left"
+      }[e]]: `calc(${t} * calc(1 - var(--tw-space-${e}-reverse)))`,
+      ["margin-" + {
+        y: "bottom",
+        x: "right"
+      }[e]]: `calc(${t} * var(--tw-space-${e}-reverse))`
+    }
+  })),
+  d("space-(x|y)-reverse", ({ 1: e }) => ({
+    "&>:not([hidden])~:not([hidden])": {
+      [`--tw-space-${e}-reverse`]: "1"
+    }
+  })),
+  /* SIZING */
+  // Width
+  p("w-", "width"),
+  // Min-Width
+  p("min-w-", "minWidth"),
+  // Max-Width
+  p("max-w-", "maxWidth"),
+  // Height
+  p("h-", "height"),
+  // Min-Height
+  p("min-h-", "minHeight"),
+  // Max-Height
+  p("max-h-", "maxHeight"),
+  /* TYPOGRAPHY */
+  // Font Weight
+  p("font-", "fontWeight"),
+  // Font Family
+  p("font-", "fontFamily", ({ _: e }) => typeof (e = S(e))[1] == "string" ? {
+    fontFamily: M(e)
+  } : {
+    fontFamily: M(e[0]),
+    ...e[1]
+  }),
+  // Font Smoothing
+  d("antialiased", {
+    WebkitFontSmoothing: "antialiased",
+    MozOsxFontSmoothing: "grayscale"
+  }),
+  d("subpixel-antialiased", {
+    WebkitFontSmoothing: "auto",
+    MozOsxFontSmoothing: "auto"
+  }),
+  // Font Style
+  d("italic", "fontStyle"),
+  d("not-italic", {
+    fontStyle: "normal"
+  }),
+  // Font Variant Numeric
+  d("(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)", ({ 1: e, 2: t = "", 3: r }) => (
+    // normal-nums
+    t == "normal" ? {
+      fontVariantNumeric: "normal"
+    } : {
+      ["--tw-" + (r ? (
+        // diagonal-fractions, stacked-fractions
+        "numeric-fraction"
+      ) : "pt".includes(t[0]) ? (
+        // proportional-nums, tabular-nums
+        "numeric-spacing"
+      ) : t ? (
+        // lining-nums, oldstyle-nums
+        "numeric-figure"
+      ) : (
+        // ordinal, slashed-zero
+        e
+      ))]: e,
+      fontVariantNumeric: "var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)",
+      ...I({
+        "--tw-ordinal": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-slashed-zero": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-numeric-figure": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-numeric-spacing": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-numeric-fraction": "var(--tw-empty,/*!*/ /*!*/)"
+      })
+    }
+  )),
+  // Letter Spacing
+  p("tracking-", "letterSpacing"),
+  // Line Height
+  p("leading-", "lineHeight"),
+  // List Style Position
+  d("list-(inside|outside)", "listStylePosition"),
+  // List Style Type
+  p("list-", "listStyleType"),
+  d("list-", "listStyleType"),
+  // Placeholder Opacity
+  p("placeholder-opacity-", "placeholderOpacity", ({ _: e }) => ({
+    "&::placeholder": {
+      "--tw-placeholder-opacity": e
+    }
+  })),
+  // Placeholder Color
+  $("placeholder-", {
+    property: "color",
+    selector: "&::placeholder"
+  }),
+  // Text Alignment
+  d("text-(left|center|right|justify|start|end)", "textAlign"),
+  d("text-(ellipsis|clip)", "textOverflow"),
+  // Text Opacity
+  p("text-opacity-", "textOpacity", "--tw-text-opacity"),
+  // Text Color
+  $("text-", {
+    property: "color"
+  }),
+  // Font Size
+  p("text-", "fontSize", ({ _: e }) => typeof e == "string" ? {
+    fontSize: e
+  } : {
+    fontSize: e[0],
+    ...typeof e[1] == "string" ? {
+      lineHeight: e[1]
+    } : e[1]
+  }),
+  // Text Indent
+  p("indent-", "textIndent"),
+  // Text Decoration
+  d("(overline|underline|line-through)", "textDecorationLine"),
+  d("no-underline", {
+    textDecorationLine: "none"
+  }),
+  // Text Underline offset
+  p("underline-offset-", "textUnderlineOffset"),
+  // Text Decoration Color
+  $("decoration-", {
+    section: "textDecorationColor",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  // Text Decoration Thickness
+  p("decoration-", "textDecorationThickness"),
+  // Text Decoration Style
+  d("decoration-", "textDecorationStyle"),
+  // Text Transform
+  d("(uppercase|lowercase|capitalize)", "textTransform"),
+  d("normal-case", {
+    textTransform: "none"
+  }),
+  // Text Overflow
+  d("truncate", {
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  }),
+  // Vertical Alignment
+  d("align-", "verticalAlign"),
+  // Whitespace
+  d("whitespace-", "whiteSpace"),
+  // Word Break
+  d("break-normal", {
+    wordBreak: "normal",
+    overflowWrap: "normal"
+  }),
+  d("break-words", {
+    overflowWrap: "break-word"
+  }),
+  d("break-all", {
+    wordBreak: "break-all"
+  }),
+  d("break-keep", {
+    wordBreak: "keep-all"
+  }),
+  // Caret Color
+  $("caret-", {
+    // section: 'caretColor',
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  // Accent Color
+  $("accent-", {
+    // section: 'accentColor',
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  // Gradient Color Stops
+  d("bg-gradient-to-([trbl]|[tb][rl])", "backgroundImage", ({ 1: e }) => `linear-gradient(to ${G(e, " ")},var(--tw-gradient-stops))`),
+  $("from-", {
+    section: "gradientColorStops",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }, ({ _: e }) => ({
+    "--tw-gradient-from": e.value,
+    "--tw-gradient-to": e.color({
+      opacityValue: "0"
+    }),
+    "--tw-gradient-stops": "var(--tw-gradient-from),var(--tw-gradient-to)"
+  })),
+  $("via-", {
+    section: "gradientColorStops",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }, ({ _: e }) => ({
+    "--tw-gradient-to": e.color({
+      opacityValue: "0"
+    }),
+    "--tw-gradient-stops": `var(--tw-gradient-from),${e.value},var(--tw-gradient-to)`
+  })),
+  $("to-", {
+    section: "gradientColorStops",
+    property: "--tw-gradient-to",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  /* BACKGROUNDS */
+  // Background Attachment
+  d("bg-(fixed|local|scroll)", "backgroundAttachment"),
+  // Background Origin
+  d("bg-origin-(border|padding|content)", "backgroundOrigin", ({ 1: e }) => e + "-box"),
+  // Background Repeat
+  d([
+    "bg-(no-repeat|repeat(-[xy])?)",
+    "bg-repeat-(round|space)"
+  ], "backgroundRepeat"),
+  // Background Blend Mode
+  d("bg-blend-", "backgroundBlendMode"),
+  // Background Clip
+  d("bg-clip-(border|padding|content|text)", "backgroundClip", ({ 1: e }) => e + (e == "text" ? "" : "-box")),
+  // Background Opacity
+  p("bg-opacity-", "backgroundOpacity", "--tw-bg-opacity"),
+  // Background Color
+  // bg-${backgroundColor}/${backgroundOpacity}
+  $("bg-", {
+    section: "backgroundColor"
+  }),
+  // Background Image
+  // supported arbitrary types are: length, color, angle, list
+  p("bg-", "backgroundImage"),
+  // Background Position
+  p("bg-", "backgroundPosition"),
+  d("bg-(top|bottom|center|(left|right)(-(top|bottom))?)", "backgroundPosition", se),
+  // Background Size
+  p("bg-", "backgroundSize"),
+  /* BORDERS */
+  // Border Radius
+  p("rounded(?:$|-)", "borderRadius"),
+  p("rounded-([trbl]|[tb][rl])(?:$|-)", "borderRadius", ({ 1: e, _: t }) => {
+    let r = {
+      t: [
+        "tl",
+        "tr"
+      ],
+      r: [
+        "tr",
+        "br"
+      ],
+      b: [
+        "bl",
+        "br"
+      ],
+      l: [
+        "bl",
+        "tl"
+      ]
+    }[e] || [
+      e,
+      e
+    ];
+    return {
+      [`border-${G(r[0])}-radius`]: t,
+      [`border-${G(r[1])}-radius`]: t
+    };
+  }),
+  // Border Collapse
+  d("border-(collapse|separate)", "borderCollapse"),
+  // Border Opacity
+  p("border-opacity(?:$|-)", "borderOpacity", "--tw-border-opacity"),
+  // Border Style
+  d("border-(solid|dashed|dotted|double|none)", "borderStyle"),
+  // Border Spacing
+  p("border-spacing(-[xy])?(?:$|-)", "borderSpacing", ({ 1: e, _: t }) => ({
+    ...I({
+      "--tw-border-spacing-x": "0",
+      "--tw-border-spacing-y": "0"
+    }),
+    ["--tw-border-spacing" + (e || "-x")]: t,
+    ["--tw-border-spacing" + (e || "-y")]: t,
+    "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
+  })),
+  // Border Color
+  $("border-([xytrbl])-", {
+    section: "borderColor"
+  }, X("border", "Color")),
+  $("border-"),
+  // Border Width
+  p("border-([xytrbl])(?:$|-)", "borderWidth", X("border", "Width")),
+  p("border(?:$|-)", "borderWidth"),
+  // Divide Opacity
+  p("divide-opacity(?:$|-)", "divideOpacity", ({ _: e }) => ({
+    "&>:not([hidden])~:not([hidden])": {
+      "--tw-divide-opacity": e
+    }
+  })),
+  // Divide Style
+  d("divide-(solid|dashed|dotted|double|none)", ({ 1: e }) => ({
+    "&>:not([hidden])~:not([hidden])": {
+      borderStyle: e
+    }
+  })),
+  // Divide Width
+  d("divide-([xy]-reverse)", ({ 1: e }) => ({
+    "&>:not([hidden])~:not([hidden])": {
+      ["--tw-divide-" + e]: "1"
+    }
+  })),
+  p("divide-([xy])(?:$|-)", "divideWidth", ({ 1: e, _: t }) => {
+    let r = {
+      x: "lr",
+      y: "tb"
+    }[e];
+    return {
+      "&>:not([hidden])~:not([hidden])": {
+        [`--tw-divide-${e}-reverse`]: "0",
+        [`border-${G(r[0])}Width`]: `calc(${t} * calc(1 - var(--tw-divide-${e}-reverse)))`,
+        [`border-${G(r[1])}Width`]: `calc(${t} * var(--tw-divide-${e}-reverse))`
+      }
+    };
+  }),
+  // Divide Color
+  $("divide-", {
+    // section: $0.replace('-', 'Color') -> 'divideColor'
+    property: "borderColor",
+    // opacityVariable: '--tw-border-opacity',
+    // opacitySection: section.replace('Color', 'Opacity') -> 'divideOpacity'
+    selector: "&>:not([hidden])~:not([hidden])"
+  }),
+  // Ring Offset Opacity
+  p("ring-opacity(?:$|-)", "ringOpacity", "--tw-ring-opacity"),
+  // Ring Offset Color
+  $("ring-offset-", {
+    // section: 'ringOffsetColor',
+    property: "--tw-ring-offset-color",
+    opacityVariable: !1
+  }),
+  // opacitySection: section.replace('Color', 'Opacity') -> 'ringOffsetOpacity'
+  // Ring Offset Width
+  p("ring-offset(?:$|-)", "ringOffsetWidth", "--tw-ring-offset-width"),
+  // Ring Inset
+  d("ring-inset", {
+    "--tw-ring-inset": "inset"
+  }),
+  // Ring Color
+  $("ring-", {
+    // section: 'ringColor',
+    property: "--tw-ring-color"
+  }),
+  // opacityVariable: '--tw-ring-opacity',
+  // opacitySection: section.replace('Color', 'Opacity') -> 'ringOpacity'
+  // Ring Width
+  p("ring(?:$|-)", "ringWidth", ({ _: e }, { theme: t }) => ({
+    ...I({
+      "--tw-ring-offset-shadow": "0 0 #0000",
+      "--tw-ring-shadow": "0 0 #0000",
+      "--tw-shadow": "0 0 #0000",
+      "--tw-shadow-colored": "0 0 #0000",
+      // Within own declaration to have the defaults above to be merged with defaults from shadow
+      "&": {
+        "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-ring-offset-width": t("ringOffsetWidth", "", "0px"),
+        "--tw-ring-offset-color": z(t("ringOffsetColor", "", "#fff")),
+        "--tw-ring-color": z(t("ringColor", "", "#93c5fd"), {
+          opacityVariable: "--tw-ring-opacity"
+        }),
+        "--tw-ring-opacity": t("ringOpacity", "", "0.5")
+      }
+    }),
+    "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+    "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${e} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
+    boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)"
+  })),
+  /* EFFECTS */
+  // Box Shadow Color
+  $("shadow-", {
+    section: "boxShadowColor",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }, ({ _: e }) => ({
+    "--tw-shadow-color": e.value,
+    "--tw-shadow": "var(--tw-shadow-colored)"
+  })),
+  // Box Shadow
+  p("shadow(?:$|-)", "boxShadow", ({ _: e }) => ({
+    ...I({
+      "--tw-ring-offset-shadow": "0 0 #0000",
+      "--tw-ring-shadow": "0 0 #0000",
+      "--tw-shadow": "0 0 #0000",
+      "--tw-shadow-colored": "0 0 #0000"
+    }),
+    "--tw-shadow": M(e),
+    // replace all colors with reference to --tw-shadow-colored
+    // this matches colors after non-comma char (keyword, offset) before comma or the end
+    "--tw-shadow-colored": M(e).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g, "$1var(--tw-shadow-color)$2"),
+    boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)"
+  })),
+  // Opacity
+  p("(opacity)-"),
+  /*, 'opacity' */
+  // Mix Blend Mode
+  d("mix-blend-", "mixBlendMode"),
+  /* FILTERS */
+  ...Xe(),
+  ...Xe("backdrop-"),
+  /* TRANSITIONS AND ANIMATION */
+  // Transition Property
+  p("transition(?:$|-)", "transitionProperty", (e, { theme: t }) => ({
+    transitionProperty: M(e),
+    transitionTimingFunction: e._ == "none" ? void 0 : M(t("transitionTimingFunction", "")),
+    transitionDuration: e._ == "none" ? void 0 : M(t("transitionDuration", ""))
+  })),
+  // Transition Duration
+  p("duration(?:$|-)", "transitionDuration", "transitionDuration", M),
+  // Transition Timing Function
+  p("ease(?:$|-)", "transitionTimingFunction", "transitionTimingFunction", M),
+  // Transition Delay
+  p("delay(?:$|-)", "transitionDelay", "transitionDelay", M),
+  p("animate(?:$|-)", "animation", (e, { theme: t, h: r, e: o }) => {
+    let n = M(e), i = n.split(" "), l = t("keyframes", i[0]);
+    return l ? {
+      ["@keyframes " + (i[0] = o(r(i[0])))]: l,
+      animation: i.join(" ")
+    } : {
+      animation: n
+    };
+  }),
+  /* TRANSFORMS */
+  // Transform
+  "(transform)-(none)",
+  d("transform", Oe),
+  d("transform-(cpu|gpu)", ({ 1: e }) => ({
+    "--tw-transform": gt(e == "gpu")
+  })),
+  // Scale
+  p("scale(-[xy])?-", "scale", ({ 1: e, _: t }) => ({
+    ["--tw-scale" + (e || "-x")]: t,
+    ["--tw-scale" + (e || "-y")]: t,
+    ...Oe()
+  })),
+  // Rotate
+  p("-?(rotate)-", "rotate", Te),
+  // Translate
+  p("-?(translate-[xy])-", "translate", Te),
+  // Skew
+  p("-?(skew-[xy])-", "skew", Te),
+  // Transform Origin
+  d("origin-(center|((top|bottom)(-(left|right))?)|left|right)", "transformOrigin", se),
+  /* INTERACTIVITY */
+  // Appearance
+  "(appearance)-",
+  // Columns
+  p("(columns)-"),
+  /*, 'columns' */
+  "(columns)-(\\d+)",
+  // Break Before, After and Inside
+  "(break-(?:before|after|inside))-",
+  // Cursor
+  p("(cursor)-"),
+  /*, 'cursor' */
+  "(cursor)-",
+  // Scroll Snap Type
+  d("snap-(none)", "scroll-snap-type"),
+  d("snap-(x|y|both)", ({ 1: e }) => ({
+    ...I({
+      "--tw-scroll-snap-strictness": "proximity"
+    }),
+    "scroll-snap-type": e + " var(--tw-scroll-snap-strictness)"
+  })),
+  d("snap-(mandatory|proximity)", "--tw-scroll-snap-strictness"),
+  // Scroll Snap Align
+  d("snap-(?:(start|end|center)|align-(none))", "scroll-snap-align"),
+  // Scroll Snap Stop
+  d("snap-(normal|always)", "scroll-snap-stop"),
+  d("scroll-(auto|smooth)", "scroll-behavior"),
+  // Scroll Margin
+  // Padding
+  p("scroll-p([xytrbl])?(?:$|-)", "padding", X("scroll-padding")),
+  // Margin
+  p("-?scroll-m([xytrbl])?(?:$|-)", "scroll-margin", X("scroll-margin")),
+  // Touch Action
+  d("touch-(auto|none|manipulation)", "touch-action"),
+  d("touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))", ({ 1: e, 2: t, 3: r }) => ({
+    ...I({
+      "--tw-pan-x": "var(--tw-empty,/*!*/ /*!*/)",
+      "--tw-pan-y": "var(--tw-empty,/*!*/ /*!*/)",
+      "--tw-pinch-zoom": "var(--tw-empty,/*!*/ /*!*/)",
+      "--tw-touch-action": "var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"
+    }),
+    // x, left, right -> pan-x
+    // y, up, down -> pan-y
+    // -> pinch-zoom
+    [`--tw-${t ? "pan-x" : r ? "pan-y" : e}`]: e,
+    "touch-action": "var(--tw-touch-action)"
+  })),
+  // Outline Style
+  d("outline-none", {
+    outline: "2px solid transparent",
+    "outline-offset": "2px"
+  }),
+  d("outline", {
+    outlineStyle: "solid"
+  }),
+  d("outline-(dashed|dotted|double)", "outlineStyle"),
+  // Outline Offset
+  p("-?(outline-offset)-"),
+  /*, 'outlineOffset'*/
+  // Outline Color
+  $("outline-", {
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  // Outline Width
+  p("outline-", "outlineWidth"),
+  // Pointer Events
+  "(pointer-events)-",
+  // Will Change
+  p("(will-change)-"),
+  /*, 'willChange' */
+  "(will-change)-",
+  // Resize
+  [
+    "resize(?:-(none|x|y))?",
+    "resize",
+    ({ 1: e }) => ({
+      x: "horizontal",
+      y: "vertical"
+    })[e] || e || "both"
+  ],
+  // User Select
+  d("select-(none|text|all|auto)", "userSelect"),
+  /* SVG */
+  // Fill, Stroke
+  $("fill-", {
+    section: "fill",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  $("stroke-", {
+    section: "stroke",
+    opacityVariable: !1,
+    opacitySection: "opacity"
+  }),
+  // Stroke Width
+  p("stroke-", "strokeWidth"),
+  /* ACCESSIBILITY */
+  // Screen Readers
+  d("sr-only", {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    clip: "rect(0,0,0,0)",
+    borderWidth: "0"
+  }),
+  d("not-sr-only", {
+    position: "static",
+    width: "auto",
+    height: "auto",
+    padding: "0",
+    margin: "0",
+    overflow: "visible",
+    whiteSpace: "normal",
+    clip: "auto"
+  })
+];
+function se(e) {
+  return (typeof e == "string" ? e : e[1]).replace(/-/g, " ").trim();
+}
+function Ye(e) {
+  return (typeof e == "string" ? e : e[1]).replace("col", "column");
+}
+function G(e, t = "-") {
+  let r = [];
+  for (let o of e)
+    r.push({
+      t: "top",
+      r: "right",
+      b: "bottom",
+      l: "left"
+    }[o]);
+  return r.join(t);
+}
+function M(e) {
+  return e && "" + (e._ || e);
+}
+function Je({ $$: e }) {
+  return ({
+    // /* aut*/ o: '',
+    /* sta*/
+    r: (
+      /*t*/
+      "flex-"
+    ),
+    /* end*/
+    "": "flex-",
+    // /* cen*/ t /*er*/: '',
+    /* bet*/
+    w: (
+      /*een*/
+      "space-"
+    ),
+    /* aro*/
+    u: (
+      /*nd*/
+      "space-"
+    ),
+    /* eve*/
+    n: (
+      /*ly*/
+      "space-"
+    )
+  }[e[3] || ""] || "") + e;
+}
+function X(e, t = "") {
+  return ({ 1: r, _: o }) => {
+    let n = {
+      x: "lr",
+      y: "tb"
+    }[r] || r + r;
+    return n ? {
+      ...de(e + "-" + G(n[0]) + t, o),
+      ...de(e + "-" + G(n[1]) + t, o)
+    } : de(e + t, o);
+  };
+}
+function Xe(e = "") {
+  let t = [
+    "blur",
+    "brightness",
+    "contrast",
+    "grayscale",
+    "hue-rotate",
+    "invert",
+    e && "opacity",
+    "saturate",
+    "sepia",
+    !e && "drop-shadow"
+  ].filter(Boolean), r = {};
+  for (let o of t)
+    r[`--tw-${e}${o}`] = "var(--tw-empty,/*!*/ /*!*/)";
+  return r = {
+    // move defaults
+    ...I(r),
+    // add default filter which allows standalone usage
+    [`${e}filter`]: t.map((o) => `var(--tw-${e}${o})`).join(" ")
+  }, [
+    `(${e}filter)-(none)`,
+    d(`${e}filter`, r),
+    ...t.map((o) => p(
+      // hue-rotate can be negated
+      `${o[0] == "h" ? "-?" : ""}(${e}${o})(?:$|-)`,
+      o,
+      ({ 1: n, _: i }) => ({
+        [`--tw-${n}`]: S(i).map((l) => `${o}(${l})`).join(" "),
+        ...r
+      })
+    ))
+  ];
+}
+function Te({ 1: e, _: t }) {
+  return {
+    ["--tw-" + e]: t,
+    ...Oe()
+  };
+}
+function Oe() {
+  return {
+    ...I({
+      "--tw-translate-x": "0",
+      "--tw-translate-y": "0",
+      "--tw-rotate": "0",
+      "--tw-skew-x": "0",
+      "--tw-skew-y": "0",
+      "--tw-scale-x": "1",
+      "--tw-scale-y": "1",
+      "--tw-transform": gt()
+    }),
+    transform: "var(--tw-transform)"
+  };
+}
+function gt(e) {
+  return [
+    e ? (
+      // -gpu
+      "translate3d(var(--tw-translate-x),var(--tw-translate-y),0)"
+    ) : "translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))",
+    "rotate(var(--tw-rotate))",
+    "skewX(var(--tw-skew-x))",
+    "skewY(var(--tw-skew-y))",
+    "scaleX(var(--tw-scale-x))",
+    "scaleY(var(--tw-scale-y))"
+  ].join(" ");
+}
+function Ze({ 1: e, 2: t }) {
+  return `${e} ${t} / ${e} ${t}`;
+}
+function Qe({ 1: e }) {
+  return `repeat(${e},minmax(0,1fr))`;
+}
+function I(e) {
+  return {
+    "@layer defaults": {
+      "*,::before,::after": e,
+      "::backdrop": e
+    }
+  };
+}
+let nr = [
+  [
+    "sticky",
+    "@supports ((position: -webkit-sticky) or (position:sticky))"
+  ],
+  [
+    "motion-reduce",
+    "@media (prefers-reduced-motion:reduce)"
+  ],
+  [
+    "motion-safe",
+    "@media (prefers-reduced-motion:no-preference)"
+  ],
+  [
+    "print",
+    "@media print"
+  ],
+  [
+    "(portrait|landscape)",
+    ({ 1: e }) => `@media (orientation:${e})`
+  ],
+  [
+    "contrast-(more|less)",
+    ({ 1: e }) => `@media (prefers-contrast:${e})`
+  ],
+  [
+    "(first-(letter|line)|placeholder|backdrop|before|after)",
+    ({ 1: e }) => `&::${e}`
+  ],
+  [
+    "(marker|selection)",
+    ({ 1: e }) => `& *::${e},&::${e}`
+  ],
+  [
+    "file",
+    "&::file-selector-button"
+  ],
+  [
+    "(first|last|only)",
+    ({ 1: e }) => `&:${e}-child`
+  ],
+  [
+    "even",
+    "&:nth-child(2n)"
+  ],
+  [
+    "odd",
+    "&:nth-child(odd)"
+  ],
+  [
+    "open",
+    "&[open]"
+  ],
+  // All other pseudo classes are already supported by twind
+  [
+    "(aria|data)-",
+    ({
+      1: e,
+      /* aria or data */
+      $$: t
+    }, r) => t && `&[${e}-${// aria-asc or data-checked -> from theme
+    r.theme(e, t) || // aria-[...] or data-[...]
+    P(t, "", r) || // default handling
+    `${t}="true"`}]`
+  ],
+  /* Styling based on parent and peer state */
+  // Groups classes like: group-focus and group-hover
+  // these need to add a marker selector with the pseudo class
+  // => '.group:focus .group-focus:selector'
+  [
+    "((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?",
+    ({ 2: e, 3: t = "", 4: r, 5: o = "", 6: n = t }, { e: i, h: l, v: s }) => {
+      let a = ne(o) || (r[0] == "[" ? r : s(r.slice(1)));
+      return `${(a.includes("&") ? a : "&" + a).replace(/&/g, `:merge(.${i(l(e + n))})`)}${e[0] == "p" ? "~" : " "}&`;
+    }
+  ],
+  // direction variants
+  [
+    "(ltr|rtl)",
+    ({ 1: e }) => `[dir="${e}"] &`
+  ],
+  [
+    "supports-",
+    ({ $$: e }, t) => {
+      if (e && (e = t.theme("supports", e) || P(e, "", t)), e)
+        return e.includes(":") || (e += ":var(--tw)"), /^\w*\s*\(/.test(e) || (e = `(${e})`), // Chrome has a bug where `(condtion1)or(condition2)` is not valid
+        // But `(condition1) or (condition2)` is supported.
+        `@supports ${e.replace(/\b(and|or|not)\b/g, " $1 ").trim()}`;
+    }
+  ],
+  [
+    "max-",
+    ({ $$: e }, t) => {
+      if (e && (e = t.theme("screens", e) || P(e, "", t)), typeof e == "string")
+        return `@media not all and (min-width:${e})`;
+    }
+  ],
+  [
+    "min-",
+    ({ $$: e }, t) => (e && (e = P(e, "", t)), e && `@media (min-width:${e})`)
+  ],
+  // Arbitrary variants
+  [
+    /^\[(.+)]$/,
+    ({ 1: e }) => /[&@]/.test(e) && ne(e).replace(/[}]+$/, "").split("{")
+  ]
+];
+function ir({ colors: e, disablePreflight: t } = {}) {
+  return {
+    // allow other preflight to run
+    preflight: t ? void 0 : rr,
+    theme: {
+      ...ge,
+      colors: {
+        inherit: "inherit",
+        current: "currentColor",
+        transparent: "transparent",
+        black: "#000",
+        white: "#fff",
+        ...e
+      }
+    },
+    variants: nr,
+    rules: or,
+    finalize(r) {
+      return (
+        // automatically add `content: ''` to before and after so you don’t have to specify it unless you want a different value
+        // ignore global, preflight, and auto added rules
+        r.n && // only if there are declarations
+        r.d && // and it has a ::before or ::after selector
+        r.r.some((o) => /^&::(before|after)$/.test(o)) && // there is no content property yet
+        !/(^|;)content:/.test(r.d) ? {
+          ...r,
+          d: "content:var(--tw-content);" + r.d
+        } : r
+      );
+    }
+  };
+}
+let ar = {
+  50: "#f8fafc",
+  100: "#f1f5f9",
+  200: "#e2e8f0",
+  300: "#cbd5e1",
+  400: "#94a3b8",
+  500: "#64748b",
+  600: "#475569",
+  700: "#334155",
+  800: "#1e293b",
+  900: "#0f172a"
+}, re = {
+  50: "#f9fafb",
+  100: "#f3f4f6",
+  200: "#e5e7eb",
+  300: "#d1d5db",
+  400: "#9ca3af",
+  500: "#6b7280",
+  600: "#4b5563",
+  700: "#374151",
+  800: "#1f2937",
+  900: "#111827"
+}, lr = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#a1a1aa",
+  500: "#71717a",
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b"
+}, sr = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#e5e5e5",
+  300: "#d4d4d4",
+  400: "#a3a3a3",
+  500: "#737373",
+  600: "#525252",
+  700: "#404040",
+  800: "#262626",
+  900: "#171717"
+}, cr = {
+  50: "#fafaf9",
+  100: "#f5f5f4",
+  200: "#e7e5e4",
+  300: "#d6d3d1",
+  400: "#a8a29e",
+  500: "#78716c",
+  600: "#57534e",
+  700: "#44403c",
+  800: "#292524",
+  900: "#1c1917"
+}, dr = {
+  50: "#fef2f2",
+  100: "#fee2e2",
+  200: "#fecaca",
+  300: "#fca5a5",
+  400: "#f87171",
+  500: "#ef4444",
+  600: "#dc2626",
+  700: "#b91c1c",
+  800: "#991b1b",
+  900: "#7f1d1d"
+}, pr = {
+  50: "#fff7ed",
+  100: "#ffedd5",
+  200: "#fed7aa",
+  300: "#fdba74",
+  400: "#fb923c",
+  500: "#f97316",
+  600: "#ea580c",
+  700: "#c2410c",
+  800: "#9a3412",
+  900: "#7c2d12"
+}, fr = {
+  50: "#fffbeb",
+  100: "#fef3c7",
+  200: "#fde68a",
+  300: "#fcd34d",
+  400: "#fbbf24",
+  500: "#f59e0b",
+  600: "#d97706",
+  700: "#b45309",
+  800: "#92400e",
+  900: "#78350f"
+}, ur = {
+  50: "#fefce8",
+  100: "#fef9c3",
+  200: "#fef08a",
+  300: "#fde047",
+  400: "#facc15",
+  500: "#eab308",
+  600: "#ca8a04",
+  700: "#a16207",
+  800: "#854d0e",
+  900: "#713f12"
+}, gr = {
+  50: "#f7fee7",
+  100: "#ecfccb",
+  200: "#d9f99d",
+  300: "#bef264",
+  400: "#a3e635",
+  500: "#84cc16",
+  600: "#65a30d",
+  700: "#4d7c0f",
+  800: "#3f6212",
+  900: "#365314"
+}, hr = {
+  50: "#f0fdf4",
+  100: "#dcfce7",
+  200: "#bbf7d0",
+  300: "#86efac",
+  400: "#4ade80",
+  500: "#22c55e",
+  600: "#16a34a",
+  700: "#15803d",
+  800: "#166534",
+  900: "#14532d"
+}, mr = {
+  50: "#ecfdf5",
+  100: "#d1fae5",
+  200: "#a7f3d0",
+  300: "#6ee7b7",
+  400: "#34d399",
+  500: "#10b981",
+  600: "#059669",
+  700: "#047857",
+  800: "#065f46",
+  900: "#064e3b"
+}, br = {
+  50: "#f0fdfa",
+  100: "#ccfbf1",
+  200: "#99f6e4",
+  300: "#5eead4",
+  400: "#2dd4bf",
+  500: "#14b8a6",
+  600: "#0d9488",
+  700: "#0f766e",
+  800: "#115e59",
+  900: "#134e4a"
+}, wr = {
+  50: "#ecfeff",
+  100: "#cffafe",
+  200: "#a5f3fc",
+  300: "#67e8f9",
+  400: "#22d3ee",
+  500: "#06b6d4",
+  600: "#0891b2",
+  700: "#0e7490",
+  800: "#155e75",
+  900: "#164e63"
+}, yr = {
+  50: "#f0f9ff",
+  100: "#e0f2fe",
+  200: "#bae6fd",
+  300: "#7dd3fc",
+  400: "#38bdf8",
+  500: "#0ea5e9",
+  600: "#0284c7",
+  700: "#0369a1",
+  800: "#075985",
+  900: "#0c4a6e"
+}, oe = {
+  50: "#eff6ff",
+  100: "#dbeafe",
+  200: "#bfdbfe",
+  300: "#93c5fd",
+  400: "#60a5fa",
+  500: "#3b82f6",
+  600: "#2563eb",
+  700: "#1d4ed8",
+  800: "#1e40af",
+  900: "#1e3a8a"
+}, xr = {
+  50: "#eef2ff",
+  100: "#e0e7ff",
+  200: "#c7d2fe",
+  300: "#a5b4fc",
+  400: "#818cf8",
+  500: "#6366f1",
+  600: "#4f46e5",
+  700: "#4338ca",
+  800: "#3730a3",
+  900: "#312e81"
+}, vr = {
+  50: "#f5f3ff",
+  100: "#ede9fe",
+  200: "#ddd6fe",
+  300: "#c4b5fd",
+  400: "#a78bfa",
+  500: "#8b5cf6",
+  600: "#7c3aed",
+  700: "#6d28d9",
+  800: "#5b21b6",
+  900: "#4c1d95"
+}, kr = {
+  50: "#faf5ff",
+  100: "#f3e8ff",
+  200: "#e9d5ff",
+  300: "#d8b4fe",
+  400: "#c084fc",
+  500: "#a855f7",
+  600: "#9333ea",
+  700: "#7e22ce",
+  800: "#6b21a8",
+  900: "#581c87"
+}, Sr = {
+  50: "#fdf4ff",
+  100: "#fae8ff",
+  200: "#f5d0fe",
+  300: "#f0abfc",
+  400: "#e879f9",
+  500: "#d946ef",
+  600: "#c026d3",
+  700: "#a21caf",
+  800: "#86198f",
+  900: "#701a75"
+}, Cr = {
+  50: "#fdf2f8",
+  100: "#fce7f3",
+  200: "#fbcfe8",
+  300: "#f9a8d4",
+  400: "#f472b6",
+  500: "#ec4899",
+  600: "#db2777",
+  700: "#be185d",
+  800: "#9d174d",
+  900: "#831843"
+}, Tr = {
+  50: "#fff1f2",
+  100: "#ffe4e6",
+  200: "#fecdd3",
+  300: "#fda4af",
+  400: "#fb7185",
+  500: "#f43f5e",
+  600: "#e11d48",
+  700: "#be123c",
+  800: "#9f1239",
+  900: "#881337"
+}, ht = {
+  __proto__: null,
+  slate: ar,
+  gray: re,
+  zinc: lr,
+  neutral: sr,
+  stone: cr,
+  red: dr,
+  orange: pr,
+  amber: fr,
+  yellow: ur,
+  lime: gr,
+  green: hr,
+  emerald: mr,
+  teal: br,
+  cyan: wr,
+  sky: yr,
+  blue: oe,
+  indigo: xr,
+  violet: vr,
+  purple: kr,
+  fuchsia: Sr,
+  pink: Cr,
+  rose: Tr
+};
+function $r({ disablePreflight: e } = {}) {
+  return ir({
+    colors: ht,
+    disablePreflight: e
+  });
+}
+function zr({ className: e = "prose", defaultColor: t = "gray", extend: r = {}, colors: o = {} } = {}) {
+  return o = {
+    body: "700",
+    headings: "900",
+    lead: "600",
+    links: "900",
+    bold: "900",
+    counters: "500",
+    bullets: "300",
+    hr: "200",
+    quotes: "900",
+    "quote-borders": "200",
+    captions: "500",
+    code: "900",
+    "pre-code": "200",
+    "pre-bg": "800",
+    "th-borders": "300",
+    "td-borders": "200",
+    ...o,
+    // invert colors (dark mode)
+    dark: o.dark === null ? null : {
+      body: "300",
+      headings: "#fff",
+      lead: "400",
+      links: "#fff",
+      bold: "#fff",
+      counters: "400",
+      bullets: "600",
+      hr: "700",
+      quotes: "100",
+      "quote-borders": "700",
+      captions: "400",
+      code: "#fff",
+      "pre-code": "300",
+      "pre-bg": "rgb(0 0 0 / 50%)",
+      "th-borders": "600",
+      "td-borders": "700",
+      ...o.dark
+    }
+  }, {
+    // for element modifiers: prose-img:rounded-xl, prose-headings
+    // & :is()
+    // & :is(:where(code):not(:where([class~="not-prose"] *)))
+    variants: [
+      [
+        "headings",
+        "h1,h2,h3,h4,h5,h6,th"
+      ],
+      [
+        "h1"
+      ],
+      [
+        "h2"
+      ],
+      [
+        "h3"
+      ],
+      [
+        "h4"
+      ],
+      [
+        "h5"
+      ],
+      [
+        "h6"
+      ],
+      [
+        "p"
+      ],
+      [
+        "a"
+      ],
+      [
+        "blockquote"
+      ],
+      [
+        "figure"
+      ],
+      [
+        "figcaption"
+      ],
+      [
+        "strong"
+      ],
+      [
+        "em"
+      ],
+      [
+        "code"
+      ],
+      [
+        "pre"
+      ],
+      [
+        "ol"
+      ],
+      [
+        "ul"
+      ],
+      [
+        "li"
+      ],
+      [
+        "table"
+      ],
+      [
+        "thead"
+      ],
+      [
+        "tr"
+      ],
+      [
+        "th"
+      ],
+      [
+        "td"
+      ],
+      [
+        "img"
+      ],
+      [
+        "video"
+      ],
+      [
+        "hr"
+      ],
+      [
+        "lead",
+        ".lead"
+      ]
+    ].map(([i, l = i]) => [
+      `${e}-${i}`,
+      (s, a) => mt(e, l[0] == "." ? "." + a.e(a.h(l.slice(1))) : l, a, (c) => `& :is(${c.trim()})`)
+    ]),
+    rules: [
+      // marker classes lead and not-prose
+      [
+        `(lead|not-${e})`,
+        ({ 1: i }, { h: l }) => [
+          {
+            c: l(i)
+          }
+        ]
+      ],
+      [
+        `${e}-invert`,
+        {
+          "@layer base": {
+            "--tw-prose-body": "var(--tw-prose-invert-body)",
+            "--tw-prose-headings": "var(--tw-prose-invert-headings)",
+            "--tw-prose-lead": "var(--tw-prose-invert-lead)",
+            "--tw-prose-links": "var(--tw-prose-invert-links)",
+            "--tw-prose-bold": "var(--tw-prose-invert-bold)",
+            "--tw-prose-counters": "var(--tw-prose-invert-counters)",
+            "--tw-prose-bullets": "var(--tw-prose-invert-bullets)",
+            "--tw-prose-hr": "var(--tw-prose-invert-hr)",
+            "--tw-prose-quotes": "var(--tw-prose-invert-quotes)",
+            "--tw-prose-quote-borders": "var(--tw-prose-invert-quote-borders)",
+            "--tw-prose-captions": "var(--tw-prose-invert-captions)",
+            "--tw-prose-code": "var(--tw-prose-invert-code)",
+            "--tw-prose-pre-code": "var(--tw-prose-invert-pre-code)",
+            "--tw-prose-pre-bg": "var(--tw-prose-invert-pre-bg)",
+            "--tw-prose-th-borders": "var(--tw-prose-invert-th-borders)",
+            "--tw-prose-td-borders": "var(--tw-prose-invert-td-borders)"
+          }
+        }
+      ],
+      // for type scale: prose-xl
+      [
+        e + "-",
+        ({ $$: i }, l) => {
+          let s = et(l.theme("fontSize", i));
+          return s && {
+            "@layer components": s
+          };
+        }
+      ],
+      // for colors: prose-sky
+      [
+        e + "-",
+        ({ $$: i }, l) => n(i, l)
+      ],
+      // prose
+      [
+        e,
+        (i, l) => ({
+          // layer defaults
+          ...n(t, l),
+          "@layer base": [
+            Ke(e, l, {
+              a: {
+                color: "var(--tw-prose-links)",
+                textDecorationLine: "underline",
+                fontWeight: "500"
+              },
+              strong: {
+                color: "var(--tw-prose-bold)",
+                fontWeight: "600"
+              },
+              "a strong,blockquote strong,thead th strong": {
+                color: "inherit"
+              },
+              ul: {
+                listStyleType: "disc"
+              },
+              ol: {
+                listStyleType: "decimal"
+              },
+              'ol[type="A"]': {
+                listStyleType: "upper-alpha"
+              },
+              'ol[type="a"]': {
+                listStyleType: "lower-alpha"
+              },
+              'ol[type="A" s]': {
+                listStyleType: "upper-alpha"
+              },
+              'ol[type="a" s]': {
+                listStyleType: "lower-alpha"
+              },
+              'ol[type="I"]': {
+                listStyleType: "upper-roman"
+              },
+              'ol[type="i"]': {
+                listStyleType: "lower-roman"
+              },
+              'ol[type="I" s]': {
+                listStyleType: "upper-roman"
+              },
+              'ol[type="i" s]': {
+                listStyleType: "lower-roman"
+              },
+              'ol[type="1"]': {
+                listStyleType: "decimal"
+              },
+              "ol,ul": {
+                marginTop: g(20, 16),
+                marginBottom: g(20, 16),
+                paddingLeft: g(26, 16)
+              },
+              li: {
+                marginTop: g(8, 16),
+                marginBottom: g(8, 16)
+              },
+              "ol>li,ul>li": {
+                paddingLeft: g(6, 16)
+              },
+              ">ul>li p": {
+                marginTop: g(12, 16),
+                marginBottom: g(12, 16)
+              },
+              ">ul>li>*:first-child,>ol>li>*:last-child": {
+                marginTop: g(20, 16)
+              },
+              ">ul>li>*:last-child,>ol>li>*:last-child": {
+                marginBottom: g(20, 16)
+              },
+              "ol>li::marker": {
+                fontWeight: "400",
+                color: "var(--tw-prose-counters)"
+              },
+              "ul>li::marker": {
+                color: "var(--tw-prose-bullets)"
+              },
+              "ul ul,ul ol,ol ul,ol ol": {
+                marginTop: g(12, 16),
+                marginBottom: g(12, 16)
+              },
+              hr: {
+                borderColor: "var(--tw-prose-hr)",
+                borderTopWidth: "1",
+                marginTop: g(48, 16),
+                marginBottom: g(48, 16)
+              },
+              blockquote: {
+                marginTop: g(32, 20),
+                marginBottom: g(32, 20),
+                paddingLeft: g(20, 20),
+                fontWeight: "500",
+                fontStyle: "italic",
+                color: "var(--tw-prose-quotes)",
+                borderLeftWidth: "0.25rem",
+                borderLeftColor: "var(--tw-prose-quote-borders)",
+                quotes: '"\\201C""\\201D""\\2018""\\2019"'
+              },
+              "blockquote p:first-of-type::before": {
+                content: "open-quote"
+              },
+              "blockquote p:last-of-type::after": {
+                content: "close-quote"
+              },
+              p: {
+                marginTop: g(20, 16),
+                marginBottom: g(20, 16)
+              },
+              h1: {
+                color: "var(--tw-prose-headings)",
+                fontWeight: "800",
+                fontSize: g(36, 16),
+                marginTop: "0",
+                marginBottom: g(32, 36),
+                lineHeight: 1.15
+              },
+              "h1 strong": {
+                fontWeight: "900",
+                color: "inherit"
+              },
+              h2: {
+                color: "var(--tw-prose-headings)",
+                fontWeight: "700",
+                fontSize: g(24, 16),
+                marginTop: g(48, 24),
+                marginBottom: g(24, 24),
+                lineHeight: "1.35"
+              },
+              "h2 strong": {
+                fontWeight: "800",
+                color: "inherit"
+              },
+              h3: {
+                color: "var(--tw-prose-headings)",
+                fontWeight: "600",
+                fontSize: g(20, 16),
+                marginTop: g(32, 20),
+                marginBottom: g(12, 20),
+                lineHeight: "1.6"
+              },
+              "h3 strong": {
+                fontWeight: "700",
+                color: "inherit"
+              },
+              h4: {
+                color: "var(--tw-prose-headings)",
+                fontWeight: "600",
+                marginTop: g(24, 16),
+                marginBottom: g(8, 16),
+                lineHeight: "1.5"
+              },
+              "h4 strong": {
+                fontWeight: "700",
+                color: "inherit"
+              },
+              "hr+*,h2+*,h3+*,h4+*": {
+                marginTop: "0"
+              },
+              "img,video,figure": {
+                marginTop: g(32, 16),
+                marginBottom: g(32, 16)
+              },
+              "figure>*": {
+                marginTop: "0",
+                marginBottom: "0"
+              },
+              figcaption: {
+                color: "var(--tw-prose-captions)",
+                fontSize: g(14, 16),
+                lineHeight: "1.4",
+                marginTop: g(12, 14)
+              },
+              code: {
+                color: "var(--tw-prose-code)",
+                fontWeight: "600",
+                fontSize: g(14, 16)
+              },
+              "code::before,code::after": {
+                content: '"`"'
+              },
+              "h2 code": {
+                fontSize: g(21, 24)
+              },
+              "h3 code": {
+                fontSize: g(18, 20)
+              },
+              "a code,h1 code,h2 code,h3 code,h4 code,blockquote code,thead th code": {
+                color: "inherit"
+              },
+              pre: {
+                color: "var(--tw-prose-pre-code)",
+                backgroundColor: "var(--tw-prose-pre-bg)",
+                overflowX: "auto",
+                fontWeight: "400",
+                fontSize: g(14, 16),
+                lineHeight: "1.7",
+                marginTop: g(24, 14),
+                marginBottom: g(24, 14),
+                borderRadius: "0.375rem",
+                paddingTop: g(12, 14),
+                paddingRight: g(16, 14),
+                paddingBottom: g(12, 14),
+                paddingLeft: g(16, 14)
+              },
+              "pre code": {
+                backgroundColor: "transparent",
+                borderWidth: "0",
+                borderRadius: "0",
+                padding: "0",
+                fontWeight: "inherit",
+                color: "inherit",
+                fontSize: "inherit",
+                fontFamily: "inherit",
+                lineHeight: "inherit"
+              },
+              "pre code::before": {
+                content: "none"
+              },
+              "pre code::after": {
+                content: "none"
+              },
+              table: {
+                width: "100%",
+                tableLayout: "auto",
+                textAlign: "left",
+                marginTop: g(32, 16),
+                marginBottom: g(32, 16),
+                fontSize: g(14, 16),
+                lineHeight: "1.7"
+              },
+              thead: {
+                borderBottomWidth: "1px",
+                borderBottomColor: "var(--tw-prose-th-borders)"
+              },
+              "thead th": {
+                color: "var(--tw-prose-headings)",
+                fontWeight: "600",
+                verticalAlign: "bottom",
+                paddingRight: g(8, 14),
+                paddingBottom: g(8, 14),
+                paddingLeft: g(8, 14)
+              },
+              "thead th:first-child": {
+                paddingLeft: "0"
+              },
+              "thead th:last-child": {
+                paddingRight: "0"
+              },
+              "tbody tr": {
+                borderBottomWidth: "1px",
+                borderBottomColor: "var(--tw-prose-td-borders)"
+              },
+              "tbody tr:last-child": {
+                borderBottomWidth: "0"
+              },
+              "tbody td,tfoot td": {
+                verticalAlign: "baseline",
+                paddingTop: g(8, 14),
+                paddingRight: g(8, 14),
+                paddingBottom: g(8, 14),
+                paddingLeft: g(8, 14)
+              },
+              "tbody td:first-child,tfoot td:first-child": {
+                paddingLeft: "0"
+              },
+              "tbody td:last-child,tfoot td:last-child": {
+                paddingRight: "0"
+              },
+              [`.${l.e(l.h("lead"))}`]: {
+                color: "var(--tw-prose-lead)",
+                fontSize: g(20, 16),
+                lineHeight: "1.6",
+                marginTop: g(24, 20),
+                marginBottom: g(24, 20)
+              },
+              ">:first-child": {
+                marginTop: "0"
+              },
+              ">:last-child": {
+                marginBottom: "0"
+              }
+            }),
+            Ke(e, l, r)
+          ],
+          "@layer components": {
+            ...et(l.theme("fontSize", "base")),
+            color: "var(--tw-prose-body)",
+            maxWidth: "theme(max-w.prose, 65ch)"
+          }
+        })
+      ]
+    ]
+  };
+  function n(i, l) {
+    let s = {}, a = {}, c = (u, f, h) => {
+      let b = l.theme(`colors.${i}.${f}`, f);
+      h["--tw-prose-" + u] = z(b);
+      let w = h != a && l.d("colors", `${i}-${f}`, b);
+      w && (a["--tw-prose-" + u] = z(w));
+    };
+    for (let u in o) {
+      let f = o[u];
+      u != "dark" && f && c(u, f, s);
+    }
+    for (let u in o.dark || {}) {
+      let f = o.dark[u];
+      f && (o.dark ? (
+        // explicit dark colors - need to use `dark:prose-invert`
+        c("invert-" + u, f, s)
+      ) : (
+        // auto dark colors
+        c(u, f, a)
+      ));
+    }
+    return Object.keys(s).length ? {
+      "@layer defaults": {
+        "&": s,
+        [l.v("dark")]: a
+      }
+    } : void 0;
+  }
+}
+function Ke(e, t, r) {
+  let o = {};
+  for (let n in r)
+    o[mt(e, n, t, (i) => `.${t.e(t.h(e))}${i}`)] = r[n];
+  return o;
+}
+function mt(e, t, { e: r, h: o }, n) {
+  return t.replace(
+    // 1. if there no pseudo use whole selector
+    // 2. if there are pseudo replace prefix
+    /^[^>:]+$|(>)?((?:[^:,]+(?::[\w-]+)?)|:[\w-]+)(::[\w-]+)?/g,
+    (i, l = " ", s = i, a = "") => n(`${l}:where(${s}):not(:where(.${r(o("not-" + e))} *))${a}`)
+  );
+}
+function et(e) {
+  return e ? typeof e == "string" ? {
+    fontSize: e
+  } : {
+    fontSize: e[0],
+    ...typeof e[1] == "string" ? {
+      lineHeight: e[1]
+    } : e[1]
+  } : void 0;
+}
+function g(e, t) {
+  return `${(e / t).toFixed(3).replace(/^0|\.?0+$/g, "")}em`;
+}
+let bt = {
+  ...ge,
+  colors: ht
+}, [Ar, Rr] = bt.fontSize.base, { spacing: q, borderWidth: tt, borderRadius: rt } = bt;
+function Er({ strategy: e } = {}) {
+  let t = {};
+  return e !== "base" && (t.rules = [
+    [
+      "(" + [
+        ...new Set($e.flatMap((r) => r.c).filter(Boolean))
+      ].join("|") + ")",
+      (r, o) => ({
+        "@layer base": $e.filter((n) => {
+          var i;
+          return (i = n.c) == null ? void 0 : i.includes(r[1]);
+        }).map(({ c: n, s: i }) => ({
+          ["" + n.map((l) => "." + o.e(o.h(l)))]: typeof i == "function" ? i(o) : i
+        }))
+      })
+    ]
+  ]), e !== "class" && (t.preflight = (r) => {
+    let o = {};
+    for (let { b: n, s: i } of $e)
+      o["" + n] = typeof i == "function" ? i(r) : i;
+    return o;
+  }), t;
+}
+let $e = [
+  {
+    b: [
+      "[type='text']",
+      "[type='email']",
+      "[type='url']",
+      "[type='password']",
+      "[type='number']",
+      "[type='date']",
+      "[type='datetime-local']",
+      "[type='month']",
+      "[type='search']",
+      "[type='tel']",
+      "[type='time']",
+      "[type='week']",
+      "[multiple]",
+      "textarea",
+      "select"
+    ],
+    c: [
+      "form-input",
+      "form-textarea",
+      "form-select",
+      "form-multiselect"
+    ],
+    s: ({ theme: e }) => ({
+      appearance: "none",
+      "background-color": "#fff",
+      "border-color": z(e("colors.gray.500", re[500])),
+      "border-width": tt.DEFAULT,
+      "border-radius": rt.none,
+      "padding-top": q[2],
+      "padding-right": q[3],
+      "padding-bottom": q[2],
+      "padding-left": q[3],
+      "font-size": Ar,
+      "line-height": Rr,
+      "--tw-shadow": "0 0 #0000",
+      "&:focus": {
+        outline: "2px solid transparent",
+        "outline-offset": "2px",
+        "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-ring-offset-width": "0px",
+        "--tw-ring-offset-color": "#fff",
+        "--tw-ring-color": z(e("colors.blue.600", oe[600])),
+        "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+        "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
+        "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)",
+        "border-color": z(e("colors.blue.600", oe[600]))
+      }
+    })
+  },
+  {
+    b: [
+      "input",
+      "textarea"
+    ],
+    c: [
+      "form-input",
+      "form-textarea"
+    ],
+    s: ({ theme: e }) => ({
+      "&::placeholder": {
+        color: z(e("colors.gray.500", re[500])),
+        opacity: "1"
+      }
+    })
+  },
+  {
+    b: [
+      ""
+    ],
+    c: [
+      "form-input"
+    ],
+    s: {
+      "&::-webkit-datetime-edit-fields-wrapper": {
+        padding: "0"
+      },
+      // Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
+      // This sucks because users can't change line-height with a utility on date inputs now.
+      // Reference: https://github.com/twbs/bootstrap/pull/31993
+      "&::-webkit-date-and-time-value": {
+        "min-height": "1.5em"
+      }
+    }
+  },
+  {
+    b: [
+      "select"
+    ],
+    c: [
+      "form-select"
+    ],
+    s: ({ theme: e }) => ({
+      "background-image": `url("${ce(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${z(e("colors.gray.500", re[500]))}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>`)}")`,
+      "background-position": `right ${q[2]} center`,
+      "background-repeat": "no-repeat",
+      "background-size": "1.5em 1.5em",
+      "padding-right": q[10],
+      "color-adjust": "exact"
+    })
+  },
+  {
+    b: [
+      "[multiple]"
+    ],
+    // class: null,
+    s: {
+      "background-image": "initial",
+      "background-position": "initial",
+      "background-repeat": "unset",
+      "background-size": "initial",
+      "padding-right": q[3],
+      "color-adjust": "unset"
+    }
+  },
+  {
+    b: [
+      "[type='checkbox']",
+      "[type='radio']"
+    ],
+    c: [
+      "form-checkbox",
+      "form-radio"
+    ],
+    s: ({ theme: e }) => ({
+      appearance: "none",
+      padding: "0",
+      "color-adjust": "exact",
+      display: "inline-block",
+      "vertical-align": "middle",
+      "background-origin": "border-box",
+      "user-select": "none",
+      "flex-shrink": "0",
+      height: q[4],
+      width: q[4],
+      color: z(e("colors.blue.600", oe[600])),
+      "background-color": "#fff",
+      "border-color": z(e("colors.gray.500", re[500])),
+      "border-width": tt.DEFAULT,
+      "--tw-shadow": "0 0 #0000",
+      "&:focus": {
+        outline: "2px solid transparent",
+        "outline-offset": "2px",
+        "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+        "--tw-ring-offset-width": "2px",
+        "--tw-ring-offset-color": "#fff",
+        "--tw-ring-color": z(e("colors.blue.600", oe[600])),
+        "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+        "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
+        "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
+      },
+      "&:checked": {
+        "border-color": "transparent",
+        "background-color": "currentColor",
+        "background-size": "100% 100%",
+        "background-position": "center",
+        "background-repeat": "no-repeat",
+        "&:hover,&:focus": {
+          "border-color": "transparent",
+          "background-color": "currentColor"
+        }
+      }
+    })
+  },
+  {
+    b: [
+      "[type='checkbox']"
+    ],
+    c: [
+      "form-checkbox"
+    ],
+    s: {
+      "border-radius": rt.none,
+      "&:checked": {
+        "background-image": `url("${ce('<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>')}")`
+      },
+      "&:indeterminate": {
+        "background-image": `url("${ce('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h8"/></svg>')}")`,
+        "border-color": "transparent",
+        "background-color": "currentColor",
+        "background-size": "100% 100%",
+        "background-position": "center",
+        "background-repeat": "no-repeat",
+        "&:hover,&:focus": {
+          "border-color": "transparent",
+          "background-color": "currentColor"
+        }
+      }
+    }
+  },
+  {
+    b: [
+      "[type='radio']"
+    ],
+    c: [
+      "form-radio"
+    ],
+    s: {
+      "border-radius": "100%",
+      "&:checked": {
+        "background-image": `url("${ce('<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>')}")`
+      }
+    }
+  },
+  {
+    b: [
+      "[type='file']"
+    ],
+    // class: null,
+    s: {
+      background: "unset",
+      "border-color": "inherit",
+      "border-width": "0",
+      "border-radius": "0",
+      padding: "0",
+      "font-size": "unset",
+      "line-height": "inherit",
+      "&:focus": {
+        outline: [
+          "1px solid ButtonText",
+          "1px auto -webkit-focus-ring-color"
+        ]
+      }
+    }
+  }
+];
+function Fr(e) {
+  switch (e) {
+    case "%20":
+      return " ";
+    case "%3D":
+      return "=";
+    case "%3A":
+      return ":";
+    case "%2F":
+      return "/";
+    default:
+      return e.toLowerCase();
+  }
+}
+function ce(e) {
+  return "data:image/svg+xml," + encodeURIComponent(e.trim().replace(/\s+/g, " ").replace(/"/g, "'")).replace(/%[\dA-F]{2}/g, Fr);
+}
+const Wr = ft({
+  theme: {
+    extend: {
+      colors: {
+        primary: "var(--clr-primary,black)",
+        accent: "var(--clr-accent,blue)",
+        label: "var(--clr-label,black)",
+        input: "var(--clr-input,black)",
+        placeholder: "var(--clr-placeholder,#94a3b8)",
+        "category-label": "var(--clr-category-label,black)"
+      },
+      fontFamily: {
+        "ff-text": ["var(--ff-text)", "Helvetica", "Arial", "sans-serif"]
+      }
+    }
+  },
+  presets: [
+    tr(),
+    $r(),
+    zr(),
+    Er()
+  ]
+}), Or = Dt(Wr), jr = Jt(xt, {
+  props: {
+    config: "json",
+    options: "json"
+  },
+  shadow: "open"
+});
+class Dr extends Or(jr) {
+}
+customElements.define("twintag-form", Dr);