@valbuild/ui 0.48.0 → 0.49.0

package/dist/valbuild-ui.esm.js

@@ -46777,27 +46777,32 @@ function requireReactDom_production_min() {
   reactDom_production_min.version = "18.2.0-next-9e3b772b8-20220608";
   return reactDom_production_min;
 }
-function checkDCE() {
-  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
-    return;
-  }
-  if (process.env.NODE_ENV !== "production") {
-    throw new Error("^_^");
+var hasRequiredReactDom;
+function requireReactDom() {
+  if (hasRequiredReactDom)
+    return reactDom.exports;
+  hasRequiredReactDom = 1;
+  function checkDCE() {
+    if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
+      return;
+    }
+    if (process.env.NODE_ENV !== "production") {
+      throw new Error("^_^");
+    }
+    try {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
+    } catch (err2) {
+      console.error(err2);
+    }
   }
-  try {
-    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
-  } catch (err2) {
-    console.error(err2);
+  if (process.env.NODE_ENV === "production") {
+    checkDCE();
+    reactDom.exports = requireReactDom_production_min();
+  } else {
+    reactDom.exports = requireReactDom_development();
   }
+  return reactDom.exports;
 }
-if (process.env.NODE_ENV === "production") {
-  checkDCE();
-  reactDom.exports = requireReactDom_production_min();
-} else {
-  reactDom.exports = requireReactDom_development();
-}
-var reactDomExports = reactDom.exports;
-const $7SXl2$reactdom = /* @__PURE__ */ getDefaultExportFromCjs(reactDomExports);
 var LexicalDragon_prod = {};
 var hasRequiredLexicalDragon_prod;
 function requireLexicalDragon_prod() {
@@ -48930,7 +48935,7 @@ function requireLexicalRichTextPlugin_prod() {
   if (hasRequiredLexicalRichTextPlugin_prod)
     return LexicalRichTextPlugin_prod;
   hasRequiredLexicalRichTextPlugin_prod = 1;
-  var b = requireLexicalComposerContext(), g = requireUseLexicalEditable(), l = React__default, m = requireLexicalText(), n = requireLexicalUtils(), p = reactDomExports, t = requireLexicalDragon(), u = LexicalRichText_1, v = "undefined" !== typeof window && "undefined" !== typeof window.document && "undefined" !== typeof window.document.createElement ? l.useLayoutEffect : l.useEffect;
+  var b = requireLexicalComposerContext(), g = requireUseLexicalEditable(), l = React__default, m = requireLexicalText(), n = requireLexicalUtils(), p = requireReactDom(), t = requireLexicalDragon(), u = LexicalRichText_1, v = "undefined" !== typeof window && "undefined" !== typeof window.document && "undefined" !== typeof window.document.createElement ? l.useLayoutEffect : l.useEffect;
   function w(a) {
     return a.getEditorState().read(m.$canShowPlaceholderCurry(a.isComposing()));
   }
@@ -48997,7 +49002,7 @@ function requireLexicalRichTextPlugin_dev() {
   var React2 = React__default;
   var text = requireLexicalText();
   var utils2 = requireLexicalUtils();
-  var reactDom2 = reactDomExports;
+  var reactDom2 = requireReactDom();
   var dragon = requireLexicalDragon();
   var richText = LexicalRichText_1;
   const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
@@ -50863,16 +50868,16 @@ new Sym("()");
 var VAL_EXTENSION = "_type";
 var FILE_REF_PROP = "_ref";
 function convertFileSource(src) {
-  var _src$metadata2;
+  var _src$metadata3, _src$metadata4;
   if (!src[FILE_REF_PROP].startsWith("/public")) {
-    var _src$metadata;
+    var _src$metadata, _src$metadata2;
     return {
-      url: src[FILE_REF_PROP] + "?sha256=".concat((_src$metadata = src.metadata) === null || _src$metadata === void 0 ? void 0 : _src$metadata.sha256),
+      url: src[FILE_REF_PROP] + ((_src$metadata = src.metadata) !== null && _src$metadata !== void 0 && _src$metadata.sha256 ? "?sha256=".concat((_src$metadata2 = src.metadata) === null || _src$metadata2 === void 0 ? void 0 : _src$metadata2.sha256) : ""),
       metadata: src.metadata
     };
   }
   return {
-    url: src[FILE_REF_PROP].slice("/public".length) + "?sha256=".concat((_src$metadata2 = src.metadata) === null || _src$metadata2 === void 0 ? void 0 : _src$metadata2.sha256),
+    url: src[FILE_REF_PROP].slice("/public".length) + ((_src$metadata3 = src.metadata) !== null && _src$metadata3 !== void 0 && _src$metadata3.sha256 ? "?sha256=".concat((_src$metadata4 = src.metadata) === null || _src$metadata4 === void 0 ? void 0 : _src$metadata4.sha256) : ""),
     metadata: src.metadata
   };
 }
@@ -54463,7 +54468,701 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-var MIME_TYPE_REGEX = /^data:(image\/(png|jpeg|jpg|gif|webp|bmp|tiff|ico|svg\+xml));base64,/;
+var EXT_TO_MIME_TYPES = {
+  x3d: "application/vnd.hzn-3d-crossword",
+  "3gp": "video/3gpp",
+  "3g2": "video/3gpp2",
+  mseq: "application/vnd.mseq",
+  pwn: "application/vnd.3m.post-it-notes",
+  plb: "application/vnd.3gpp.pic-bw-large",
+  psb: "application/vnd.3gpp.pic-bw-small",
+  pvb: "application/vnd.3gpp.pic-bw-var",
+  tcap: "application/vnd.3gpp2.tcap",
+  "7z": "application/x-7z-compressed",
+  abw: "application/x-abiword",
+  ace: "application/x-ace-compressed",
+  acc: "application/vnd.americandynamics.acc",
+  acu: "application/vnd.acucobol",
+  atc: "application/vnd.acucorp",
+  adp: "audio/adpcm",
+  aab: "application/x-authorware-bin",
+  aam: "application/x-authorware-map",
+  aas: "application/x-authorware-seg",
+  air: "application/vnd.adobe.air-application-installer-package+zip",
+  swf: "application/x-shockwave-flash",
+  fxp: "application/vnd.adobe.fxp",
+  pdf: "application/pdf",
+  ppd: "application/vnd.cups-ppd",
+  dir: "application/x-director",
+  xdp: "application/vnd.adobe.xdp+xml",
+  xfdf: "application/vnd.adobe.xfdf",
+  aac: "audio/x-aac",
+  ahead: "application/vnd.ahead.space",
+  azf: "application/vnd.airzip.filesecure.azf",
+  azs: "application/vnd.airzip.filesecure.azs",
+  azw: "application/vnd.amazon.ebook",
+  ami: "application/vnd.amiga.ami",
+  "N/A": "application/andrew-inset",
+  apk: "application/vnd.android.package-archive",
+  cii: "application/vnd.anser-web-certificate-issue-initiation",
+  fti: "application/vnd.anser-web-funds-transfer-initiation",
+  atx: "application/vnd.antix.game-component",
+  dmg: "application/x-apple-diskimage",
+  mpkg: "application/vnd.apple.installer+xml",
+  aw: "application/applixware",
+  mp3: "audio/mpeg",
+  les: "application/vnd.hhe.lesson-player",
+  swi: "application/vnd.aristanetworks.swi",
+  s: "text/x-asm",
+  atomcat: "application/atomcat+xml",
+  atomsvc: "application/atomsvc+xml",
+  atom: "application/atom+xml",
+  ac: "application/pkix-attr-cert",
+  aif: "audio/x-aiff",
+  avi: "video/x-msvideo",
+  aep: "application/vnd.audiograph",
+  dxf: "image/vnd.dxf",
+  dwf: "model/vnd.dwf",
+  par: "text/plain-bas",
+  bcpio: "application/x-bcpio",
+  bin: "application/octet-stream",
+  bmp: "image/bmp",
+  torrent: "application/x-bittorrent",
+  cod: "application/vnd.rim.cod",
+  mpm: "application/vnd.blueice.multipass",
+  bmi: "application/vnd.bmi",
+  sh: "application/x-sh",
+  btif: "image/prs.btif",
+  rep: "application/vnd.businessobjects",
+  bz: "application/x-bzip",
+  bz2: "application/x-bzip2",
+  csh: "application/x-csh",
+  c: "text/x-c",
+  cdxml: "application/vnd.chemdraw+xml",
+  css: "text/css",
+  cdx: "chemical/x-cdx",
+  cml: "chemical/x-cml",
+  csml: "chemical/x-csml",
+  cdbcmsg: "application/vnd.contact.cmsg",
+  cla: "application/vnd.claymore",
+  c4g: "application/vnd.clonk.c4group",
+  sub: "image/vnd.dvb.subtitle",
+  cdmia: "application/cdmi-capability",
+  cdmic: "application/cdmi-container",
+  cdmid: "application/cdmi-domain",
+  cdmio: "application/cdmi-object",
+  cdmiq: "application/cdmi-queue",
+  c11amc: "application/vnd.cluetrust.cartomobile-config",
+  c11amz: "application/vnd.cluetrust.cartomobile-config-pkg",
+  ras: "image/x-cmu-raster",
+  dae: "model/vnd.collada+xml",
+  csv: "text/csv",
+  cpt: "application/mac-compactpro",
+  wmlc: "application/vnd.wap.wmlc",
+  cgm: "image/cgm",
+  ice: "x-conference/x-cooltalk",
+  cmx: "image/x-cmx",
+  xar: "application/vnd.xara",
+  cmc: "application/vnd.cosmocaller",
+  cpio: "application/x-cpio",
+  clkx: "application/vnd.crick.clicker",
+  clkk: "application/vnd.crick.clicker.keyboard",
+  clkp: "application/vnd.crick.clicker.palette",
+  clkt: "application/vnd.crick.clicker.template",
+  clkw: "application/vnd.crick.clicker.wordbank",
+  wbs: "application/vnd.criticaltools.wbs+xml",
+  cryptonote: "application/vnd.rig.cryptonote",
+  cif: "chemical/x-cif",
+  cmdf: "chemical/x-cmdf",
+  cu: "application/cu-seeme",
+  cww: "application/prs.cww",
+  curl: "text/vnd.curl",
+  dcurl: "text/vnd.curl.dcurl",
+  mcurl: "text/vnd.curl.mcurl",
+  scurl: "text/vnd.curl.scurl",
+  car: "application/vnd.curl.car",
+  pcurl: "application/vnd.curl.pcurl",
+  cmp: "application/vnd.yellowriver-custom-menu",
+  dssc: "application/dssc+der",
+  xdssc: "application/dssc+xml",
+  deb: "application/x-debian-package",
+  uva: "audio/vnd.dece.audio",
+  uvi: "image/vnd.dece.graphic",
+  uvh: "video/vnd.dece.hd",
+  uvm: "video/vnd.dece.mobile",
+  uvu: "video/vnd.uvvu.mp4",
+  uvp: "video/vnd.dece.pd",
+  uvs: "video/vnd.dece.sd",
+  uvv: "video/vnd.dece.video",
+  dvi: "application/x-dvi",
+  seed: "application/vnd.fdsn.seed",
+  dtb: "application/x-dtbook+xml",
+  res: "application/x-dtbresource+xml",
+  ait: "application/vnd.dvb.ait",
+  svc: "application/vnd.dvb.service",
+  eol: "audio/vnd.digital-winds",
+  djvu: "image/vnd.djvu",
+  dtd: "application/xml-dtd",
+  mlp: "application/vnd.dolby.mlp",
+  wad: "application/x-doom",
+  dpg: "application/vnd.dpgraph",
+  dra: "audio/vnd.dra",
+  dfac: "application/vnd.dreamfactory",
+  dts: "audio/vnd.dts",
+  dtshd: "audio/vnd.dts.hd",
+  dwg: "image/vnd.dwg",
+  geo: "application/vnd.dynageo",
+  es: "application/ecmascript",
+  mag: "application/vnd.ecowin.chart",
+  mmr: "image/vnd.fujixerox.edmics-mmr",
+  rlc: "image/vnd.fujixerox.edmics-rlc",
+  exi: "application/exi",
+  mgz: "application/vnd.proteus.magazine",
+  epub: "application/epub+zip",
+  eml: "message/rfc822",
+  nml: "application/vnd.enliven",
+  xpr: "application/vnd.is-xpr",
+  xif: "image/vnd.xiff",
+  xfdl: "application/vnd.xfdl",
+  emma: "application/emma+xml",
+  ez2: "application/vnd.ezpix-album",
+  ez3: "application/vnd.ezpix-package",
+  fst: "image/vnd.fst",
+  fvt: "video/vnd.fvt",
+  fbs: "image/vnd.fastbidsheet",
+  fe_launch: "application/vnd.denovo.fcselayout-link",
+  f4v: "video/x-f4v",
+  flv: "video/x-flv",
+  fpx: "image/vnd.fpx",
+  npx: "image/vnd.net-fpx",
+  flx: "text/vnd.fmi.flexstor",
+  fli: "video/x-fli",
+  ftc: "application/vnd.fluxtime.clip",
+  fdf: "application/vnd.fdf",
+  f: "text/x-fortran",
+  mif: "application/vnd.mif",
+  fm: "application/vnd.framemaker",
+  fh: "image/x-freehand",
+  fsc: "application/vnd.fsc.weblaunch",
+  fnc: "application/vnd.frogans.fnc",
+  ltf: "application/vnd.frogans.ltf",
+  ddd: "application/vnd.fujixerox.ddd",
+  xdw: "application/vnd.fujixerox.docuworks",
+  xbd: "application/vnd.fujixerox.docuworks.binder",
+  oas: "application/vnd.fujitsu.oasys",
+  oa2: "application/vnd.fujitsu.oasys2",
+  oa3: "application/vnd.fujitsu.oasys3",
+  fg5: "application/vnd.fujitsu.oasysgp",
+  bh2: "application/vnd.fujitsu.oasysprs",
+  spl: "application/x-futuresplash",
+  fzs: "application/vnd.fuzzysheet",
+  g3: "image/g3fax",
+  gmx: "application/vnd.gmx",
+  gtw: "model/vnd.gtw",
+  txd: "application/vnd.genomatix.tuxedo",
+  ggb: "application/vnd.geogebra.file",
+  ggt: "application/vnd.geogebra.tool",
+  gdl: "model/vnd.gdl",
+  gex: "application/vnd.geometry-explorer",
+  gxt: "application/vnd.geonext",
+  g2w: "application/vnd.geoplan",
+  g3w: "application/vnd.geospace",
+  gsf: "application/x-font-ghostscript",
+  bdf: "application/x-font-bdf",
+  gtar: "application/x-gtar",
+  texinfo: "application/x-texinfo",
+  gnumeric: "application/x-gnumeric",
+  kml: "application/vnd.google-earth.kml+xml",
+  kmz: "application/vnd.google-earth.kmz",
+  gqf: "application/vnd.grafeq",
+  gif: "image/gif",
+  gv: "text/vnd.graphviz",
+  gac: "application/vnd.groove-account",
+  ghf: "application/vnd.groove-help",
+  gim: "application/vnd.groove-identity-message",
+  grv: "application/vnd.groove-injector",
+  gtm: "application/vnd.groove-tool-message",
+  tpl: "application/vnd.groove-tool-template",
+  vcg: "application/vnd.groove-vcard",
+  h261: "video/h261",
+  h263: "video/h263",
+  h264: "video/h264",
+  hpid: "application/vnd.hp-hpid",
+  hps: "application/vnd.hp-hps",
+  hdf: "application/x-hdf",
+  rip: "audio/vnd.rip",
+  hbci: "application/vnd.hbci",
+  jlt: "application/vnd.hp-jlyt",
+  pcl: "application/vnd.hp-pcl",
+  hpgl: "application/vnd.hp-hpgl",
+  hvs: "application/vnd.yamaha.hv-script",
+  hvd: "application/vnd.yamaha.hv-dic",
+  hvp: "application/vnd.yamaha.hv-voice",
+  "sfd-hdstx": "application/vnd.hydrostatix.sof-data",
+  stk: "application/hyperstudio",
+  hal: "application/vnd.hal+xml",
+  html: "text/html",
+  irm: "application/vnd.ibm.rights-management",
+  sc: "application/vnd.ibm.secure-container",
+  ics: "text/calendar",
+  icc: "application/vnd.iccprofile",
+  ico: "image/x-icon",
+  igl: "application/vnd.igloader",
+  ief: "image/ief",
+  ivp: "application/vnd.immervision-ivp",
+  ivu: "application/vnd.immervision-ivu",
+  rif: "application/reginfo+xml",
+  "3dml": "text/vnd.in3d.3dml",
+  spot: "text/vnd.in3d.spot",
+  igs: "model/iges",
+  i2g: "application/vnd.intergeo",
+  cdy: "application/vnd.cinderella",
+  xpw: "application/vnd.intercon.formnet",
+  fcs: "application/vnd.isac.fcs",
+  ipfix: "application/ipfix",
+  cer: "application/pkix-cert",
+  pki: "application/pkixcmp",
+  crl: "application/pkix-crl",
+  pkipath: "application/pkix-pkipath",
+  igm: "application/vnd.insors.igm",
+  rcprofile: "application/vnd.ipunplugged.rcprofile",
+  irp: "application/vnd.irepository.package+xml",
+  jad: "text/vnd.sun.j2me.app-descriptor",
+  jar: "application/java-archive",
+  "class": "application/java-vm",
+  jnlp: "application/x-java-jnlp-file",
+  ser: "application/java-serialized-object",
+  java: "text/x-java-source,java",
+  js: "application/javascript",
+  json: "application/json",
+  joda: "application/vnd.joost.joda-archive",
+  jpm: "video/jpm",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  pjpeg: "image/pjpeg",
+  jpgv: "video/jpeg",
+  ktz: "application/vnd.kahootz",
+  mmd: "application/vnd.chipnuts.karaoke-mmd",
+  karbon: "application/vnd.kde.karbon",
+  chrt: "application/vnd.kde.kchart",
+  kfo: "application/vnd.kde.kformula",
+  flw: "application/vnd.kde.kivio",
+  kon: "application/vnd.kde.kontour",
+  kpr: "application/vnd.kde.kpresenter",
+  ksp: "application/vnd.kde.kspread",
+  kwd: "application/vnd.kde.kword",
+  htke: "application/vnd.kenameaapp",
+  kia: "application/vnd.kidspiration",
+  kne: "application/vnd.kinar",
+  sse: "application/vnd.kodak-descriptor",
+  lasxml: "application/vnd.las.las+xml",
+  latex: "application/x-latex",
+  lbd: "application/vnd.llamagraphics.life-balance.desktop",
+  lbe: "application/vnd.llamagraphics.life-balance.exchange+xml",
+  jam: "application/vnd.jam",
+  "123": "application/vnd.lotus-1-2-3",
+  apr: "application/vnd.lotus-approach",
+  pre: "application/vnd.lotus-freelance",
+  nsf: "application/vnd.lotus-notes",
+  org: "application/vnd.lotus-organizer",
+  scm: "application/vnd.lotus-screencam",
+  lwp: "application/vnd.lotus-wordpro",
+  lvp: "audio/vnd.lucent.voice",
+  m3u: "audio/x-mpegurl",
+  m4v: "video/x-m4v",
+  hqx: "application/mac-binhex40",
+  portpkg: "application/vnd.macports.portpkg",
+  mgp: "application/vnd.osgeo.mapguide.package",
+  mrc: "application/marc",
+  mrcx: "application/marcxml+xml",
+  mxf: "application/mxf",
+  nbp: "application/vnd.wolfram.player",
+  ma: "application/mathematica",
+  mathml: "application/mathml+xml",
+  mbox: "application/mbox",
+  mc1: "application/vnd.medcalcdata",
+  mscml: "application/mediaservercontrol+xml",
+  cdkey: "application/vnd.mediastation.cdkey",
+  mwf: "application/vnd.mfer",
+  mfm: "application/vnd.mfmp",
+  msh: "model/mesh",
+  mads: "application/mads+xml",
+  mets: "application/mets+xml",
+  mods: "application/mods+xml",
+  meta4: "application/metalink4+xml",
+  mcd: "application/vnd.mcd",
+  flo: "application/vnd.micrografx.flo",
+  igx: "application/vnd.micrografx.igx",
+  es3: "application/vnd.eszigno3+xml",
+  mdb: "application/x-msaccess",
+  asf: "video/x-ms-asf",
+  exe: "application/x-msdownload",
+  cil: "application/vnd.ms-artgalry",
+  cab: "application/vnd.ms-cab-compressed",
+  ims: "application/vnd.ms-ims",
+  application: "application/x-ms-application",
+  clp: "application/x-msclip",
+  mdi: "image/vnd.ms-modi",
+  eot: "application/vnd.ms-fontobject",
+  xls: "application/vnd.ms-excel",
+  xlam: "application/vnd.ms-excel.addin.macroenabled.12",
+  xlsb: "application/vnd.ms-excel.sheet.binary.macroenabled.12",
+  xltm: "application/vnd.ms-excel.template.macroenabled.12",
+  xlsm: "application/vnd.ms-excel.sheet.macroenabled.12",
+  chm: "application/vnd.ms-htmlhelp",
+  crd: "application/x-mscardfile",
+  lrm: "application/vnd.ms-lrm",
+  mvb: "application/x-msmediaview",
+  mny: "application/x-msmoney",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  sldx: "application/vnd.openxmlformats-officedocument.presentationml.slide",
+  ppsx: "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
+  potx: "application/vnd.openxmlformats-officedocument.presentationml.template",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  xltx: "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  dotx: "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
+  obd: "application/x-msbinder",
+  thmx: "application/vnd.ms-officetheme",
+  onetoc: "application/onenote",
+  pya: "audio/vnd.ms-playready.media.pya",
+  pyv: "video/vnd.ms-playready.media.pyv",
+  ppt: "application/vnd.ms-powerpoint",
+  ppam: "application/vnd.ms-powerpoint.addin.macroenabled.12",
+  sldm: "application/vnd.ms-powerpoint.slide.macroenabled.12",
+  pptm: "application/vnd.ms-powerpoint.presentation.macroenabled.12",
+  ppsm: "application/vnd.ms-powerpoint.slideshow.macroenabled.12",
+  potm: "application/vnd.ms-powerpoint.template.macroenabled.12",
+  mpp: "application/vnd.ms-project",
+  pub: "application/x-mspublisher",
+  scd: "application/x-msschedule",
+  xap: "application/x-silverlight-app",
+  stl: "application/vnd.ms-pki.stl",
+  cat: "application/vnd.ms-pki.seccat",
+  vsd: "application/vnd.visio",
+  vsdx: "application/vnd.visio2013",
+  wm: "video/x-ms-wm",
+  wma: "audio/x-ms-wma",
+  wax: "audio/x-ms-wax",
+  wmx: "video/x-ms-wmx",
+  wmd: "application/x-ms-wmd",
+  wpl: "application/vnd.ms-wpl",
+  wmz: "application/x-ms-wmz",
+  wmv: "video/x-ms-wmv",
+  wvx: "video/x-ms-wvx",
+  wmf: "application/x-msmetafile",
+  trm: "application/x-msterminal",
+  doc: "application/msword",
+  docm: "application/vnd.ms-word.document.macroenabled.12",
+  dotm: "application/vnd.ms-word.template.macroenabled.12",
+  wri: "application/x-mswrite",
+  wps: "application/vnd.ms-works",
+  xbap: "application/x-ms-xbap",
+  xps: "application/vnd.ms-xpsdocument",
+  mid: "audio/midi",
+  mpy: "application/vnd.ibm.minipay",
+  afp: "application/vnd.ibm.modcap",
+  rms: "application/vnd.jcp.javame.midlet-rms",
+  tmo: "application/vnd.tmobile-livetv",
+  prc: "application/x-mobipocket-ebook",
+  mbk: "application/vnd.mobius.mbk",
+  dis: "application/vnd.mobius.dis",
+  plc: "application/vnd.mobius.plc",
+  mqy: "application/vnd.mobius.mqy",
+  msl: "application/vnd.mobius.msl",
+  txf: "application/vnd.mobius.txf",
+  daf: "application/vnd.mobius.daf",
+  fly: "text/vnd.fly",
+  mpc: "application/vnd.mophun.certificate",
+  mpn: "application/vnd.mophun.application",
+  mj2: "video/mj2",
+  mpga: "audio/mpeg",
+  mxu: "video/vnd.mpegurl",
+  mpeg: "video/mpeg",
+  m21: "application/mp21",
+  mp4a: "audio/mp4",
+  mp4: "video/mp4",
+  m3u8: "application/vnd.apple.mpegurl",
+  mus: "application/vnd.musician",
+  msty: "application/vnd.muvee.style",
+  mxml: "application/xv+xml",
+  ngdat: "application/vnd.nokia.n-gage.data",
+  "n-gage": "application/vnd.nokia.n-gage.symbian.install",
+  ncx: "application/x-dtbncx+xml",
+  nc: "application/x-netcdf",
+  nlu: "application/vnd.neurolanguage.nlu",
+  dna: "application/vnd.dna",
+  nnd: "application/vnd.noblenet-directory",
+  nns: "application/vnd.noblenet-sealer",
+  nnw: "application/vnd.noblenet-web",
+  rpst: "application/vnd.nokia.radio-preset",
+  rpss: "application/vnd.nokia.radio-presets",
+  n3: "text/n3",
+  edm: "application/vnd.novadigm.edm",
+  edx: "application/vnd.novadigm.edx",
+  ext: "application/vnd.novadigm.ext",
+  gph: "application/vnd.flographit",
+  ecelp4800: "audio/vnd.nuera.ecelp4800",
+  ecelp7470: "audio/vnd.nuera.ecelp7470",
+  ecelp9600: "audio/vnd.nuera.ecelp9600",
+  oda: "application/oda",
+  ogx: "application/ogg",
+  oga: "audio/ogg",
+  ogv: "video/ogg",
+  dd2: "application/vnd.oma.dd2+xml",
+  oth: "application/vnd.oasis.opendocument.text-web",
+  opf: "application/oebps-package+xml",
+  qbo: "application/vnd.intu.qbo",
+  oxt: "application/vnd.openofficeorg.extension",
+  osf: "application/vnd.yamaha.openscoreformat",
+  weba: "audio/webm",
+  webm: "video/webm",
+  odc: "application/vnd.oasis.opendocument.chart",
+  otc: "application/vnd.oasis.opendocument.chart-template",
+  odb: "application/vnd.oasis.opendocument.database",
+  odf: "application/vnd.oasis.opendocument.formula",
+  odft: "application/vnd.oasis.opendocument.formula-template",
+  odg: "application/vnd.oasis.opendocument.graphics",
+  otg: "application/vnd.oasis.opendocument.graphics-template",
+  odi: "application/vnd.oasis.opendocument.image",
+  oti: "application/vnd.oasis.opendocument.image-template",
+  odp: "application/vnd.oasis.opendocument.presentation",
+  otp: "application/vnd.oasis.opendocument.presentation-template",
+  ods: "application/vnd.oasis.opendocument.spreadsheet",
+  ots: "application/vnd.oasis.opendocument.spreadsheet-template",
+  odt: "application/vnd.oasis.opendocument.text",
+  odm: "application/vnd.oasis.opendocument.text-master",
+  ott: "application/vnd.oasis.opendocument.text-template",
+  ktx: "image/ktx",
+  sxc: "application/vnd.sun.xml.calc",
+  stc: "application/vnd.sun.xml.calc.template",
+  sxd: "application/vnd.sun.xml.draw",
+  std: "application/vnd.sun.xml.draw.template",
+  sxi: "application/vnd.sun.xml.impress",
+  sti: "application/vnd.sun.xml.impress.template",
+  sxm: "application/vnd.sun.xml.math",
+  sxw: "application/vnd.sun.xml.writer",
+  sxg: "application/vnd.sun.xml.writer.global",
+  stw: "application/vnd.sun.xml.writer.template",
+  otf: "application/x-font-otf",
+  osfpvg: "application/vnd.yamaha.openscoreformat.osfpvg+xml",
+  dp: "application/vnd.osgi.dp",
+  pdb: "application/vnd.palm",
+  p: "text/x-pascal",
+  paw: "application/vnd.pawaafile",
+  pclxl: "application/vnd.hp-pclxl",
+  efif: "application/vnd.picsel",
+  pcx: "image/x-pcx",
+  psd: "image/vnd.adobe.photoshop",
+  prf: "application/pics-rules",
+  pic: "image/x-pict",
+  chat: "application/x-chat",
+  p10: "application/pkcs10",
+  p12: "application/x-pkcs12",
+  p7m: "application/pkcs7-mime",
+  p7s: "application/pkcs7-signature",
+  p7r: "application/x-pkcs7-certreqresp",
+  p7b: "application/x-pkcs7-certificates",
+  p8: "application/pkcs8",
+  plf: "application/vnd.pocketlearn",
+  pnm: "image/x-portable-anymap",
+  pbm: "image/x-portable-bitmap",
+  pcf: "application/x-font-pcf",
+  pfr: "application/font-tdpfr",
+  pgn: "application/x-chess-pgn",
+  pgm: "image/x-portable-graymap",
+  png: "image/png",
+  ppm: "image/x-portable-pixmap",
+  pskcxml: "application/pskc+xml",
+  pml: "application/vnd.ctc-posml",
+  ai: "application/postscript",
+  pfa: "application/x-font-type1",
+  pbd: "application/vnd.powerbuilder6",
+  pgp: "application/pgp-signature",
+  box: "application/vnd.previewsystems.box",
+  ptid: "application/vnd.pvi.ptid1",
+  pls: "application/pls+xml",
+  str: "application/vnd.pg.format",
+  ei6: "application/vnd.pg.osasli",
+  dsc: "text/prs.lines.tag",
+  psf: "application/x-font-linux-psf",
+  qps: "application/vnd.publishare-delta-tree",
+  wg: "application/vnd.pmi.widget",
+  qxd: "application/vnd.quark.quarkxpress",
+  esf: "application/vnd.epson.esf",
+  msf: "application/vnd.epson.msf",
+  ssf: "application/vnd.epson.ssf",
+  qam: "application/vnd.epson.quickanime",
+  qfx: "application/vnd.intu.qfx",
+  qt: "video/quicktime",
+  rar: "application/x-rar-compressed",
+  ram: "audio/x-pn-realaudio",
+  rmp: "audio/x-pn-realaudio-plugin",
+  rsd: "application/rsd+xml",
+  rm: "application/vnd.rn-realmedia",
+  bed: "application/vnd.realvnc.bed",
+  mxl: "application/vnd.recordare.musicxml",
+  musicxml: "application/vnd.recordare.musicxml+xml",
+  rnc: "application/relax-ng-compact-syntax",
+  rdz: "application/vnd.data-vision.rdz",
+  rdf: "application/rdf+xml",
+  rp9: "application/vnd.cloanto.rp9",
+  jisp: "application/vnd.jisp",
+  rtf: "application/rtf",
+  rtx: "text/richtext",
+  link66: "application/vnd.route66.link66+xml",
+  rss: "application/rss+xml",
+  shf: "application/shf+xml",
+  st: "application/vnd.sailingtracker.track",
+  svg: "image/svg+xml",
+  sus: "application/vnd.sus-calendar",
+  sru: "application/sru+xml",
+  setpay: "application/set-payment-initiation",
+  setreg: "application/set-registration-initiation",
+  sema: "application/vnd.sema",
+  semd: "application/vnd.semd",
+  semf: "application/vnd.semf",
+  see: "application/vnd.seemail",
+  snf: "application/x-font-snf",
+  spq: "application/scvp-vp-request",
+  spp: "application/scvp-vp-response",
+  scq: "application/scvp-cv-request",
+  scs: "application/scvp-cv-response",
+  sdp: "application/sdp",
+  etx: "text/x-setext",
+  movie: "video/x-sgi-movie",
+  ifm: "application/vnd.shana.informed.formdata",
+  itp: "application/vnd.shana.informed.formtemplate",
+  iif: "application/vnd.shana.informed.interchange",
+  ipk: "application/vnd.shana.informed.package",
+  tfi: "application/thraud+xml",
+  shar: "application/x-shar",
+  rgb: "image/x-rgb",
+  slt: "application/vnd.epson.salt",
+  aso: "application/vnd.accpac.simply.aso",
+  imp: "application/vnd.accpac.simply.imp",
+  twd: "application/vnd.simtech-mindmapper",
+  csp: "application/vnd.commonspace",
+  saf: "application/vnd.yamaha.smaf-audio",
+  mmf: "application/vnd.smaf",
+  spf: "application/vnd.yamaha.smaf-phrase",
+  teacher: "application/vnd.smart.teacher",
+  svd: "application/vnd.svd",
+  rq: "application/sparql-query",
+  srx: "application/sparql-results+xml",
+  gram: "application/srgs",
+  grxml: "application/srgs+xml",
+  ssml: "application/ssml+xml",
+  skp: "application/vnd.koan",
+  sgml: "text/sgml",
+  sdc: "application/vnd.stardivision.calc",
+  sda: "application/vnd.stardivision.draw",
+  sdd: "application/vnd.stardivision.impress",
+  smf: "application/vnd.stardivision.math",
+  sdw: "application/vnd.stardivision.writer",
+  sgl: "application/vnd.stardivision.writer-global",
+  sm: "application/vnd.stepmania.stepchart",
+  sit: "application/x-stuffit",
+  sitx: "application/x-stuffitx",
+  sdkm: "application/vnd.solent.sdkm+xml",
+  xo: "application/vnd.olpc-sugar",
+  au: "audio/basic",
+  wqd: "application/vnd.wqd",
+  sis: "application/vnd.symbian.install",
+  smi: "application/smil+xml",
+  xsm: "application/vnd.syncml+xml",
+  bdm: "application/vnd.syncml.dm+wbxml",
+  xdm: "application/vnd.syncml.dm+xml",
+  sv4cpio: "application/x-sv4cpio",
+  sv4crc: "application/x-sv4crc",
+  sbml: "application/sbml+xml",
+  tsv: "text/tab-separated-values",
+  tiff: "image/tiff",
+  tao: "application/vnd.tao.intent-module-archive",
+  tar: "application/x-tar",
+  tcl: "application/x-tcl",
+  tex: "application/x-tex",
+  tfm: "application/x-tex-tfm",
+  tei: "application/tei+xml",
+  txt: "text/plain",
+  dxp: "application/vnd.spotfire.dxp",
+  sfs: "application/vnd.spotfire.sfs",
+  tsd: "application/timestamped-data",
+  tpt: "application/vnd.trid.tpt",
+  mxs: "application/vnd.triscape.mxs",
+  t: "text/troff",
+  tra: "application/vnd.trueapp",
+  ttf: "application/x-font-ttf",
+  ttl: "text/turtle",
+  umj: "application/vnd.umajin",
+  uoml: "application/vnd.uoml+xml",
+  unityweb: "application/vnd.unity",
+  ufd: "application/vnd.ufdl",
+  uri: "text/uri-list",
+  utz: "application/vnd.uiq.theme",
+  ustar: "application/x-ustar",
+  uu: "text/x-uuencode",
+  vcs: "text/x-vcalendar",
+  vcf: "text/x-vcard",
+  vcd: "application/x-cdlink",
+  vsf: "application/vnd.vsf",
+  wrl: "model/vrml",
+  vcx: "application/vnd.vcx",
+  mts: "model/vnd.mts",
+  vtu: "model/vnd.vtu",
+  vis: "application/vnd.visionary",
+  viv: "video/vnd.vivo",
+  ccxml: "application/ccxml+xml,",
+  vxml: "application/voicexml+xml",
+  src: "application/x-wais-source",
+  wbxml: "application/vnd.wap.wbxml",
+  wbmp: "image/vnd.wap.wbmp",
+  wav: "audio/x-wav",
+  davmount: "application/davmount+xml",
+  woff: "application/x-font-woff",
+  wspolicy: "application/wspolicy+xml",
+  webp: "image/webp",
+  wtb: "application/vnd.webturbo",
+  wgt: "application/widget",
+  hlp: "application/winhlp",
+  wml: "text/vnd.wap.wml",
+  wmls: "text/vnd.wap.wmlscript",
+  wmlsc: "application/vnd.wap.wmlscriptc",
+  wpd: "application/vnd.wordperfect",
+  stf: "application/vnd.wt.stf",
+  wsdl: "application/wsdl+xml",
+  xbm: "image/x-xbitmap",
+  xpm: "image/x-xpixmap",
+  xwd: "image/x-xwindowdump",
+  der: "application/x-x509-ca-cert",
+  fig: "application/x-xfig",
+  xhtml: "application/xhtml+xml",
+  xml: "application/xml",
+  xdf: "application/xcap-diff+xml",
+  xenc: "application/xenc+xml",
+  xer: "application/patch-ops-error+xml",
+  rl: "application/resource-lists+xml",
+  rs: "application/rls-services+xml",
+  rld: "application/resource-lists-diff+xml",
+  xslt: "application/xslt+xml",
+  xop: "application/xop+xml",
+  xpi: "application/x-xpinstall",
+  xspf: "application/xspf+xml",
+  xul: "application/vnd.mozilla.xul+xml",
+  xyz: "chemical/x-xyz",
+  yaml: "text/yaml",
+  yang: "application/yang",
+  yin: "application/yin+xml",
+  zir: "application/vnd.zul",
+  zip: "application/zip",
+  zmm: "application/vnd.handheld-entertainment+xml",
+  zaz: "application/vnd.zzazz.deck+xml"
+};
+var MIME_TYPES_TO_EXT = Object.fromEntries(Object.entries(EXT_TO_MIME_TYPES).map(function(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2), k = _ref2[0], v = _ref2[1];
+  return [v, k];
+}));
+var MIME_TYPE_REGEX = /^data:(.*?);base64,/;
 function getMimeType(base64Url) {
   var match = MIME_TYPE_REGEX.exec(base64Url);
   if (match && match[1]) {
@@ -54472,16 +55171,11 @@ function getMimeType(base64Url) {
   return;
 }
 function mimeTypeToFileExt(mimeType) {
-  if (mimeType === "image/svg+xml") {
-    return "svg";
-  }
-  if (mimeType === "image/vnd.microsoft.icon") {
-    return "ico";
-  }
-  if (mimeType.startsWith("image/")) {
-    return mimeType.slice("image/".length);
+  var recognizedMimeType = MIME_TYPES_TO_EXT[mimeType];
+  if (recognizedMimeType) {
+    return recognizedMimeType;
   }
-  return mimeType;
+  return mimeType.split("/")[1];
 }
 var HeaderRegEx = /^h([\d+])$/;
 function lexicalToRichTextSource(node) {
@@ -54639,10 +55333,10 @@ function fromLexicalFormat(format) {
     return [];
   });
 }
-var textEncoder$1 = new TextEncoder();
+var textEncoder$2 = new TextEncoder();
 function fromLexicalImageNode(node, files) {
   if (node.src.startsWith("data:")) {
-    var sha256 = Internal.getSHA256Hash(textEncoder$1.encode(node.src));
+    var sha256 = Internal.getSHA256Hash(textEncoder$2.encode(node.src));
     var mimeType = getMimeType(node.src);
     if (mimeType === void 0) {
       throw new Error("Could not detect Mime Type for image: ".concat(node.src));
@@ -55032,7 +55726,7 @@ function parseRichTextSource(_ref) {
   }
   return _defineProperty$4(_defineProperty$4({}, VAL_EXTENSION, "richtext"), "children", children);
 }
-const textEncoder = new TextEncoder();
+const textEncoder$1 = new TextEncoder();
 function readImage(ev) {
   return new Promise((resolve, reject) => {
     var _a;
@@ -55043,7 +55737,7 @@ function readImage(ev) {
       if (typeof result2 === "string") {
         const image = new Image();
         image.addEventListener("load", () => {
-          const sha256 = Internal.getSHA256Hash(textEncoder.encode(result2));
+          const sha256 = Internal.getSHA256Hash(textEncoder$1.encode(result2));
           if (image.naturalWidth && image.naturalHeight) {
             const mimeType = getMimeType(result2);
             resolve({
@@ -56689,6 +57383,21 @@ const ChevronDown = createLucideIcon("ChevronDown", [
 const ChevronLeft = createLucideIcon("ChevronLeft", [
   ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
 ]);
+const Diff = createLucideIcon("Diff", [
+  ["path", { d: "M12 3v14", key: "7cf3v8" }],
+  ["path", { d: "M5 10h14", key: "elsbfy" }],
+  ["path", { d: "M5 21h14", key: "11awu3" }]
+]);
+const File = createLucideIcon("File", [
+  [
+    "path",
+    {
+      d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z",
+      key: "1nnpy2"
+    }
+  ],
+  ["polyline", { points: "14 2 14 8 20 8", key: "1ew0cm" }]
+]);
 const LogIn = createLucideIcon("LogIn", [
   ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }],
   ["polyline", { points: "10 17 15 12 10 7", key: "1ail0h" }],
@@ -56750,7 +57459,7 @@ function ValMenu({
   api,
   patches,
   direction,
-  onCommit
+  onClickPatches
 }) {
   const { theme: theme2, setTheme, editMode, setEditMode, session } = useValOverlayContext();
   if (session.status === "success" && session.data.mode === "unauthorized") {
@@ -56833,17 +57542,7 @@ function ValMenu({
       {
         onClick: () => {
           if (patchCount > 0) {
-            api.postCommit({ patches }).then((res) => {
-              if (result.isErr(res)) {
-                console.error(res.error);
-                alert("Could not commit patches: " + res.error.message);
-              } else {
-                console.log("Committed patches: ", res.value);
-                onCommit();
-              }
-            });
-          } else {
-            alert("No patches to commit");
+            onClickPatches();
           }
         },
         children: /* @__PURE__ */ jsxs("div", { className: "relative h-[24px] w-[24px] flex justify-center items-center", children: [
@@ -56860,32 +57559,24 @@ function SingleItemMenu({
   direction,
   children
 }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(
-        "flex items-start justify-center w-full h-full font-sans border rounded-full gap-3 text-primary border-fill bg-gradient-to-br from-background/90 from-40% to-background backdrop-blur-lg drop-shadow-2xl",
-        {
-          "flex-col items-start": direction === "vertical",
-          "flex-row items-center": direction === "horizontal"
-        }
-      ),
-      children: /* @__PURE__ */ jsx("a", { className, href, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-2 gap-y-2", children }) })
-    }
-  );
+  return /* @__PURE__ */ jsx(MenuContainer, { direction, border: false, children: /* @__PURE__ */ jsx("a", { className, href, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-2 gap-y-2", children }) }) });
 }
 function MenuContainer({
   children,
-  direction
+  direction,
+  border = true
 }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: classNames(
-        "flex justify-center w-full h-full px-2 py-2 font-sans border rounded-full gap-3 text-primary border-fill bg-gradient-to-br from-background/90 from-40% to-background backdrop-blur-lg drop-shadow-2xl",
+        "flex justify-center w-full h-full px-2 py-2 font-sans rounded-full gap-3 text-primary border-fill bg-gradient-to-br from-background/90 from-40% to-background backdrop-blur-lg drop-shadow-2xl",
         {
           "flex-col items-start": direction === "vertical",
           "flex-row items-center": direction === "horizontal"
+        },
+        {
+          border
         }
       ),
       children
@@ -57387,7 +58078,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 DraggableCore$2.default = void 0;
 var React$2 = _interopRequireWildcard$2(React__default);
 var _propTypes$3 = _interopRequireDefault$3(propTypesExports);
-var _reactDom = _interopRequireDefault$3(reactDomExports);
+var _reactDom = _interopRequireDefault$3(requireReactDom());
 var _domFns = domFns;
 var _positionFns = positionFns;
 var _shims = shims;
@@ -57801,7 +58492,7 @@ _defineProperty$3(DraggableCore$1, "defaultProps", {
   exports.default = void 0;
   var React2 = _interopRequireWildcard2(React__default);
   var _propTypes3 = _interopRequireDefault2(propTypesExports);
-  var _reactDom2 = _interopRequireDefault2(reactDomExports);
+  var _reactDom2 = _interopRequireDefault2(requireReactDom());
   var _clsx = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
   var _positionFns2 = positionFns;
@@ -58900,6 +59591,8 @@ function _extends$2() {
   };
   return _extends$2.apply(this, arguments);
 }
+var reactDomExports = requireReactDom();
+const $7SXl2$reactdom = /* @__PURE__ */ getDefaultExportFromCjs(reactDomExports);
 function $6ed0406888f73fc4$var$setRef(ref, value) {
   if (typeof ref === "function")
     ref(value);
@@ -66057,7 +66750,7 @@ var RemoveScroll = React$3.forwardRef(function(props, parentRef) {
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
   }), callbacks = _a[0], setCallbacks = _a[1];
-  var forwardProps = props.forwardProps, children = props.children, className2 = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
+  var forwardProps = props.forwardProps, children = props.children, className2 = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container2 = _b === void 0 ? "div" : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
@@ -66065,7 +66758,7 @@ var RemoveScroll = React$3.forwardRef(function(props, parentRef) {
     React$3.Fragment,
     null,
     enabled && React$3.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref }),
-    forwardProps ? React$3.cloneElement(React$3.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React$3.createElement(Container, __assign({}, containerProps, { className: className2, ref: containerRef }), children)
+    forwardProps ? React$3.cloneElement(React$3.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React$3.createElement(Container2, __assign({}, containerProps, { className: className2, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -67606,6 +68299,17 @@ function ValFormField({
       }
     );
   }
+  if ((typeof source === "object" || source === null) && (schema == null ? void 0 : schema.type) === "file") {
+    return /* @__PURE__ */ jsx(
+      FileField,
+      {
+        path,
+        registerPatchCallback,
+        onSubmit,
+        defaultValue: source
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs("div", { children: [
     "Unsupported schema: ",
     schema.type,
@@ -67617,14 +68321,14 @@ function ValFormField({
     ")"
   ] });
 }
-function createImagePatch(path, data, filename, metadata) {
+function createFilePatch(path, data, filename, metadata) {
   if (!data || !metadata) {
     return [];
   }
   const shaSuffix = metadata.sha256.slice(0, 5);
   const newFilePath = function() {
     const mimeType = getMimeType(data) ?? "unknown";
-    const newExt = mimeTypeToFileExt(mimeType);
+    const newExt = mimeTypeToFileExt(mimeType) ?? "unknown";
     if (filename) {
       let cleanFilename = filename.split(".").slice(0, -1).join(".") || filename;
       const maybeShaSuffixPos = cleanFilename.lastIndexOf("_");
@@ -67657,7 +68361,7 @@ function createImagePatch(path, data, filename, metadata) {
     }
   ];
 }
-function createImageMetadataPatch(path, metadata) {
+function createFileMetadataPatch(path, metadata) {
   const metadataPath = path + "/metadata";
   return [
     {
@@ -67667,6 +68371,150 @@ function createImageMetadataPatch(path, metadata) {
     }
   ];
 }
+const textEncoder = new TextEncoder();
+function readFile(ev) {
+  return new Promise((resolve, reject) => {
+    var _a;
+    const file = (_a = ev.currentTarget.files) == null ? void 0 : _a[0];
+    const reader = new FileReader();
+    reader.addEventListener("load", () => {
+      const result2 = reader.result;
+      if (typeof result2 === "string") {
+        const sha256 = Internal.getSHA256Hash(textEncoder.encode(result2));
+        const mimeType = getMimeType(result2);
+        resolve({
+          src: result2,
+          filename: file == null ? void 0 : file.name,
+          sha256,
+          mimeType,
+          fileExt: mimeType && mimeTypeToFileExt(mimeType)
+        });
+      } else if (!result2) {
+        reject({ message: "Empty result" });
+      } else {
+        reject({ message: "Unexpected file result type", result: result2 });
+      }
+    });
+    if (file) {
+      reader.readAsDataURL(file);
+    }
+  });
+}
+function FileField({
+  path,
+  defaultValue,
+  onSubmit,
+  registerPatchCallback
+}) {
+  var _a, _b;
+  const [data, setData] = useState(
+    null
+  );
+  const [loading, setLoading] = useState(false);
+  const [metadata, setMetadata] = useState();
+  const [url, setUrl] = useState();
+  useEffect(() => {
+    const url2 = defaultValue && Internal.convertFileSource(defaultValue).url;
+    setUrl(url2);
+  }, [defaultValue]);
+  useEffect(() => {
+    if (registerPatchCallback) {
+      registerPatchCallback(async (path2) => {
+        return createFilePatch(
+          path2,
+          (data == null ? void 0 : data.src) ?? null,
+          (data == null ? void 0 : data.filename) ?? null,
+          metadata
+        );
+      });
+    }
+  }, [data, defaultValue]);
+  return /* @__PURE__ */ jsxs(FieldContainer, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "w-fit", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex flex-col justify-start p-2 border border-b-0 rounded-sm rounded-b-none gap-y-4 bg-background text-foreground border-input",
+          children: data || url ? /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col justify-center items-center min-h-[100px] min-w-[200px]", children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(File, {}) }),
+            /* @__PURE__ */ jsx("div", { children: data == null ? void 0 : data.filename })
+          ] }) : /* @__PURE__ */ jsx("div", { children: "Select file below" })
+        },
+        path
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "p-4 border border-t-0 rounded-b-sm bg-background border-input", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: `img_input:${path}`,
+            className: "block px-1 py-2 text-sm text-center rounded-md cursor-pointer bg-primary text-background",
+            children: "Update"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            hidden: true,
+            id: `img_input:${path}`,
+            type: "file",
+            onChange: (ev) => {
+              readFile(ev).then((res) => {
+                setData({ src: res.src, filename: res.filename });
+                if (res.mimeType) {
+                  setMetadata({
+                    sha256: res.sha256,
+                    mimeType: res.mimeType
+                  });
+                } else {
+                  setMetadata(void 0);
+                }
+              }).catch((err2) => {
+                console.error(err2.message);
+                setData(null);
+                setMetadata(void 0);
+              });
+            }
+          }
+        )
+      ] })
+    ] }),
+    onSubmit && /* @__PURE__ */ jsx(
+      SubmitButton,
+      {
+        loading,
+        enabled: !!data || ((_a = defaultValue == null ? void 0 : defaultValue.metadata) == null ? void 0 : _a.mimeType) !== (metadata == null ? void 0 : metadata.mimeType) || ((_b = defaultValue == null ? void 0 : defaultValue.metadata) == null ? void 0 : _b.sha256) !== (metadata == null ? void 0 : metadata.sha256),
+        onClick: () => {
+          if (data) {
+            setLoading(true);
+            onSubmit(
+              (path2) => Promise.resolve(
+                createFilePatch(
+                  path2,
+                  data.src,
+                  data.filename ?? null,
+                  metadata
+                )
+              )
+            ).finally(() => {
+              setLoading(false);
+              setData(null);
+              setMetadata(void 0);
+            });
+          } else if (metadata) {
+            setLoading(true);
+            onSubmit(
+              (path2) => Promise.resolve(createFileMetadataPatch(path2, metadata))
+            ).finally(() => {
+              setLoading(false);
+              setData(null);
+              setMetadata(void 0);
+            });
+          }
+        }
+      }
+    )
+  ] });
+}
 function ImageField({
   path,
   defaultValue,
@@ -67687,7 +68535,7 @@ function ImageField({
   useEffect(() => {
     if (registerPatchCallback) {
       registerPatchCallback(async (path2) => {
-        return createImagePatch(
+        return createFilePatch(
           path2,
           (data == null ? void 0 : data.src) ?? null,
           (data == null ? void 0 : data.filename) ?? null,
@@ -67813,7 +68661,7 @@ function ImageField({
             setLoading(true);
             onSubmit(
               (path2) => Promise.resolve(
-                createImagePatch(
+                createFilePatch(
                   path2,
                   data.src,
                   data.filename ?? null,
@@ -67828,7 +68676,7 @@ function ImageField({
           } else if (metadata) {
             setLoading(true);
             onSubmit(
-              (path2) => Promise.resolve(createImageMetadataPatch(path2, metadata))
+              (path2) => Promise.resolve(createFileMetadataPatch(path2, metadata))
             ).finally(() => {
               setLoading(false);
               setData(null);
@@ -72623,6 +73471,7 @@ function useSession(api) {
           setSession({ status: "success", data: Session.parse(session2) });
         } else {
           if (res.error.statusCode === 401) {
+            console.error("Unauthorized", res.error);
             setSession({
               status: "success",
               data: {
@@ -72675,6 +73524,532 @@ function Seg({ children }) {
   }
   return /* @__PURE__ */ jsx("span", { children });
 }
+const $409067139f391064$var$COLLAPSIBLE_NAME = "Collapsible";
+const [$409067139f391064$var$createCollapsibleContext, $409067139f391064$export$952b32dcbe73087a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($409067139f391064$var$COLLAPSIBLE_NAME);
+const [$409067139f391064$var$CollapsibleProvider, $409067139f391064$var$useCollapsibleContext] = $409067139f391064$var$createCollapsibleContext($409067139f391064$var$COLLAPSIBLE_NAME);
+const $409067139f391064$export$6eb0f7ddcda6131f = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
+  const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ createElement($409067139f391064$var$CollapsibleProvider, {
+    scope: __scopeCollapsible,
+    disabled,
+    contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
+    open,
+    onOpenToggle: useCallback(
+      () => setOpen(
+        (prevOpen) => !prevOpen
+      ),
+      [
+        setOpen
+      ]
+    )
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$2({
+    "data-state": $409067139f391064$var$getState(open),
+    "data-disabled": disabled ? "" : void 0
+  }, collapsibleProps, {
+    ref: forwardedRef
+  })));
+});
+const $409067139f391064$var$TRIGGER_NAME = "CollapsibleTrigger";
+const $409067139f391064$export$c135dce7b15bbbdc = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCollapsible, ...triggerProps } = props;
+  const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$2({
+    type: "button",
+    "aria-controls": context.contentId,
+    "aria-expanded": context.open || false,
+    "data-state": $409067139f391064$var$getState(context.open),
+    "data-disabled": context.disabled ? "" : void 0,
+    disabled: context.disabled
+  }, triggerProps, {
+    ref: forwardedRef,
+    onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, context.onOpenToggle)
+  }));
+});
+const $409067139f391064$var$CONTENT_NAME = "CollapsibleContent";
+const $409067139f391064$export$aadde00976f34151 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { forceMount, ...contentProps } = props;
+  const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, props.__scopeCollapsible);
+  return /* @__PURE__ */ createElement(
+    $921a889cee6df7e8$export$99c2b779aa4e8b8b,
+    {
+      present: forceMount || context.open
+    },
+    ({ present }) => /* @__PURE__ */ createElement($409067139f391064$var$CollapsibleContentImpl, _extends$2({}, contentProps, {
+      ref: forwardedRef,
+      present
+    }))
+  );
+});
+const $409067139f391064$var$CollapsibleContentImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCollapsible, present, children, ...contentProps } = props;
+  const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$CONTENT_NAME, __scopeCollapsible);
+  const [isPresent, setIsPresent] = useState(present);
+  const ref = useRef(null);
+  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+  const heightRef = useRef(0);
+  const height2 = heightRef.current;
+  const widthRef = useRef(0);
+  const width2 = widthRef.current;
+  const isOpen = context.open || isPresent;
+  const isMountAnimationPreventedRef = useRef(isOpen);
+  const originalStylesRef = useRef();
+  useEffect(() => {
+    const rAF = requestAnimationFrame(
+      () => isMountAnimationPreventedRef.current = false
+    );
+    return () => cancelAnimationFrame(rAF);
+  }, []);
+  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+    const node = ref.current;
+    if (node) {
+      originalStylesRef.current = originalStylesRef.current || {
+        transitionDuration: node.style.transitionDuration,
+        animationName: node.style.animationName
+      };
+      node.style.transitionDuration = "0s";
+      node.style.animationName = "none";
+      const rect = node.getBoundingClientRect();
+      heightRef.current = rect.height;
+      widthRef.current = rect.width;
+      if (!isMountAnimationPreventedRef.current) {
+        node.style.transitionDuration = originalStylesRef.current.transitionDuration;
+        node.style.animationName = originalStylesRef.current.animationName;
+      }
+      setIsPresent(present);
+    }
+  }, [
+    context.open,
+    present
+  ]);
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$2({
+    "data-state": $409067139f391064$var$getState(context.open),
+    "data-disabled": context.disabled ? "" : void 0,
+    id: context.contentId,
+    hidden: !isOpen
+  }, contentProps, {
+    ref: composedRefs,
+    style: {
+      [`--radix-collapsible-content-height`]: height2 ? `${height2}px` : void 0,
+      [`--radix-collapsible-content-width`]: width2 ? `${width2}px` : void 0,
+      ...props.style
+    }
+  }), isOpen && children);
+});
+function $409067139f391064$var$getState(open) {
+  return open ? "open" : "closed";
+}
+const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f7ddcda6131f;
+const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
+const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
+const $1bf158f521e1b1b4$var$ACCORDION_NAME = "Accordion";
+const $1bf158f521e1b1b4$var$ACCORDION_KEYS = [
+  "Home",
+  "End",
+  "ArrowDown",
+  "ArrowUp",
+  "ArrowLeft",
+  "ArrowRight"
+];
+const [$1bf158f521e1b1b4$var$Collection, $1bf158f521e1b1b4$var$useCollection, $1bf158f521e1b1b4$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const [$1bf158f521e1b1b4$var$createAccordionContext, $1bf158f521e1b1b4$export$9748edc328a73be1] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($1bf158f521e1b1b4$var$ACCORDION_NAME, [
+  $1bf158f521e1b1b4$var$createCollectionScope,
+  $409067139f391064$export$952b32dcbe73087a
+]);
+const $1bf158f521e1b1b4$var$useCollapsibleScope = $409067139f391064$export$952b32dcbe73087a();
+const $1bf158f521e1b1b4$export$a766cd26d0d69044 = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { type, ...accordionProps } = props;
+  const singleProps = accordionProps;
+  const multipleProps = accordionProps;
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$Collection.Provider, {
+    scope: props.__scopeAccordion
+  }, type === "multiple" ? /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionImplMultiple, _extends$2({}, multipleProps, {
+    ref: forwardedRef
+  })) : /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionImplSingle, _extends$2({}, singleProps, {
+    ref: forwardedRef
+  })));
+});
+$1bf158f521e1b1b4$export$a766cd26d0d69044.propTypes = {
+  type(props) {
+    const value = props.value || props.defaultValue;
+    if (props.type && ![
+      "single",
+      "multiple"
+    ].includes(props.type))
+      return new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.");
+    if (props.type === "multiple" && typeof value === "string")
+      return new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.");
+    if (props.type === "single" && Array.isArray(value))
+      return new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.");
+    return null;
+  }
+};
+const [$1bf158f521e1b1b4$var$AccordionValueProvider, $1bf158f521e1b1b4$var$useAccordionValueContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const [$1bf158f521e1b1b4$var$AccordionCollapsibleProvider, $1bf158f521e1b1b4$var$useAccordionCollapsibleContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, {
+  collapsible: false
+});
+const $1bf158f521e1b1b4$var$AccordionImplSingle = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { value: valueProp, defaultValue, onValueChange = () => {
+  }, collapsible = false, ...accordionSingleProps } = props;
+  const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+    scope: props.__scopeAccordion,
+    value: value ? [
+      value
+    ] : [],
+    onItemOpen: setValue,
+    onItemClose: React__default.useCallback(
+      () => collapsible && setValue(""),
+      [
+        collapsible,
+        setValue
+      ]
+    )
+  }, /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+    scope: props.__scopeAccordion,
+    collapsible
+  }, /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionImpl, _extends$2({}, accordionSingleProps, {
+    ref: forwardedRef
+  }))));
+});
+const $1bf158f521e1b1b4$var$AccordionImplMultiple = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { value: valueProp, defaultValue, onValueChange = () => {
+  }, ...accordionMultipleProps } = props;
+  const [value1 = [], setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleItemOpen = React__default.useCallback(
+    (itemValue) => setValue(
+      (prevValue = []) => [
+        ...prevValue,
+        itemValue
+      ]
+    ),
+    [
+      setValue
+    ]
+  );
+  const handleItemClose = React__default.useCallback(
+    (itemValue) => setValue(
+      (prevValue = []) => prevValue.filter(
+        (value) => value !== itemValue
+      )
+    ),
+    [
+      setValue
+    ]
+  );
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionValueProvider, {
+    scope: props.__scopeAccordion,
+    value: value1,
+    onItemOpen: handleItemOpen,
+    onItemClose: handleItemClose
+  }, /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionCollapsibleProvider, {
+    scope: props.__scopeAccordion,
+    collapsible: true
+  }, /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionImpl, _extends$2({}, accordionMultipleProps, {
+    ref: forwardedRef
+  }))));
+});
+const [$1bf158f521e1b1b4$var$AccordionImplProvider, $1bf158f521e1b1b4$var$useAccordionContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME);
+const $1bf158f521e1b1b4$var$AccordionImpl = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
+  const accordionRef = React__default.useRef(null);
+  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(accordionRef, forwardedRef);
+  const getItems = $1bf158f521e1b1b4$var$useCollection(__scopeAccordion);
+  const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
+  const isDirectionLTR = direction === "ltr";
+  const handleKeyDown = $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
+    var _triggerCollection$cl;
+    if (!$1bf158f521e1b1b4$var$ACCORDION_KEYS.includes(event.key))
+      return;
+    const target = event.target;
+    const triggerCollection = getItems().filter((item) => {
+      var _item$ref$current;
+      return !((_item$ref$current = item.ref.current) !== null && _item$ref$current !== void 0 && _item$ref$current.disabled);
+    });
+    const triggerIndex = triggerCollection.findIndex(
+      (item) => item.ref.current === target
+    );
+    const triggerCount = triggerCollection.length;
+    if (triggerIndex === -1)
+      return;
+    event.preventDefault();
+    let nextIndex = triggerIndex;
+    const homeIndex = 0;
+    const endIndex = triggerCount - 1;
+    const moveNext = () => {
+      nextIndex = triggerIndex + 1;
+      if (nextIndex > endIndex)
+        nextIndex = homeIndex;
+    };
+    const movePrev = () => {
+      nextIndex = triggerIndex - 1;
+      if (nextIndex < homeIndex)
+        nextIndex = endIndex;
+    };
+    switch (event.key) {
+      case "Home":
+        nextIndex = homeIndex;
+        break;
+      case "End":
+        nextIndex = endIndex;
+        break;
+      case "ArrowRight":
+        if (orientation === "horizontal") {
+          if (isDirectionLTR)
+            moveNext();
+          else
+            movePrev();
+        }
+        break;
+      case "ArrowDown":
+        if (orientation === "vertical")
+          moveNext();
+        break;
+      case "ArrowLeft":
+        if (orientation === "horizontal") {
+          if (isDirectionLTR)
+            movePrev();
+          else
+            moveNext();
+        }
+        break;
+      case "ArrowUp":
+        if (orientation === "vertical")
+          movePrev();
+        break;
+    }
+    const clampedIndex = nextIndex % triggerCount;
+    (_triggerCollection$cl = triggerCollection[clampedIndex].ref.current) === null || _triggerCollection$cl === void 0 || _triggerCollection$cl.focus();
+  });
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionImplProvider, {
+    scope: __scopeAccordion,
+    disabled,
+    direction: dir,
+    orientation
+  }, /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$Collection.Slot, {
+    scope: __scopeAccordion
+  }, /* @__PURE__ */ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$2({}, accordionProps, {
+    "data-orientation": orientation,
+    ref: composedRefs,
+    onKeyDown: disabled ? void 0 : handleKeyDown
+  }))));
+});
+const $1bf158f521e1b1b4$var$ITEM_NAME = "AccordionItem";
+const [$1bf158f521e1b1b4$var$AccordionItemProvider, $1bf158f521e1b1b4$var$useAccordionItemContext] = $1bf158f521e1b1b4$var$createAccordionContext($1bf158f521e1b1b4$var$ITEM_NAME);
+const $1bf158f521e1b1b4$export$d99097c13d4dac9f = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { __scopeAccordion, value, ...accordionItemProps } = props;
+  const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ITEM_NAME, __scopeAccordion);
+  const valueContext = $1bf158f521e1b1b4$var$useAccordionValueContext($1bf158f521e1b1b4$var$ITEM_NAME, __scopeAccordion);
+  const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+  const triggerId = $1746a345f3d73bb7$export$f680877a34711e37();
+  const open1 = value && valueContext.value.includes(value) || false;
+  const disabled = accordionContext.disabled || props.disabled;
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$AccordionItemProvider, {
+    scope: __scopeAccordion,
+    open: open1,
+    disabled,
+    triggerId
+  }, /* @__PURE__ */ React__default.createElement($409067139f391064$export$be92b6f5f03c0fe9, _extends$2({
+    "data-orientation": accordionContext.orientation,
+    "data-state": $1bf158f521e1b1b4$var$getState(open1)
+  }, collapsibleScope, accordionItemProps, {
+    ref: forwardedRef,
+    disabled,
+    open: open1,
+    onOpenChange: (open) => {
+      if (open)
+        valueContext.onItemOpen(value);
+      else
+        valueContext.onItemClose(value);
+    }
+  })));
+});
+const $1bf158f521e1b1b4$var$HEADER_NAME = "AccordionHeader";
+const $1bf158f521e1b1b4$export$5e3e5deaaf81ee41 = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { __scopeAccordion, ...headerProps } = props;
+  const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+  const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$HEADER_NAME, __scopeAccordion);
+  return /* @__PURE__ */ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.h3, _extends$2({
+    "data-orientation": accordionContext.orientation,
+    "data-state": $1bf158f521e1b1b4$var$getState(itemContext.open),
+    "data-disabled": itemContext.disabled ? "" : void 0
+  }, headerProps, {
+    ref: forwardedRef
+  }));
+});
+const $1bf158f521e1b1b4$var$TRIGGER_NAME = "AccordionTrigger";
+const $1bf158f521e1b1b4$export$94e939b1f85bdd73 = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { __scopeAccordion, ...triggerProps } = props;
+  const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+  const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$TRIGGER_NAME, __scopeAccordion);
+  const collapsibleContext = $1bf158f521e1b1b4$var$useAccordionCollapsibleContext($1bf158f521e1b1b4$var$TRIGGER_NAME, __scopeAccordion);
+  const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+  return /* @__PURE__ */ React__default.createElement($1bf158f521e1b1b4$var$Collection.ItemSlot, {
+    scope: __scopeAccordion
+  }, /* @__PURE__ */ React__default.createElement($409067139f391064$export$41fb9f06171c75f4, _extends$2({
+    "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
+    "data-orientation": accordionContext.orientation,
+    id: itemContext.triggerId
+  }, collapsibleScope, triggerProps, {
+    ref: forwardedRef
+  })));
+});
+const $1bf158f521e1b1b4$var$CONTENT_NAME = "AccordionContent";
+const $1bf158f521e1b1b4$export$985b9a77379b54a0 = /* @__PURE__ */ React__default.forwardRef((props, forwardedRef) => {
+  const { __scopeAccordion, ...contentProps } = props;
+  const accordionContext = $1bf158f521e1b1b4$var$useAccordionContext($1bf158f521e1b1b4$var$ACCORDION_NAME, __scopeAccordion);
+  const itemContext = $1bf158f521e1b1b4$var$useAccordionItemContext($1bf158f521e1b1b4$var$CONTENT_NAME, __scopeAccordion);
+  const collapsibleScope = $1bf158f521e1b1b4$var$useCollapsibleScope(__scopeAccordion);
+  return /* @__PURE__ */ React__default.createElement($409067139f391064$export$7c6e2c02157bb7d2, _extends$2({
+    role: "region",
+    "aria-labelledby": itemContext.triggerId,
+    "data-orientation": accordionContext.orientation
+  }, collapsibleScope, contentProps, {
+    ref: forwardedRef,
+    style: {
+      ["--radix-accordion-content-height"]: "var(--radix-collapsible-content-height)",
+      ["--radix-accordion-content-width"]: "var(--radix-collapsible-content-width)",
+      ...props.style
+    }
+  }));
+});
+function $1bf158f521e1b1b4$var$getState(open) {
+  return open ? "open" : "closed";
+}
+const $1bf158f521e1b1b4$export$be92b6f5f03c0fe9 = $1bf158f521e1b1b4$export$a766cd26d0d69044;
+const $1bf158f521e1b1b4$export$6d08773d2e66f8f2 = $1bf158f521e1b1b4$export$d99097c13d4dac9f;
+const $1bf158f521e1b1b4$export$8b251419efc915eb = $1bf158f521e1b1b4$export$5e3e5deaaf81ee41;
+const $1bf158f521e1b1b4$export$41fb9f06171c75f4 = $1bf158f521e1b1b4$export$94e939b1f85bdd73;
+const $1bf158f521e1b1b4$export$7c6e2c02157bb7d2 = $1bf158f521e1b1b4$export$985b9a77379b54a0;
+const Accordion = $1bf158f521e1b1b4$export$be92b6f5f03c0fe9;
+const AccordionItem = React$3.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsx(
+  $1bf158f521e1b1b4$export$6d08773d2e66f8f2,
+  {
+    ref,
+    className: cn("border-b", className2),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React$3.forwardRef(({ className: className2, children, ...props }, ref) => /* @__PURE__ */ jsx($1bf158f521e1b1b4$export$8b251419efc915eb, { className: "flex", children: /* @__PURE__ */ jsxs(
+  $1bf158f521e1b1b4$export$41fb9f06171c75f4,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className2
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 transition-transform duration-200 shrink-0" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = $1bf158f521e1b1b4$export$41fb9f06171c75f4.displayName;
+const AccordionContent = React$3.forwardRef(({ className: className2, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  $1bf158f521e1b1b4$export$7c6e2c02157bb7d2,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      className2
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "pt-0 pb-4", children })
+  }
+));
+AccordionContent.displayName = $1bf158f521e1b1b4$export$7c6e2c02157bb7d2.displayName;
+function ValPatches({
+  api,
+  patches: patchIdsByModule,
+  onCommit,
+  onCancel
+}) {
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") {
+        onCancel();
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, []);
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end p-2", children: /* @__PURE__ */ jsx("button", { onClick: onCancel, children: /* @__PURE__ */ jsx(X, {}) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full p-8 gap-y-5", children: [
+      /* @__PURE__ */ jsx("h1", { className: "block font-sans text-xl font-bold", children: "Review changes" }),
+      /* @__PURE__ */ jsx("ul", { children: Object.entries(patchIdsByModule).map(([moduleId, patchIds]) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, children: /* @__PURE__ */ jsxs($1bf158f521e1b1b4$export$d99097c13d4dac9f, { value: moduleId, children: [
+        /* @__PURE__ */ jsxs($1bf158f521e1b1b4$export$94e939b1f85bdd73, { className: "grid grid-cols-[1fr_min-content] gap-x-2", children: [
+          /* @__PURE__ */ jsx("span", { children: moduleId }),
+          /* @__PURE__ */ jsxs("span", { className: "flex", children: [
+            /* @__PURE__ */ jsx(Diff, { size: 14 }),
+            /* @__PURE__ */ jsx("span", { children: patchIds.length }),
+            /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(ChevronDown, { size: 14 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", children: patchIds.map((patchId) => /* @__PURE__ */ jsxs($1bf158f521e1b1b4$export$d99097c13d4dac9f, { value: patchId, children: [
+          /* @__PURE__ */ jsx($1bf158f521e1b1b4$export$94e939b1f85bdd73, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-5", children: [
+            /* @__PURE__ */ jsx("span", { children: "Changed by: John Smith" }),
+            /* @__PURE__ */ jsx("span", { children: "Changed at: 2024-01-04 13:25:00" }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                className: "h-[14px] w-[14px]",
+                src: "https://randomuser.me/api/portraits/men/3.jpg"
+              }
+            ),
+            /* @__PURE__ */ jsx(X, { size: 14 }),
+            /* @__PURE__ */ jsx(ChevronDown, { size: 14 })
+          ] }) }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("div", { children: 'Changed to: "Foo bar"' }) })
+        ] })) }) })
+      ] }) }) }, moduleId)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: Object.keys(patchIdsByModule).length === 0 || loading,
+            onClick: () => {
+              setLoading(true);
+              api.postCommit({ patches: patchIdsByModule }).then((res) => {
+                if (result.isErr(res)) {
+                  console.error(res.error);
+                  alert("Could not commit patches: " + res.error.message);
+                } else {
+                  console.log("Committed patches: ", res.value);
+                  onCommit();
+                }
+              }).finally(() => {
+                setLoading(false);
+              });
+            },
+            children: loading ? "Committing..." : "Commit"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Container({
+  children
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "h-full w-full rounded-lg bg-gradient-to-br from-background/90 from-40% to-background backdrop-blur-lg text-primary drop-shadow-2xl", children });
+}
 const ValModulesContext = React__default.createContext(null);
 const useValModuleFromPath = (sourcePath) => {
   var _a, _b;
@@ -72804,6 +74179,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
     },
     []
   );
+  const [patchModalOpen, setPatchModalOpen] = useState(false);
   const allModuleIds = Object.entries(modules || {}).flatMap(
     ([moduleId, valModule]) => {
       if ((valModule == null ? void 0 : valModule.schema) && (valModule == null ? void 0 : valModule.source)) {
@@ -72838,13 +74214,26 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
           className: "relative w-full h-[100] overflow-hidden font-serif antialiased bg-background text-primary",
           "data-mode": theme2,
           children: [
+            patchModalOpen && /* @__PURE__ */ jsx("div", { className: "fixed z-5 top-[16px] left-[16px] w-[calc(100%-32px-50px-16px)] h-[calc(100svh-32px)]", children: /* @__PURE__ */ jsx(
+              ValPatches,
+              {
+                patches,
+                api,
+                onCancel: () => {
+                  setPatchModalOpen(false);
+                },
+                onCommit: () => {
+                  setPatchResetId((patchResetId) => patchResetId + 1);
+                }
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { className: "fixed -translate-y-1/2 right-4 top-1/2 z-overlay", children: /* @__PURE__ */ jsx(
               ValMenu,
               {
                 direction: "vertical",
                 api,
                 patches,
-                onCommit: () => setPatchResetId((prev) => prev + 1)
+                onClickPatches: () => setPatchModalOpen((prev) => !prev)
               }
             ) }),
             /* @__PURE__ */ jsx("div", { id: "val-fullscreen-hover", ref: hoverElemRef }),
@@ -73887,6 +75276,7 @@ function ValOverlay({
     },
     []
   );
+  const [patchModalOpen, setPatchModalOpen] = useState(false);
   return /* @__PURE__ */ jsx(
     ValOverlayContext.Provider,
     {
@@ -73915,15 +75305,26 @@ function ValOverlay({
             // 1 less than the NextJS error z-index: 9000
           },
           children: [
+            patchModalOpen && /* @__PURE__ */ jsx("div", { className: "fixed z-5 top-[16px] left-[16px] w-[calc(100%-32px-50px-16px)] h-[calc(100svh-32px)]", children: /* @__PURE__ */ jsx(
+              ValPatches,
+              {
+                patches,
+                api,
+                onCancel: () => {
+                  setPatchModalOpen(false);
+                },
+                onCommit: () => {
+                  setPatchResetId((patchResetId) => patchResetId + 1);
+                }
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { className: "fixed -translate-y-1/2 right-4 top-1/2 z-overlay", children: /* @__PURE__ */ jsx(
               ValMenu,
               {
                 direction: "vertical",
                 api,
                 patches,
-                onCommit: () => {
-                  setPatchResetId((patchResetId) => patchResetId + 1);
-                }
+                onClickPatches: () => setPatchModalOpen((prev) => !prev)
               }
             ) }),
             session.status === "success" && session.data.enabled && (editMode === "hover" || editMode === "window") && hoverTarget.path && /* @__PURE__ */ jsx(
@@ -74049,28 +75450,40 @@ function ValHover({
 }) {
   var _a;
   const rect = (_a = hoverTarget.element) == null ? void 0 : _a.getBoundingClientRect();
+  useEffect(() => {
+    if (hoverTarget.path) {
+      const clickListener = (ev) => {
+        if (ev.target && ev.target instanceof HTMLElement && ev.target.id !== "val-ui")
+          setWindowTarget({
+            ...hoverTarget,
+            path: hoverTarget.path,
+            mouse: { x: ev.pageX, y: ev.pageY }
+          });
+        setEditMode("window");
+        setHoverTarget(null);
+        ev.stopPropagation();
+      };
+      const prevCursor = document.body.style.cursor;
+      document.body.style.cursor = "pointer";
+      document.body.addEventListener("click", clickListener);
+      return () => {
+        document.body.style.cursor = prevCursor;
+        document.body.removeEventListener("click", clickListener);
+      };
+    }
+  }, [hoverTarget]);
   return /* @__PURE__ */ jsx(
     "div",
     {
       id: "val-hover",
       className: "fixed border-2 cursor-pointer z-overlay-hover border-accent",
       style: {
+        pointerEvents: "none",
         top: rect == null ? void 0 : rect.top,
         left: rect == null ? void 0 : rect.left,
         width: rect == null ? void 0 : rect.width,
         height: rect == null ? void 0 : rect.height
       },
-      onClick: (ev) => {
-        if (hoverTarget.path) {
-          setWindowTarget({
-            ...hoverTarget,
-            path: hoverTarget.path,
-            mouse: { x: ev.pageX, y: ev.pageY }
-          });
-          setEditMode("window");
-          setHoverTarget(null);
-        }
-      },
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end w-full text-xs", children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -74089,20 +75502,31 @@ function useHoverTarget(editMode) {
   const [targetElement, setTargetElement] = useState();
   const [targetPath, setTargetPath] = useState();
   const [targetRect, setTargetRect] = useState();
+  function tagElements(target) {
+    if (target) {
+      const sourcePaths = [];
+      if (target.dataset.valPath) {
+        sourcePaths.push(target.dataset.valPath);
+      }
+      for (const element of Array.from(target.querySelectorAll("*"))) {
+        if (element instanceof HTMLElement) {
+          const sourcePath = element.dataset.valPath;
+          if (sourcePath) {
+            sourcePaths.push(sourcePath);
+          }
+        }
+      }
+      if (sourcePaths.length > 0) {
+        setTargetElement(target);
+        setTargetPath(sourcePaths.join(","));
+        setTargetRect(target.getBoundingClientRect());
+      }
+    }
+  }
   useEffect(() => {
     if (editMode === "hover" || editMode === "window") {
-      let curr = null;
       const mouseOverListener = (e) => {
-        const target = e.target;
-        curr = target;
-        do {
-          if (curr == null ? void 0 : curr.dataset.valPath) {
-            setTargetElement(curr);
-            setTargetPath(curr.dataset.valPath);
-            setTargetRect(curr.getBoundingClientRect());
-            break;
-          }
-        } while (curr = (curr == null ? void 0 : curr.parentElement) || null);
+        tagElements(e.target);
       };
       document.addEventListener("mouseover", mouseOverListener);
       return () => {
@@ -74177,7 +75601,7 @@ function useInitEditMode() {
   }, []);
   return [editMode, setEditMode];
 }
-const styleCss = "/*\n  Need to explicitly set config path, otherwise it may fail to resolve when\n  built from outside packages/ui.\n*/\n\n/*\n  ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com\n*/\n\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: 'Roboto', sans-serif; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. 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)\n2. 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)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n\n[hidden] {\n  display: none;\n}\n\n/* :host for use with Shadow DOM, copied from the TailwindCSS prelude */\n\n:host {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 0 0% 57.3%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 273 60% 51%;\n    --accent-foreground: 110 10% 94%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n\n:root {\n    --background: 110 10% 94%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 0 0% 57.3%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 273 60% 51%;\n    --accent-foreground: 110 10% 94%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 212.7 9.1% 76.3%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n\n/* dark theme */\n\n*[data-mode=\"dark\"] {\n    --background: 0 0% 4%;\n    --foreground: 210 40% 98%;\n\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n\n    --muted: 178 23% 76%;\n    --muted-foreground: 215 20.2% 65.1%;\n\n    --accent: 159 60% 51%;\n    --accent-foreground: 210 40% 98%;\n\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --ring: 212.7 26.8% 83.9%;\n  }\n\n* {\n  border-color: hsl(var(--border));\n}\n\nbody {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.invisible {\n  visibility: hidden;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.-left-2 {\n  left: -0.5rem;\n}\n.-right-\\[10px\\] {\n  right: -10px;\n}\n.-top-\\[10px\\] {\n  top: -10px;\n}\n.-top-\\[4px\\] {\n  top: -4px;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-1 {\n  left: 0.25rem;\n}\n.left-2 {\n  left: 0.5rem;\n}\n.left-\\[50\\%\\] {\n  left: 50%;\n}\n.right-0 {\n  right: 0px;\n}\n.right-1 {\n  right: 0.25rem;\n}\n.right-4 {\n  right: 1rem;\n}\n.right-\\[16px\\] {\n  right: 16px;\n}\n.top-0 {\n  top: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-4 {\n  top: 1rem;\n}\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[5\\] {\n  z-index: 5;\n}\n.z-overlay {\n  z-index: 4;\n}\n.m-4 {\n  margin: 1rem;\n}\n.-mx-1 {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.-my-2 {\n  margin-top: -0.5rem;\n  margin-bottom: -0.5rem;\n}\n.-my-\\[100px\\] {\n  margin-top: -100px;\n  margin-bottom: -100px;\n}\n.mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.ml-0 {\n  margin-left: 0px;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.ml-\\[20px\\] {\n  margin-left: 20px;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-11 {\n  height: 2.75rem;\n}\n.h-2 {\n  height: 0.5rem;\n}\n.h-2\\.5 {\n  height: 0.625rem;\n}\n.h-3 {\n  height: 0.75rem;\n}\n.h-3\\.5 {\n  height: 0.875rem;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-7 {\n  height: 1.75rem;\n}\n.h-9 {\n  height: 2.25rem;\n}\n.h-\\[100\\] {\n  height: 100;\n}\n.h-\\[12px\\] {\n  height: 12px;\n}\n.h-\\[14px\\] {\n  height: 14px;\n}\n.h-\\[18px\\] {\n  height: 18px;\n}\n.h-\\[1px\\] {\n  height: 1px;\n}\n.h-\\[20px\\] {\n  height: 20px;\n}\n.h-\\[22px\\] {\n  height: 22px;\n}\n.h-\\[24px\\] {\n  height: 24px;\n}\n.h-\\[32px\\] {\n  height: 32px;\n}\n.h-\\[50px\\] {\n  height: 50px;\n}\n.h-\\[75px\\] {\n  height: 75px;\n}\n.h-\\[9px\\] {\n  height: 9px;\n}\n.h-\\[var\\(--radix-select-trigger-height\\)\\] {\n  height: var(--radix-select-trigger-height);\n}\n.h-full {\n  height: 100%;\n}\n.h-px {\n  height: 1px;\n}\n.h-screen {\n  height: 100vh;\n}\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n.max-h-\\[500px\\] {\n  max-height: 500px;\n}\n.min-h-\\[200px\\] {\n  min-height: 200px;\n}\n.min-h-\\[300px\\] {\n  min-height: 300px;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.w-0 {\n  width: 0px;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-10 {\n  width: 2.5rem;\n}\n.w-2 {\n  width: 0.5rem;\n}\n.w-2\\.5 {\n  width: 0.625rem;\n}\n.w-3 {\n  width: 0.75rem;\n}\n.w-3\\.5 {\n  width: 0.875rem;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-7 {\n  width: 1.75rem;\n}\n.w-72 {\n  width: 18rem;\n}\n.w-9 {\n  width: 2.25rem;\n}\n.w-\\[12px\\] {\n  width: 12px;\n}\n.w-\\[14px\\] {\n  width: 14px;\n}\n.w-\\[1px\\] {\n  width: 1px;\n}\n.w-\\[20px\\] {\n  width: 20px;\n}\n.w-\\[24px\\] {\n  width: 24px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[32px\\] {\n  width: 32px;\n}\n.w-\\[44px\\] {\n  width: 44px;\n}\n.w-\\[9px\\] {\n  width: 9px;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-screen {\n  width: 100vw;\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.min-w-\\[320px\\] {\n  min-width: 320px;\n}\n.min-w-\\[500px\\] {\n  min-width: 500px;\n}\n.min-w-\\[8rem\\] {\n  min-width: 8rem;\n}\n.min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n  min-width: var(--radix-select-trigger-width);\n}\n.max-w-\\[1000px\\] {\n  max-width: 1000px;\n}\n.max-w-\\[10vw\\] {\n  max-width: 10vw;\n}\n.max-w-\\[300px\\] {\n  max-width: 300px;\n}\n.max-w-\\[90vw\\] {\n  max-width: 90vw;\n}\n.max-w-lg {\n  max-width: 32rem;\n}\n.max-w-xl {\n  max-width: 36rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-auto {\n  flex: 1 1 auto;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.-rotate-90 {\n  --tw-rotate: -90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-\\[-90deg\\] {\n  --tw-rotate: -90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-\\[90deg\\] {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), 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));\n}\n.cursor-col-resize {\n  cursor: col-resize;\n}\n.cursor-default {\n  cursor: default;\n}\n.cursor-grab {\n  cursor: grab;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-se-resize {\n  cursor: se-resize;\n}\n.touch-none {\n  touch-action: none;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.resize-none {\n  resize: none;\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.list-disc {\n  list-style-type: disc;\n}\n.grid-cols-\\[min-content_1fr\\] {\n  grid-template-columns: min-content 1fr;\n}\n.grid-rows-\\[1fr\\2c _min-content\\] {\n  grid-template-rows: 1fr min-content;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-5 {\n  gap: 1.25rem;\n}\n.gap-\\[0\\.5em\\] {\n  gap: 0.5em;\n}\n.gap-\\[36px\\] {\n  gap: 36px;\n}\n.gap-x-4 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n.gap-y-1 {\n  row-gap: 0.25rem;\n}\n.gap-y-2 {\n  row-gap: 0.5rem;\n}\n.gap-y-4 {\n  row-gap: 1rem;\n}\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-clip {\n  overflow: clip;\n}\n.overflow-scroll {\n  overflow: scroll;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: var(--radius);\n}\n.rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.rounded-b-none {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.rounded-b-sm {\n  border-bottom-right-radius: calc(var(--radius) - 4px);\n  border-bottom-left-radius: calc(var(--radius) - 4px);\n}\n.rounded-t-none {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[2px\\] {\n  border-width: 2px;\n}\n.border-x {\n  border-left-width: 1px;\n  border-right-width: 1px;\n}\n.border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-b-0 {\n  border-bottom-width: 0px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-l {\n  border-left-width: 1px;\n}\n.border-l-2 {\n  border-left-width: 2px;\n}\n.border-r {\n  border-right-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-t-0 {\n  border-top-width: 0px;\n}\n.border-accent {\n  border-color: hsl(var(--accent));\n}\n.border-border {\n  border-color: hsl(var(--border));\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity));\n}\n.border-input {\n  border-color: hsl(var(--input));\n}\n.border-primary {\n  border-color: hsl(var(--primary));\n}\n.border-transparent {\n  border-color: transparent;\n}\n.border-l-transparent {\n  border-left-color: transparent;\n}\n.border-t-transparent {\n  border-top-color: transparent;\n}\n.bg-accent {\n  background-color: hsl(var(--accent));\n}\n.bg-background {\n  background-color: hsl(var(--background));\n}\n.bg-background\\/80 {\n  background-color: hsl(var(--background) / 0.8);\n}\n.bg-border {\n  background-color: hsl(var(--border));\n}\n.bg-card {\n  background-color: hsl(var(--card));\n}\n.bg-card-foreground {\n  background-color: hsl(var(--card-foreground));\n}\n.bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.bg-gray-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n}\n.bg-muted {\n  background-color: hsl(var(--muted));\n}\n.bg-popover {\n  background-color: hsl(var(--popover));\n}\n.bg-primary {\n  background-color: hsl(var(--primary));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n.bg-gradient-to-br {\n  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));\n}\n.from-background\\/90 {\n  --tw-gradient-from: hsl(var(--background) / 0.9) var(--tw-gradient-from-position);\n  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-card {\n  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);\n  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-40\\% {\n  --tw-gradient-from-position: 40%;\n}\n.from-50\\% {\n  --tw-gradient-from-position: 50%;\n}\n.to-background {\n  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);\n}\n.fill-current {\n  fill: currentColor;\n}\n.fill-white {\n  fill: #fff;\n}\n.stroke-\\[2px\\] {\n  stroke-width: 2px;\n}\n.stroke-\\[3px\\] {\n  stroke-width: 3px;\n}\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-10 {\n  padding: 2.5rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-3 {\n  padding: 0.75rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.p-\\[1px\\] {\n  padding: 1px;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.px-\\[24px\\] {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n.px-\\[2px\\] {\n  padding-left: 2px;\n  padding-right: 2px;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.py-7 {\n  padding-top: 1.75rem;\n  padding-bottom: 1.75rem;\n}\n.py-\\[2px\\] {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.pb-0 {\n  padding-bottom: 0px;\n}\n.pb-20 {\n  padding-bottom: 5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-6 {\n  padding-left: 1.5rem;\n}\n.pl-8 {\n  padding-left: 2rem;\n}\n.pl-\\[300px\\] {\n  padding-left: 300px;\n}\n.pr-2 {\n  padding-right: 0.5rem;\n}\n.pt-0 {\n  padding-top: 0px;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-start {\n  text-align: start;\n}\n.font-sans {\n  font-family: 'Roboto', sans-serif;\n}\n.font-serif {\n  font-family: 'Space Mono', monospace;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n.text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.text-\\[12px\\] {\n  font-size: 12px;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-\\[12px\\] {\n  font-weight: 12px;\n}\n.font-\\[400\\] {\n  font-weight: 400;\n}\n.font-\\[500\\] {\n  font-weight: 500;\n}\n.font-\\[550\\] {\n  font-weight: 550;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-extrabold {\n  font-weight: 800;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.italic {\n  font-style: italic;\n}\n.leading-4 {\n  line-height: 1rem;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-\\[0\\.04em\\] {\n  letter-spacing: 0.04em;\n}\n.tracking-tight {\n  letter-spacing: -0.025em;\n}\n.tracking-wider {\n  letter-spacing: 0.05em;\n}\n.tracking-widest {\n  letter-spacing: 0.1em;\n}\n.text-accent {\n  color: hsl(var(--accent));\n}\n.text-accent-foreground {\n  color: hsl(var(--accent-foreground));\n}\n.text-background {\n  color: hsl(var(--background));\n}\n.text-card-foreground {\n  color: hsl(var(--card-foreground));\n}\n.text-current {\n  color: currentColor;\n}\n.text-destructive {\n  color: hsl(var(--destructive));\n}\n.text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.text-foreground {\n  color: hsl(var(--foreground));\n}\n.text-muted {\n  color: hsl(var(--muted));\n}\n.text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.text-popover-foreground {\n  color: hsl(var(--popover-foreground));\n}\n.text-primary {\n  color: hsl(var(--primary));\n}\n.text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.line-through {\n  text-decoration-line: line-through;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.opacity-60 {\n  opacity: 0.6;\n}\n.opacity-70 {\n  opacity: 0.7;\n}\n.opacity-75 {\n  opacity: 0.75;\n}\n.mix-blend-difference {\n  mix-blend-mode: difference;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.drop-shadow-2xl {\n  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.drop-shadow-\\[0px_0px_12px_hsl\\(var\\(--accent\\)\\)\\] {\n  --tw-drop-shadow: drop-shadow(0px 0px 12px hsl(var(--accent)));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-lg {\n  --tw-backdrop-blur: blur(16px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n@keyframes enter {\n\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.fade-in-0 {\n  --tw-enter-opacity: 0;\n}\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n.duration-150 {\n  animation-duration: 150ms;\n}\n.duration-200 {\n  animation-duration: 200ms;\n}\n.ease-in-out {\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n.hover\\:w-\\[2px\\]:hover {\n  width: 2px;\n}\n.hover\\:w-\\[3px\\]:hover {\n  width: 3px;\n}\n.hover\\:cursor-pointer:hover {\n  cursor: pointer;\n}\n.hover\\:rounded-lg:hover {\n  border-radius: var(--radius);\n}\n.hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.hover\\:bg-border:hover {\n  background-color: hsl(var(--border));\n}\n.hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.hover\\:bg-muted:hover {\n  background-color: hsl(var(--muted));\n}\n.hover\\:bg-primary:hover {\n  background-color: hsl(var(--primary));\n}\n.hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.hover\\:bg-red-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.hover\\:text-muted-foreground:hover {\n  color: hsl(var(--muted-foreground));\n}\n.hover\\:text-primary-foreground:hover {\n  color: hsl(var(--primary-foreground));\n}\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.focus\\:bg-accent:focus {\n  background-color: hsl(var(--accent));\n}\n.focus\\:bg-primary:focus {\n  background-color: hsl(var(--primary));\n}\n.focus\\:text-accent-foreground:focus {\n  color: hsl(var(--accent-foreground));\n}\n.focus\\:text-primary-foreground:focus {\n  color: hsl(var(--primary-foreground));\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:outline-accent:focus-visible {\n  outline-color: hsl(var(--accent));\n}\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:text-background:disabled {\n  color: hsl(var(--background));\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: 0.7;\n}\n.aria-selected\\:bg-accent[aria-selected=\"true\"] {\n  background-color: hsl(var(--accent));\n}\n.aria-selected\\:text-accent-foreground[aria-selected=\"true\"] {\n  color: hsl(var(--accent-foreground));\n}\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom] {\n  --tw-translate-y: 0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left] {\n  --tw-translate-x: -0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=right] {\n  --tw-translate-x: 0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top] {\n  --tw-translate-y: -0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=checked] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), 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));\n}\n@keyframes accordion-up {\n\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=closed] {\n  animation: accordion-up 0.2s ease-out;\n}\n@keyframes accordion-down {\n\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=open] {\n  animation: accordion-down 0.2s ease-out;\n}\n.data-\\[state\\=active\\]\\:bg-background[data-state=active] {\n  background-color: hsl(var(--background));\n}\n.data-\\[state\\=checked\\]\\:bg-accent[data-state=checked] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked] {\n  background-color: hsl(var(--primary));\n}\n.data-\\[state\\=on\\]\\:bg-accent[data-state=on] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=open\\]\\:bg-accent[data-state=open] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=unchecked\\]\\:bg-primary[data-state=unchecked] {\n  background-color: hsl(var(--primary));\n}\n.data-\\[state\\=active\\]\\:text-foreground[data-state=active] {\n  color: hsl(var(--foreground));\n}\n.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked] {\n  color: hsl(var(--primary-foreground));\n}\n.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on] {\n  color: hsl(var(--accent-foreground));\n}\n.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open] {\n  color: hsl(var(--muted-foreground));\n}\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: 0.5;\n}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active] {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n  --tw-enter-translate-y: -0.5rem;\n}\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n  --tw-enter-translate-x: 0.5rem;\n}\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n  --tw-enter-translate-x: -0.5rem;\n}\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n  --tw-enter-translate-y: 0.5rem;\n}\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is([data-mode=\"dark\"] .dark\\:border-white) {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n@media (min-width: 640px) {\n\n  .sm\\:mt-0 {\n    margin-top: 0px;\n  }\n\n  .sm\\:block {\n    display: block;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .sm\\:rounded-lg {\n    border-radius: var(--radius);\n  }\n\n  .sm\\:p-0 {\n    padding: 0px;\n  }\n\n  .sm\\:text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:relative {\n    position: relative;\n  }\n\n  .md\\:flex {\n    display: flex;\n  }\n\n  .md\\:hidden {\n    display: none;\n  }\n\n  .md\\:w-\\[300px\\] {\n    width: 300px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  .md\\:pl-0 {\n    padding-left: 0px;\n  }\n}\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]) {\n  background-color: hsl(var(--accent));\n}\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: calc(var(--radius) - 2px);\n  border-bottom-left-radius: calc(var(--radius) - 2px);\n}\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: calc(var(--radius) - 2px);\n  border-bottom-right-radius: calc(var(--radius) - 2px);\n}\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=open]>svg {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] {\n  color: hsl(var(--muted-foreground));\n}\n.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {\n  padding-top: 0px;\n}\n.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg {\n  height: 1.25rem;\n}\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg {\n  width: 1.25rem;\n}\n.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] {\n  height: 3rem;\n}\n.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg {\n  height: 1.25rem;\n}\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg {\n  width: 1.25rem;\n}\n";
+const styleCss = "/*\n  Need to explicitly set config path, otherwise it may fail to resolve when\n  built from outside packages/ui.\n*/\n\n/*\n  ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com\n*/\n\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: 'Roboto', sans-serif; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. 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)\n2. 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)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\n\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n\n[hidden] {\n  display: none;\n}\n\n/* :host for use with Shadow DOM, copied from the TailwindCSS prelude */\n\n:host {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 0 0% 57.3%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 273 60% 51%;\n    --accent-foreground: 110 10% 94%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n\n:root {\n    --background: 110 10% 94%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 0 0% 57.3%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 273 60% 51%;\n    --accent-foreground: 110 10% 94%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 212.7 9.1% 76.3%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n\n/* dark theme */\n\n*[data-mode=\"dark\"] {\n    --background: 0 0% 4%;\n    --foreground: 210 40% 98%;\n\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n\n    --muted: 178 23% 76%;\n    --muted-foreground: 215 20.2% 65.1%;\n\n    --accent: 159 60% 51%;\n    --accent-foreground: 210 40% 98%;\n\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --ring: 212.7 26.8% 83.9%;\n  }\n\n* {\n  border-color: hsl(var(--border));\n}\n\nbody {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.invisible {\n  visibility: hidden;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.-left-2 {\n  left: -0.5rem;\n}\n.-right-\\[10px\\] {\n  right: -10px;\n}\n.-top-\\[10px\\] {\n  top: -10px;\n}\n.-top-\\[4px\\] {\n  top: -4px;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-1 {\n  left: 0.25rem;\n}\n.left-2 {\n  left: 0.5rem;\n}\n.left-\\[16px\\] {\n  left: 16px;\n}\n.left-\\[50\\%\\] {\n  left: 50%;\n}\n.right-0 {\n  right: 0px;\n}\n.right-1 {\n  right: 0.25rem;\n}\n.right-4 {\n  right: 1rem;\n}\n.right-\\[16px\\] {\n  right: 16px;\n}\n.top-0 {\n  top: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-4 {\n  top: 1rem;\n}\n.top-\\[16px\\] {\n  top: 16px;\n}\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n.z-5 {\n  z-index: 5;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[5\\] {\n  z-index: 5;\n}\n.z-overlay {\n  z-index: 4;\n}\n.m-4 {\n  margin: 1rem;\n}\n.-mx-1 {\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.-my-2 {\n  margin-top: -0.5rem;\n  margin-bottom: -0.5rem;\n}\n.-my-\\[100px\\] {\n  margin-top: -100px;\n  margin-bottom: -100px;\n}\n.mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.ml-0 {\n  margin-left: 0px;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.ml-\\[20px\\] {\n  margin-left: 20px;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-11 {\n  height: 2.75rem;\n}\n.h-2 {\n  height: 0.5rem;\n}\n.h-2\\.5 {\n  height: 0.625rem;\n}\n.h-3 {\n  height: 0.75rem;\n}\n.h-3\\.5 {\n  height: 0.875rem;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-7 {\n  height: 1.75rem;\n}\n.h-9 {\n  height: 2.25rem;\n}\n.h-\\[100\\] {\n  height: 100;\n}\n.h-\\[12px\\] {\n  height: 12px;\n}\n.h-\\[14px\\] {\n  height: 14px;\n}\n.h-\\[18px\\] {\n  height: 18px;\n}\n.h-\\[1px\\] {\n  height: 1px;\n}\n.h-\\[20px\\] {\n  height: 20px;\n}\n.h-\\[22px\\] {\n  height: 22px;\n}\n.h-\\[24px\\] {\n  height: 24px;\n}\n.h-\\[32px\\] {\n  height: 32px;\n}\n.h-\\[50px\\] {\n  height: 50px;\n}\n.h-\\[75px\\] {\n  height: 75px;\n}\n.h-\\[9px\\] {\n  height: 9px;\n}\n.h-\\[calc\\(100svh-32px\\)\\] {\n  height: calc(100svh - 32px);\n}\n.h-\\[var\\(--radix-select-trigger-height\\)\\] {\n  height: var(--radix-select-trigger-height);\n}\n.h-full {\n  height: 100%;\n}\n.h-px {\n  height: 1px;\n}\n.h-screen {\n  height: 100vh;\n}\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n.max-h-\\[500px\\] {\n  max-height: 500px;\n}\n.min-h-\\[100px\\] {\n  min-height: 100px;\n}\n.min-h-\\[200px\\] {\n  min-height: 200px;\n}\n.min-h-\\[300px\\] {\n  min-height: 300px;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.w-0 {\n  width: 0px;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-10 {\n  width: 2.5rem;\n}\n.w-2 {\n  width: 0.5rem;\n}\n.w-2\\.5 {\n  width: 0.625rem;\n}\n.w-3 {\n  width: 0.75rem;\n}\n.w-3\\.5 {\n  width: 0.875rem;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-7 {\n  width: 1.75rem;\n}\n.w-72 {\n  width: 18rem;\n}\n.w-9 {\n  width: 2.25rem;\n}\n.w-\\[12px\\] {\n  width: 12px;\n}\n.w-\\[14px\\] {\n  width: 14px;\n}\n.w-\\[1px\\] {\n  width: 1px;\n}\n.w-\\[20px\\] {\n  width: 20px;\n}\n.w-\\[24px\\] {\n  width: 24px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[32px\\] {\n  width: 32px;\n}\n.w-\\[44px\\] {\n  width: 44px;\n}\n.w-\\[9px\\] {\n  width: 9px;\n}\n.w-\\[calc\\(100\\%-32px-50px-16px\\)\\] {\n  width: calc(100% - 32px - 50px - 16px);\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-screen {\n  width: 100vw;\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n.min-w-\\[320px\\] {\n  min-width: 320px;\n}\n.min-w-\\[500px\\] {\n  min-width: 500px;\n}\n.min-w-\\[8rem\\] {\n  min-width: 8rem;\n}\n.min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n  min-width: var(--radix-select-trigger-width);\n}\n.max-w-\\[1000px\\] {\n  max-width: 1000px;\n}\n.max-w-\\[10vw\\] {\n  max-width: 10vw;\n}\n.max-w-\\[300px\\] {\n  max-width: 300px;\n}\n.max-w-\\[90vw\\] {\n  max-width: 90vw;\n}\n.max-w-lg {\n  max-width: 32rem;\n}\n.max-w-xl {\n  max-width: 36rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-auto {\n  flex: 1 1 auto;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.-rotate-90 {\n  --tw-rotate: -90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-\\[-90deg\\] {\n  --tw-rotate: -90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.rotate-\\[90deg\\] {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), 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));\n}\n.cursor-col-resize {\n  cursor: col-resize;\n}\n.cursor-default {\n  cursor: default;\n}\n.cursor-grab {\n  cursor: grab;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-se-resize {\n  cursor: se-resize;\n}\n.touch-none {\n  touch-action: none;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.resize-none {\n  resize: none;\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.list-disc {\n  list-style-type: disc;\n}\n.grid-cols-\\[1fr_min-content\\] {\n  grid-template-columns: 1fr min-content;\n}\n.grid-cols-\\[min-content_1fr\\] {\n  grid-template-columns: min-content 1fr;\n}\n.grid-rows-\\[1fr\\2c _min-content\\] {\n  grid-template-rows: 1fr min-content;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-5 {\n  gap: 1.25rem;\n}\n.gap-\\[0\\.5em\\] {\n  gap: 0.5em;\n}\n.gap-\\[36px\\] {\n  gap: 36px;\n}\n.gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n.gap-x-4 {\n  -moz-column-gap: 1rem;\n       column-gap: 1rem;\n}\n.gap-x-5 {\n  -moz-column-gap: 1.25rem;\n       column-gap: 1.25rem;\n}\n.gap-y-1 {\n  row-gap: 0.25rem;\n}\n.gap-y-2 {\n  row-gap: 0.5rem;\n}\n.gap-y-4 {\n  row-gap: 1rem;\n}\n.gap-y-5 {\n  row-gap: 1.25rem;\n}\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-clip {\n  overflow: clip;\n}\n.overflow-scroll {\n  overflow: scroll;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: var(--radius);\n}\n.rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.rounded-b-none {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.rounded-b-sm {\n  border-bottom-right-radius: calc(var(--radius) - 4px);\n  border-bottom-left-radius: calc(var(--radius) - 4px);\n}\n.rounded-t-none {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[2px\\] {\n  border-width: 2px;\n}\n.border-x {\n  border-left-width: 1px;\n  border-right-width: 1px;\n}\n.border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-b-0 {\n  border-bottom-width: 0px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-l {\n  border-left-width: 1px;\n}\n.border-l-2 {\n  border-left-width: 2px;\n}\n.border-r {\n  border-right-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-t-0 {\n  border-top-width: 0px;\n}\n.border-accent {\n  border-color: hsl(var(--accent));\n}\n.border-border {\n  border-color: hsl(var(--border));\n}\n.border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgb(156 163 175 / var(--tw-border-opacity));\n}\n.border-input {\n  border-color: hsl(var(--input));\n}\n.border-primary {\n  border-color: hsl(var(--primary));\n}\n.border-transparent {\n  border-color: transparent;\n}\n.border-l-transparent {\n  border-left-color: transparent;\n}\n.border-t-transparent {\n  border-top-color: transparent;\n}\n.bg-accent {\n  background-color: hsl(var(--accent));\n}\n.bg-background {\n  background-color: hsl(var(--background));\n}\n.bg-background\\/80 {\n  background-color: hsl(var(--background) / 0.8);\n}\n.bg-border {\n  background-color: hsl(var(--border));\n}\n.bg-card {\n  background-color: hsl(var(--card));\n}\n.bg-card-foreground {\n  background-color: hsl(var(--card-foreground));\n}\n.bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.bg-gray-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n}\n.bg-muted {\n  background-color: hsl(var(--muted));\n}\n.bg-popover {\n  background-color: hsl(var(--popover));\n}\n.bg-primary {\n  background-color: hsl(var(--primary));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n.bg-gradient-to-br {\n  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));\n}\n.from-background\\/90 {\n  --tw-gradient-from: hsl(var(--background) / 0.9) var(--tw-gradient-from-position);\n  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-card {\n  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);\n  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-40\\% {\n  --tw-gradient-from-position: 40%;\n}\n.from-50\\% {\n  --tw-gradient-from-position: 50%;\n}\n.to-background {\n  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);\n}\n.fill-current {\n  fill: currentColor;\n}\n.fill-white {\n  fill: #fff;\n}\n.stroke-\\[2px\\] {\n  stroke-width: 2px;\n}\n.stroke-\\[3px\\] {\n  stroke-width: 3px;\n}\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-10 {\n  padding: 2.5rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-3 {\n  padding: 0.75rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.p-\\[1px\\] {\n  padding: 1px;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.px-\\[24px\\] {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n.px-\\[2px\\] {\n  padding-left: 2px;\n  padding-right: 2px;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.py-7 {\n  padding-top: 1.75rem;\n  padding-bottom: 1.75rem;\n}\n.py-\\[2px\\] {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.pb-0 {\n  padding-bottom: 0px;\n}\n.pb-20 {\n  padding-bottom: 5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-8 {\n  padding-bottom: 2rem;\n}\n.pl-0 {\n  padding-left: 0px;\n}\n.pl-6 {\n  padding-left: 1.5rem;\n}\n.pl-8 {\n  padding-left: 2rem;\n}\n.pl-\\[300px\\] {\n  padding-left: 300px;\n}\n.pr-2 {\n  padding-right: 0.5rem;\n}\n.pt-0 {\n  padding-top: 0px;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-start {\n  text-align: start;\n}\n.font-sans {\n  font-family: 'Roboto', sans-serif;\n}\n.font-serif {\n  font-family: 'Space Mono', monospace;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n.text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.text-\\[12px\\] {\n  font-size: 12px;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-\\[12px\\] {\n  font-weight: 12px;\n}\n.font-\\[400\\] {\n  font-weight: 400;\n}\n.font-\\[500\\] {\n  font-weight: 500;\n}\n.font-\\[550\\] {\n  font-weight: 550;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-extrabold {\n  font-weight: 800;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.italic {\n  font-style: italic;\n}\n.leading-4 {\n  line-height: 1rem;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-\\[0\\.04em\\] {\n  letter-spacing: 0.04em;\n}\n.tracking-tight {\n  letter-spacing: -0.025em;\n}\n.tracking-wider {\n  letter-spacing: 0.05em;\n}\n.tracking-widest {\n  letter-spacing: 0.1em;\n}\n.text-accent {\n  color: hsl(var(--accent));\n}\n.text-accent-foreground {\n  color: hsl(var(--accent-foreground));\n}\n.text-background {\n  color: hsl(var(--background));\n}\n.text-card-foreground {\n  color: hsl(var(--card-foreground));\n}\n.text-current {\n  color: currentColor;\n}\n.text-destructive {\n  color: hsl(var(--destructive));\n}\n.text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.text-foreground {\n  color: hsl(var(--foreground));\n}\n.text-muted {\n  color: hsl(var(--muted));\n}\n.text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.text-popover-foreground {\n  color: hsl(var(--popover-foreground));\n}\n.text-primary {\n  color: hsl(var(--primary));\n}\n.text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.line-through {\n  text-decoration-line: line-through;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.opacity-60 {\n  opacity: 0.6;\n}\n.opacity-70 {\n  opacity: 0.7;\n}\n.opacity-75 {\n  opacity: 0.75;\n}\n.mix-blend-difference {\n  mix-blend-mode: difference;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.drop-shadow-2xl {\n  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.drop-shadow-\\[0px_0px_12px_hsl\\(var\\(--accent\\)\\)\\] {\n  --tw-drop-shadow: drop-shadow(0px 0px 12px hsl(var(--accent)));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-lg {\n  --tw-backdrop-blur: blur(16px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n@keyframes enter {\n\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.fade-in-0 {\n  --tw-enter-opacity: 0;\n}\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n.duration-150 {\n  animation-duration: 150ms;\n}\n.duration-200 {\n  animation-duration: 200ms;\n}\n.ease-in-out {\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n.hover\\:w-\\[2px\\]:hover {\n  width: 2px;\n}\n.hover\\:w-\\[3px\\]:hover {\n  width: 3px;\n}\n.hover\\:cursor-pointer:hover {\n  cursor: pointer;\n}\n.hover\\:rounded-lg:hover {\n  border-radius: var(--radius);\n}\n.hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.hover\\:bg-border:hover {\n  background-color: hsl(var(--border));\n}\n.hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.hover\\:bg-muted:hover {\n  background-color: hsl(var(--muted));\n}\n.hover\\:bg-primary:hover {\n  background-color: hsl(var(--primary));\n}\n.hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.hover\\:bg-red-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.hover\\:text-muted-foreground:hover {\n  color: hsl(var(--muted-foreground));\n}\n.hover\\:text-primary-foreground:hover {\n  color: hsl(var(--primary-foreground));\n}\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.focus\\:bg-accent:focus {\n  background-color: hsl(var(--accent));\n}\n.focus\\:bg-primary:focus {\n  background-color: hsl(var(--primary));\n}\n.focus\\:text-accent-foreground:focus {\n  color: hsl(var(--accent-foreground));\n}\n.focus\\:text-primary-foreground:focus {\n  color: hsl(var(--primary-foreground));\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:outline-accent:focus-visible {\n  outline-color: hsl(var(--accent));\n}\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:text-background:disabled {\n  color: hsl(var(--background));\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: 0.7;\n}\n.aria-selected\\:bg-accent[aria-selected=\"true\"] {\n  background-color: hsl(var(--accent));\n}\n.aria-selected\\:text-accent-foreground[aria-selected=\"true\"] {\n  color: hsl(var(--accent-foreground));\n}\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom] {\n  --tw-translate-y: 0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left] {\n  --tw-translate-x: -0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=right] {\n  --tw-translate-x: 0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top] {\n  --tw-translate-y: -0.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=checked] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), 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));\n}\n@keyframes accordion-up {\n\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=closed] {\n  animation: accordion-up 0.2s ease-out;\n}\n@keyframes accordion-down {\n\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=open] {\n  animation: accordion-down 0.2s ease-out;\n}\n.data-\\[state\\=active\\]\\:bg-background[data-state=active] {\n  background-color: hsl(var(--background));\n}\n.data-\\[state\\=checked\\]\\:bg-accent[data-state=checked] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked] {\n  background-color: hsl(var(--primary));\n}\n.data-\\[state\\=on\\]\\:bg-accent[data-state=on] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=open\\]\\:bg-accent[data-state=open] {\n  background-color: hsl(var(--accent));\n}\n.data-\\[state\\=unchecked\\]\\:bg-primary[data-state=unchecked] {\n  background-color: hsl(var(--primary));\n}\n.data-\\[state\\=active\\]\\:text-foreground[data-state=active] {\n  color: hsl(var(--foreground));\n}\n.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked] {\n  color: hsl(var(--primary-foreground));\n}\n.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on] {\n  color: hsl(var(--accent-foreground));\n}\n.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open] {\n  color: hsl(var(--muted-foreground));\n}\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: 0.5;\n}\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=active] {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n  --tw-enter-translate-y: -0.5rem;\n}\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n  --tw-enter-translate-x: 0.5rem;\n}\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n  --tw-enter-translate-x: -0.5rem;\n}\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n  --tw-enter-translate-y: 0.5rem;\n}\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is([data-mode=\"dark\"] .dark\\:border-white) {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n@media (min-width: 640px) {\n\n  .sm\\:mt-0 {\n    margin-top: 0px;\n  }\n\n  .sm\\:block {\n    display: block;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .sm\\:rounded-lg {\n    border-radius: var(--radius);\n  }\n\n  .sm\\:p-0 {\n    padding: 0px;\n  }\n\n  .sm\\:text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 768px) {\n\n  .md\\:relative {\n    position: relative;\n  }\n\n  .md\\:flex {\n    display: flex;\n  }\n\n  .md\\:hidden {\n    display: none;\n  }\n\n  .md\\:w-\\[300px\\] {\n    width: 300px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  .md\\:pl-0 {\n    padding-left: 0px;\n  }\n}\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]) {\n  background-color: hsl(var(--accent));\n}\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: calc(var(--radius) - 2px);\n  border-bottom-left-radius: calc(var(--radius) - 2px);\n}\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: calc(var(--radius) - 2px);\n  border-bottom-right-radius: calc(var(--radius) - 2px);\n}\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=open]>svg {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), 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));\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] {\n  color: hsl(var(--muted-foreground));\n}\n.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {\n  padding-top: 0px;\n}\n.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg {\n  height: 1.25rem;\n}\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg {\n  width: 1.25rem;\n}\n.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] {\n  height: 3rem;\n}\n.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg {\n  height: 1.25rem;\n}\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg {\n  width: 1.25rem;\n}\n";
 function Style() {
   return /* @__PURE__ */ jsx("style", { children: styleCss });
 }