Upload folder using huggingface_hub

src/backend/gradio_cofoldinginput/cofoldinginput.py

@@ -97,6 +97,9 @@ class CofoldingInput(FormComponent):
         for chain in payload["chains"]:
             if "open" in chain:
                 del chain["open"]
+            if chain["class"] in ["protein", "RNA", "DNA"]:
+                if "msa" not in chain.keys():
+                    chain["msa"] = False
         payload = dict(payload)
         return payload
 

src/backend/gradio_cofoldinginput/templates/component/index.js

@@ -42780,10 +42780,10 @@ function create_if_block_16$1(n) {
       e = element$5("span"), e.innerHTML = t, this.h();
     },
     l(r) {
-      e = claim_element$5(r, "SPAN", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(e) !== "svelte-sp8o4z" && (e.innerHTML = t), this.h();
+      e = claim_element$5(r, "SPAN", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(e) !== "svelte-1yqznyw" && (e.innerHTML = t), this.h();
     },
     h() {
-      attr$5(e, "class", "ml-4 inline-flex items-center justify-center p-1 px-2 text-xs font-semibold rounded-full border border-gray-300");
+      attr$5(e, "class", "ml-4 inline-flex items-center justify-center p-1 px-2 text-xs font-semibold rounded-full border border-gray-300 dark:text-white");
     },
     m(r, a) {
       insert_hydration$6(r, e, a);
@@ -42916,7 +42916,7 @@ function create_if_block_8$1(n) {
       s && s.l(A), A.forEach(detach$6), y.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(t, "class", "p-5 border border-t-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900"), attr$5(e, "id", `accordion-collapse-body-${/*i*/
+      attr$5(t, "class", "p-5 border border-t-0 border-gray-200"), attr$5(e, "id", `accordion-collapse-body-${/*i*/
       n[42]}`), attr$5(e, "aria-labelledby", `accordion-collapse-heading-${/*i*/
       n[42]}`);
     },
@@ -43011,7 +43011,7 @@ function create_if_block_10$1(n) {
         for: !0,
         class: !0,
         "data-svelte-h": !0
-      }), get_svelte_dataset$2(e) !== "svelte-1t3lt1p" && (e.textContent = t), r = claim_space$5(Q), a = claim_element$5(Q, "TEXTAREA", {
+      }), get_svelte_dataset$2(e) !== "svelte-1nd379o" && (e.textContent = t), r = claim_space$5(Q), a = claim_element$5(Q, "TEXTAREA", {
         rows: !0,
         class: !0,
         style: !0,
@@ -43023,7 +43023,7 @@ function create_if_block_10$1(n) {
         for: !0,
         class: !0,
         "data-svelte-h": !0
-      }), get_svelte_dataset$2(c) !== "svelte-6ikd45" && (c.textContent = v), E = claim_space$5(Q), w = claim_element$5(Q, "TEXTAREA", {
+      }), get_svelte_dataset$2(c) !== "svelte-uomqwm" && (c.textContent = v), E = claim_space$5(Q), w = claim_element$5(Q, "TEXTAREA", {
         rows: !0,
         class: !0,
         style: !0,
@@ -43031,7 +43031,7 @@ function create_if_block_10$1(n) {
         name: !0
       }), children$4(w).forEach(detach$6), $ = claim_space$5(Q), L = claim_element$5(Q, "DIV", { class: !0 });
       var ke = children$4(L);
-      I = claim_text$4(ke, "Press Enter or "), F = claim_element$5(ke, "BUTTON", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(F) !== "svelte-1rji0lf" && (F.textContent = P), ke.forEach(detach$6), B = claim_space$5(Q), G = claim_element$5(Q, "DIV", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(G) !== "svelte-1f0b7yn" && (G.textContent = U), R = claim_space$5(Q), W = claim_element$5(Q, "DIV", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(W) !== "svelte-5ik8xi" && (W.textContent = H), N = claim_space$5(Q), V = claim_element$5(Q, "DIV", { class: !0 });
+      I = claim_text$4(ke, "Press Enter or "), F = claim_element$5(ke, "BUTTON", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(F) !== "svelte-1rji0lf" && (F.textContent = P), ke.forEach(detach$6), B = claim_space$5(Q), G = claim_element$5(Q, "DIV", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(G) !== "svelte-1f0b7yn" && (G.textContent = U), R = claim_space$5(Q), W = claim_element$5(Q, "DIV", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(W) !== "svelte-1szo4pb" && (W.textContent = H), N = claim_space$5(Q), V = claim_element$5(Q, "DIV", { class: !0 });
       var Pe = children$4(V);
       for (let Ne = 0; Ne < se.length; Ne += 1)
         se[Ne].l(Pe);
@@ -43039,12 +43039,12 @@ function create_if_block_10$1(n) {
     },
     h() {
       attr$5(e, "for", "smiles" + /*i*/
-      n[42]), attr$5(e, "class", "block text-sm font-bold mb-1 px-2.5 dark:text-white"), attr$5(a, "rows", "1"), attr$5(a, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"), set_style$2(a, "display", "block"), attr$5(a, "placeholder", "SMILES like CCC ..."), a.value = s = /*item*/
+      n[42]), attr$5(e, "class", "block text-sm font-bold mb-1 px-2.5"), attr$5(a, "rows", "1"), attr$5(a, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:border-slate-800 dark:focus:ring-slate-900 dark:focus:border-blue-600 dark:text-white dark:bg-gray-700"), set_style$2(a, "display", "block"), attr$5(a, "placeholder", "SMILES like CCC ..."), a.value = s = /*item*/
       n[53].smiles, attr$5(a, "name", "smiles" + /*i*/
-      n[42]), attr$5(_, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(o, "class", "text-gray-700 mt-0.5 px-2.5 text-right text-sm"), attr$5(A, "class", "text-center text-gray-400 w-full my-2"), attr$5(p, "class", "text-center text-gray-400 w-full my-2"), attr$5(c, "for", "sdf" + /*i*/
-      n[42]), attr$5(c, "class", "block text-sm font-bold mb-1 px-2.5 dark:text-white"), attr$5(w, "rows", "3"), attr$5(w, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"), set_style$2(w, "display", "block"), attr$5(w, "placeholder", "SDF format 3D molecule ..."), w.value = k = /*item*/
+      n[42]), attr$5(_, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(o, "class", "text-gray-700 mt-0.5 px-2.5 text-right text-sm dark:text-white"), attr$5(A, "class", "text-center text-gray-400 w-full my-2"), attr$5(p, "class", "text-center text-gray-400 w-full my-2"), attr$5(c, "for", "sdf" + /*i*/
+      n[42]), attr$5(c, "class", "block text-sm font-bold mb-1 px-2.5"), attr$5(w, "rows", "3"), attr$5(w, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:border-slate-800 dark:focus:ring-slate-900 dark:focus:border-blue-600 dark:text-white dark:bg-gray-700"), set_style$2(w, "display", "block"), attr$5(w, "placeholder", "SDF format 3D molecule ..."), w.value = k = /*item*/
       n[53].sdf, attr$5(w, "name", "sdf" + /*i*/
-      n[42]), attr$5(F, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(L, "class", "text-gray-700 mt-0.5 px-2.5 text-right text-sm"), attr$5(G, "class", "text-center text-gray-400 w-full my-2"), attr$5(W, "class", "text-center text-gray-600 font-bold mb-2"), attr$5(V, "class", "flex justify-center space-x-2");
+      n[42]), attr$5(F, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(L, "class", "text-gray-700 mt-0.5 px-2.5 text-right text-sm dark:text-white"), attr$5(G, "class", "text-center text-gray-400 w-full my-2"), attr$5(W, "class", "text-center text-gray-600 font-bold mb-2 dark:text-white"), attr$5(V, "class", "flex justify-center space-x-2");
     },
     m(Q, ye) {
       insert_hydration$6(Q, e, ye), insert_hydration$6(Q, r, ye), insert_hydration$6(Q, a, ye), insert_hydration$6(Q, h, ye), insert_hydration$6(Q, o, ye), append_hydration$4(o, d), append_hydration$4(o, _), insert_hydration$6(Q, y, ye), insert_hydration$6(Q, A, ye), insert_hydration$6(Q, M, ye), ce[m].m(Q, ye), insert_hydration$6(Q, u, ye), insert_hydration$6(Q, p, ye), insert_hydration$6(Q, b, ye), insert_hydration$6(Q, c, ye), insert_hydration$6(Q, E, ye), insert_hydration$6(Q, w, ye), insert_hydration$6(Q, $, ye), insert_hydration$6(Q, L, ye), append_hydration$4(L, I), append_hydration$4(L, F), insert_hydration$6(Q, B, ye), insert_hydration$6(Q, G, ye), insert_hydration$6(Q, R, ye), insert_hydration$6(Q, W, ye), insert_hydration$6(Q, N, ye), insert_hydration$6(Q, V, ye);
@@ -43152,9 +43152,9 @@ function create_if_block_9$1(n) {
       b = claim_text$4(G, "Press Enter or "), c = claim_element$5(G, "BUTTON", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(c) !== "svelte-d0we91" && (c.textContent = v), G.forEach(detach$6), F.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(e, "id", "message"), attr$5(e, "rows", "4"), attr$5(e, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border-1 border-grey-200 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"), set_style$2(e, "display", "block"), attr$5(e, "placeholder", "MSAVGH..."), e.value = t = /*item*/
+      attr$5(e, "id", "message"), attr$5(e, "rows", "4"), attr$5(e, "class", "p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border-1 border-grey-200 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:focus:ring-slate-900 dark:text-white dark:focus:border-slate-900"), set_style$2(e, "display", "block"), attr$5(e, "placeholder", "MSAVGH..."), e.value = t = /*item*/
       n[53].sequence, attr$5(f, "id", "switch"), attr$5(f, "type", "checkbox"), attr$5(f, "class", "peer sr-only"), attr$5(f, "name", "msa" + /*i*/
-      n[42]), attr$5(A, "for", "switch"), attr$5(A, "class", "hidden"), attr$5(M, "class", "peer h-5 w-9 rounded-full border bg-slate-200 after:absolute after:left-[2px] after:top-0.5 after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-slate-800 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"), attr$5(_, "class", "relative inline-flex cursor-pointer items-center"), attr$5(s, "class", "flex items-center space-x-2 text-sm"), attr$5(c, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(g, "class", "text-gray-700"), attr$5(a, "class", "flex items-center justify-between mt-1");
+      n[42]), attr$5(A, "for", "switch"), attr$5(A, "class", "hidden"), attr$5(M, "class", "peer h-5 w-9 rounded-full border bg-slate-200 dark:bg-slate-600 after:absolute after:left-[2px] after:top-0.5 after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-slate-800 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"), attr$5(_, "class", "relative inline-flex cursor-pointer items-center"), attr$5(s, "class", "flex items-center space-x-2 text-sm"), attr$5(c, "class", "hover:bg-gray-100 hover:text-gray-900 underline p-1 rounded"), attr$5(g, "class", "text-gray-700 dark:text-white"), attr$5(a, "class", "flex items-center justify-between mt-1");
     },
     m(I, F) {
       insert_hydration$6(I, e, F), insert_hydration$6(I, r, F), insert_hydration$6(I, a, F), append_hydration$4(a, s), append_hydration$4(s, h), append_hydration$4(s, d), append_hydration$4(s, _), append_hydration$4(_, f), f.checked = /*item*/
@@ -43202,24 +43202,24 @@ function create_else_block_2(n) {
         for: !0,
         class: !0,
         "data-svelte-h": !0
-      }), get_svelte_dataset$2(r) !== "svelte-fid7aw" && (r.textContent = a), s = claim_space$5(b), h = claim_element$5(b, "BUTTON", {
+      }), get_svelte_dataset$2(r) !== "svelte-1u35oat" && (r.textContent = a), s = claim_space$5(b), h = claim_element$5(b, "BUTTON", {
         id: !0,
         "data-dropdown-toggle": !0,
         class: !0,
         type: !0,
         "data-svelte-h": !0
-      }), get_svelte_dataset$2(h) !== "svelte-1tv4fo2" && (h.textContent = o), d = claim_space$5(b), _ = claim_element$5(b, "DIV", { class: !0 });
+      }), get_svelte_dataset$2(h) !== "svelte-1fockar" && (h.textContent = o), d = claim_space$5(b), _ = claim_element$5(b, "DIV", { class: !0 });
       var c = children$4(_);
       f = claim_element$5(c, "INPUT", {
         type: !0,
         id: !0,
         class: !0,
         style: !0
-      }), A = claim_space$5(c), x = claim_element$5(c, "BUTTON", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(x) !== "svelte-tmz2yy" && (x.innerHTML = M), c.forEach(detach$6), b.forEach(detach$6), g.forEach(detach$6), this.h();
+      }), A = claim_space$5(c), x = claim_element$5(c, "BUTTON", { class: !0, "data-svelte-h": !0 }), get_svelte_dataset$2(x) !== "svelte-1py4dz8" && (x.innerHTML = M), c.forEach(detach$6), b.forEach(detach$6), g.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(r, "for", "search-dropdown"), attr$5(r, "class", "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"), attr$5(h, "id", "dropdown-button"), attr$5(h, "data-dropdown-toggle", "dropdown"), attr$5(h, "class", "flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700 dark:text-white dark:border-gray-600"), attr$5(h, "type", "button"), attr$5(f, "type", "search"), attr$5(f, "id", "search-dropdown"), attr$5(f, "class", "p-2.5 w-full h-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-s-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500"), set_style$2(f, "display", "block"), f.value = y = /*item*/
-      n[53].name, attr$5(x, "class", "absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-red-700 rounded-e-lg border border-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800"), attr$5(_, "class", "relative w-full"), attr$5(t, "class", "flex"), attr$5(e, "class", "max-w-lg mx-auto mb-2 my-2");
+      attr$5(r, "for", "search-dropdown"), attr$5(r, "class", "mb-2 text-sm font-medium text-gray-900 sr-only"), attr$5(h, "id", "dropdown-button"), attr$5(h, "data-dropdown-toggle", "dropdown"), attr$5(h, "class", "flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg focus:ring-0 focus:outline-none dark:bg-slate-700 dark:text-white dark:border-slate-700"), attr$5(h, "type", "button"), attr$5(f, "type", "search"), attr$5(f, "id", "search-dropdown"), attr$5(f, "class", "p-2.5 w-full h-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:focus:border-slate-900 dark:focus:ring-blue-900 dark:bg-slate-700 dark:text-white dark:border-l dark:border-slate-400 dark:border-t-0 dark:border-b-0 dark:border-r-0"), set_style$2(f, "display", "block"), f.value = y = /*item*/
+      n[53].name, attr$5(x, "class", "absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-red-700 rounded-e-lg border border-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300"), attr$5(_, "class", "relative w-full"), attr$5(t, "class", "flex"), attr$5(e, "class", "max-w-lg mx-auto mb-2 my-2");
     },
     m(p, g) {
       insert_hydration$6(p, e, g), append_hydration$4(e, t), append_hydration$4(t, r), append_hydration$4(t, s), append_hydration$4(t, h), append_hydration$4(t, d), append_hydration$4(t, _), append_hydration$4(_, f), append_hydration$4(_, A), append_hydration$4(_, x), m || (l = listen$1(x, "click", u), m = !0);
@@ -43300,7 +43300,7 @@ function create_each_block_6(n) {
       a = claim_text$4(y, r), y.forEach(detach$6), s = claim_space$5(f), f.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(t, "class", "font-medium text-gray-600 dark:text-gray-300"), attr$5(e, "class", "relative inline-flex items-center justify-center w-10 h-10 overflow-hidden rounded-full dark:bg-gray-600"), toggle_class$4(
+      attr$5(t, "class", "font-medium text-gray-600 dark:text-white"), attr$5(e, "class", "relative inline-flex items-center justify-center w-10 h-10 overflow-hidden rounded-full dark:text-white"), toggle_class$4(
         e,
         "bg-blue-200",
         /*item*/
@@ -43312,6 +43312,18 @@ function create_each_block_6(n) {
         /*item*/
         n[53].name !== /*metal*/
         n[55]
+      ), toggle_class$4(
+        e,
+        "dark:bg-slate-900",
+        /*item*/
+        n[53].name === /*metal*/
+        n[55]
+      ), toggle_class$4(
+        e,
+        "dark:bg-slate-700",
+        /*item*/
+        n[53].name !== /*metal*/
+        n[55]
       );
     },
     m(_, f) {
@@ -43332,6 +43344,20 @@ function create_each_block_6(n) {
         /*item*/
         n[53].name !== /*metal*/
         n[55]
+      ), f[0] & /*vals, metals*/
+      257 && toggle_class$4(
+        e,
+        "dark:bg-slate-900",
+        /*item*/
+        n[53].name === /*metal*/
+        n[55]
+      ), f[0] & /*vals, metals*/
+      257 && toggle_class$4(
+        e,
+        "dark:bg-slate-700",
+        /*item*/
+        n[53].name !== /*metal*/
+        n[55]
       );
     },
     d(_) {
@@ -43429,7 +43455,7 @@ function create_if_block_4$3(n) {
       a && a.l(o), o.forEach(detach$6), h.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(t, "class", "p-5 border border-t-0 border-gray-200 dark:border-gray-700"), toggle_class$4(
+      attr$5(t, "class", "p-5 border border-t-0 border-gray-200"), toggle_class$4(
         t,
         "border-b-0",
         /*i*/
@@ -43499,7 +43525,7 @@ function create_if_block_7$1(n) {
       claim_component$4(r.$$.fragment, o), o.forEach(detach$6), h.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(t, "class", "relative"), attr$5(e, "class", "p-5 border border-t-0 border-gray-200 dark:border-gray-700"), toggle_class$4(
+      attr$5(t, "class", "relative"), attr$5(e, "class", "p-5 border border-t-0 border-gray-200"), toggle_class$4(
         e,
         "border-b-0",
         /*i*/
@@ -43679,13 +43705,13 @@ function create_each_block_5(n) {
       n[7][
         /*item*/
         n[53].class
-      ]), attr$5(_, "class", "p-1"), attr$5(m, "class", "px-2 text-gray-800 font-bold"), attr$5(r, "class", "flex items-center justify-start"), attr$5(g, "stroke-linecap", "round"), attr$5(g, "stroke-linejoin", "round"), attr$5(g, "d", "M6 18 18 6M6 6l12 12"), attr$5(p, "data-slot", "icon"), attr$5(p, "fill", "none"), attr$5(p, "stroke-width", "3"), attr$5(p, "stroke", "currentColor"), attr$5(p, "viewBox", "0 0 24 24"), attr$5(p, "xmlns", "http://www.w3.org/2000/svg"), attr$5(p, "aria-hidden", "true"), attr$5(p, "class", "w-4 h-4 text-red-800"), attr$5(v, "stroke", "currentColor"), attr$5(v, "stroke-linecap", "round"), attr$5(v, "stroke-linejoin", "round"), attr$5(v, "stroke-width", "2"), attr$5(v, "d", "M9 5 5 1 1 5"), attr$5(c, "data-accordion-icon", ""), attr$5(c, "class", "w-3 h-3 shrink-0"), attr$5(c, "aria-hidden", "true"), attr$5(c, "xmlns", "http://www.w3.org/2000/svg"), attr$5(c, "fill", "none"), attr$5(c, "viewBox", "0 0 10 6"), toggle_class$4(
+      ]), attr$5(_, "class", "p-1 dark:text-white"), attr$5(m, "class", "px-2 text-gray-800 font-bold"), attr$5(r, "class", "flex items-center justify-start"), attr$5(g, "stroke-linecap", "round"), attr$5(g, "stroke-linejoin", "round"), attr$5(g, "d", "M6 18 18 6M6 6l12 12"), attr$5(p, "data-slot", "icon"), attr$5(p, "fill", "none"), attr$5(p, "stroke-width", "3"), attr$5(p, "stroke", "currentColor"), attr$5(p, "viewBox", "0 0 24 24"), attr$5(p, "xmlns", "http://www.w3.org/2000/svg"), attr$5(p, "aria-hidden", "true"), attr$5(p, "class", "w-4 h-4 text-red-800"), attr$5(v, "stroke", "currentColor"), attr$5(v, "stroke-linecap", "round"), attr$5(v, "stroke-linejoin", "round"), attr$5(v, "stroke-width", "2"), attr$5(v, "d", "M9 5 5 1 1 5"), attr$5(c, "data-accordion-icon", ""), attr$5(c, "class", "w-3 h-3 shrink-0"), attr$5(c, "aria-hidden", "true"), attr$5(c, "xmlns", "http://www.w3.org/2000/svg"), attr$5(c, "fill", "none"), attr$5(c, "viewBox", "0 0 10 6"), toggle_class$4(
         c,
         "rotate-180",
         /*item*/
         n[53].open
       ), toggle_class$4(c, "-rotate-90", !/*item*/
-      n[53].open), attr$5(u, "class", "flex items-center space-x-2"), attr$5(t, "type", "button"), attr$5(t, "class", "flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-gray-200 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 gap-3"), attr$5(t, "data-accordion-target", `#accordion-collapse-body-${/*i*/
+      n[53].open), attr$5(u, "class", "flex items-center space-x-2"), attr$5(t, "type", "button"), attr$5(t, "class", "flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-gray-200 gap-3"), attr$5(t, "data-accordion-target", `#accordion-collapse-body-${/*i*/
       n[42]}`), attr$5(t, "aria-expanded", E = /*item*/
       n[53].open), attr$5(t, "aria-controls", `accordion-collapse-body-${/*i*/
       n[42]}`), toggle_class$4(
@@ -44511,7 +44537,7 @@ function create_fragment$6(n) {
       d && d.l(y), y.forEach(detach$6), f.forEach(detach$6), this.h();
     },
     h() {
-      attr$5(r, "class", "p-5 border border-t-0 border-gray-200 dark:border-gray-700 w-full"), attr$5(e, "data-accordion", "collapse");
+      attr$5(r, "class", "p-5 border border-t-0 border-gray-200 w-full"), attr$5(e, "data-accordion", "collapse");
     },
     m(_, f) {
       insert_hydration$6(_, e, f);

src/backend/gradio_cofoldinginput/templates/example/style.css

@@ -1 +1 @@
-/*! tailwindcss v4.0.0-alpha.35 | MIT License | https://tailwindcss.com */@layer theme{:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-50:oklch(.98 .016 73.684);--color-orange-100:oklch(.954 .038 75.164);--color-orange-200:oklch(.901 .076 70.697);--color-orange-300:oklch(.837 .128 66.29);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-orange-700:oklch(.553 .195 38.402);--color-orange-800:oklch(.47 .157 37.304);--color-orange-900:oklch(.408 .123 38.172);--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:oklch(.987 .026 102.212);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:oklch(.982 .018 155.826);--color-green-100:oklch(.962 .044 156.743);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:oklch(.984 .014 180.72);--color-teal-100:oklch(.953 .051 180.801);--color-teal-200:oklch(.91 .096 180.426);--color-teal-300:oklch(.855 .138 181.071);--color-teal-400:oklch(.777 .152 181.912);--color-teal-500:oklch(.704 .14 182.503);--color-teal-600:oklch(.6 .118 184.704);--color-teal-700:oklch(.511 .096 186.391);--color-teal-800:oklch(.437 .078 188.216);--color-teal-900:oklch(.386 .063 188.416);--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:oklch(.984 .019 200.873);--color-cyan-100:oklch(.956 .045 203.388);--color-cyan-200:oklch(.917 .08 205.041);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-800:oklch(.45 .085 224.283);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:oklch(.97 .014 254.604);--color-blue-100:oklch(.932 .032 255.585);--color-blue-200:oklch(.882 .059 254.128);--color-blue-300:oklch(.809 .105 251.813);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:oklch(.962 .018 272.314);--color-indigo-100:oklch(.93 .034 272.788);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-300:oklch(.785 .115 274.713);--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-indigo-800:oklch(.398 .195 277.366);--color-indigo-900:oklch(.359 .144 278.697);--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:oklch(.977 .014 308.299);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-purple-900:oklch(.381 .176 304.987);--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:oklch(.971 .014 343.198);--color-pink-100:oklch(.948 .028 342.258);--color-pink-200:oklch(.899 .061 343.231);--color-pink-300:oklch(.823 .12 346.018);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-pink-700:oklch(.525 .223 3.958);--color-pink-800:oklch(.459 .187 3.815);--color-pink-900:oklch(.408 .153 2.432);--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-prose:65ch;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.875rem;--text-sm--line-height:1.25rem;--text-base:1rem;--text-base--line-height:1.5rem;--text-lg:1.125rem;--text-lg--line-height:1.75rem;--text-xl:1.25rem;--text-xl--line-height:1.75rem;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.875rem;--text-3xl--line-height:2.25rem;--text-4xl:2.25rem;--text-4xl--line-height:2.5rem;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #0000001a,0 1px 1px #0000000f;--drop-shadow-md:0 4px 3px #00000012,0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a,0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008,0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background:0 0}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:0 0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in oklch,currentColor 50%,transparent)}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.static{position:static!important}.end-0{inset-inline-end:calc(var(--spacing)*0)!important}.top-0{top:calc(var(--spacing)*0)!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.container{width:100%!important}@media (width>=40rem){.container{max-width:40rem!important}}@media (width>=48rem){.container{max-width:48rem!important}}@media (width>=64rem){.container{max-width:64rem!important}}@media (width>=80rem){.container{max-width:80rem!important}}@media (width>=96rem){.container{max-width:96rem!important}}.m-1{margin:calc(var(--spacing)*1)!important}.mx-1{margin-inline:calc(var(--spacing)*1)!important}.mx-auto{margin-inline:auto!important}.my-2{margin-block:calc(var(--spacing)*2)!important}.my-8{margin-block:calc(var(--spacing)*8)!important}.mt-0\.5{margin-top:calc(var(--spacing)*.5)!important}.mt-1{margin-top:calc(var(--spacing)*1)!important}.mt-2{margin-top:calc(var(--spacing)*2)!important}.mt-3{margin-top:calc(var(--spacing)*3)!important}.mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)!important}.ml-4{margin-left:calc(var(--spacing)*4)!important}.\!grid{display:grid!important}.block{display:block!important}.contents{display:contents!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.size-3{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.h-3{height:calc(var(--spacing)*3)!important}.h-4{height:calc(var(--spacing)*4)!important}.h-5{height:calc(var(--spacing)*5)!important}.h-8{height:calc(var(--spacing)*8)!important}.h-10{height:calc(var(--spacing)*10)!important}.h-40{height:calc(var(--spacing)*40)!important}.h-84{height:calc(var(--spacing)*84)!important}.h-full{height:100%!important}.w-1\/2{width:50%!important}.w-2\/5{width:40%!important}.w-3{width:calc(var(--spacing)*3)!important}.w-3\/5{width:60%!important}.w-4{width:calc(var(--spacing)*4)!important}.w-8{width:calc(var(--spacing)*8)!important}.w-9{width:calc(var(--spacing)*9)!important}.w-10{width:calc(var(--spacing)*10)!important}.w-44{width:calc(var(--spacing)*44)!important}.w-full{width:100%!important}.max-w-lg{max-width:var(--container-lg)!important}.shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.grow{flex-grow:1!important}.-rotate-90{rotate:-90deg!important}.rotate-180{rotate:180deg!important}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:calc(var(--spacing)*2)!important}.gap-3{gap:calc(var(--spacing)*3)!important}:where(.space-x-1>:not(:last-child)){margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))!important}:where(.space-x-2>:not(:last-child)){margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}:where(.divide-x>:not(:last-child)){border-inline-style:var(--tw-border-style)!important;border-inline-start-width:calc(1px*var(--tw-divide-x-reverse))!important;border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))!important}:where(.divide-y>:not(:last-child)){border-bottom-style:var(--tw-border-style)!important;border-top-style:var(--tw-border-style)!important;border-top-width:calc(1px*var(--tw-divide-y-reverse))!important;border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))!important}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-s-lg{border-start-start-radius:var(--radius-lg)!important;border-end-start-radius:var(--radius-lg)!important}.rounded-e-lg{border-start-end-radius:var(--radius-lg)!important;border-end-end-radius:var(--radius-lg)!important}.rounded-l-full{border-top-left-radius:3.40282e38px!important;border-bottom-left-radius:3.40282e38px!important}.rounded-t-xl{border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important}.rounded-r-full{border-top-right-radius:3.40282e38px!important;border-bottom-right-radius:3.40282e38px!important}.border,.border-1{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-s-2{border-inline-start-style:var(--tw-border-style)!important;border-inline-start-width:2px!important}.border-t-0{border-top-style:var(--tw-border-style)!important;border-top-width:0!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.border-blue-700{border-color:var(--color-blue-700)!important}.border-gray-200{border-color:var(--color-gray-200)!important}.border-gray-300{border-color:var(--color-gray-300)!important}.border-red-700{border-color:var(--color-red-700)!important}.border-s-gray-50{border-inline-start-color:var(--color-gray-50)!important}.bg-blue-200{background-color:var(--color-blue-200)!important}.bg-blue-700{background-color:var(--color-blue-700)!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-gray-100{background-color:var(--color-gray-100)!important}.bg-gray-200{background-color:var(--color-gray-200)!important}.bg-green-200{background-color:var(--color-green-200)!important}.bg-orange-200{background-color:var(--color-orange-200)!important}.bg-red-700{background-color:var(--color-red-700)!important}.bg-slate-200{background-color:var(--color-slate-200)!important}.bg-violet-100{background-color:var(--color-violet-100)!important}.bg-white{background-color:var(--color-white)!important}.p-0\.5{padding:calc(var(--spacing)*.5)!important}.p-1{padding:calc(var(--spacing)*1)!important}.p-2{padding:calc(var(--spacing)*2)!important}.p-2\.5{padding:calc(var(--spacing)*2.5)!important}.p-5{padding:calc(var(--spacing)*5)!important}.p-10{padding:calc(var(--spacing)*10)!important}.px-2{padding-inline:calc(var(--spacing)*2)!important}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-4{padding-inline:calc(var(--spacing)*4)!important}.px-6{padding-inline:calc(var(--spacing)*6)!important}.py-2{padding-block:calc(var(--spacing)*2)!important}.py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.py-3{padding-block:calc(var(--spacing)*3)!important}.py-4{padding-block:calc(var(--spacing)*4)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-mono{font-family:var(--font-mono)!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.leading-none{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.whitespace-nowrap{white-space:nowrap!important}.text-blue-800{color:var(--color-blue-800)!important}.text-gray-400{color:var(--color-gray-400)!important}.text-gray-500{color:var(--color-gray-500)!important}.text-gray-600{color:var(--color-gray-600)!important}.text-gray-700{color:var(--color-gray-700)!important}.text-gray-800{color:var(--color-gray-800)!important}.text-gray-900{color:var(--color-gray-900)!important}.text-red-800{color:var(--color-red-800)!important}.text-white{color:var(--color-white)!important}.lowercase{text-transform:lowercase!important}.uppercase{text-transform:uppercase!important}.italic{font-style:italic!important}.ordinal{--tw-ordinal:ordinal!important;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)!important}.overline{text-decoration-line:overline!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.blur{--tw-blur:blur(8px)!important;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,)!important}.\!invert,.invert{--tw-invert:invert(100%)!important;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,)!important}.filter{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,)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.ease-in{--tw-ease:var(--ease-in)!important;transition-timing-function:var(--ease-in)!important}.\[a-zA-Z\:_\]{a-zA-Z:!important}.peer-checked\:bg-slate-800:is(:where(.peer):checked~*){background-color:var(--color-slate-800)!important}.peer-focus\:ring-green-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-300)!important}.after\:absolute:after{content:var(--tw-content);position:absolute!important}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*.5)!important}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px!important}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)!important}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)!important}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px!important}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style)!important;border-width:1px!important}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)!important}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)!important}.after\:transition-all:after{content:var(--tw-content);transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:""!important;content:var(--tw-content)!important}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)!important}@media (hover:hover){.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)!important}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)!important}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)!important}.hover\:bg-red-800:hover{background-color:var(--color-red-800)!important}.hover\:font-bold:hover{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.hover\:text-gray-900:hover{color:var(--color-gray-900)!important}.hover\:text-orange-600:hover{color:var(--color-orange-600)!important}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)!important}.focus\:text-orange-600:focus{color:var(--color-orange-600)!important}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)!important}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)!important}.focus\:ring-gray-100:focus{--tw-ring-color:var(--color-gray-100)!important}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)!important}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right!important}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)!important}.dark\:border-gray-700{border-color:var(--color-gray-700)!important}.dark\:border-s-gray-700{border-inline-start-color:var(--color-gray-700)!important}.dark\:bg-blue-600{background-color:var(--color-blue-600)!important}.dark\:bg-gray-600{background-color:var(--color-gray-600)!important}.dark\:bg-gray-700{background-color:var(--color-gray-700)!important}.dark\:bg-gray-800{background-color:var(--color-gray-800)!important}.dark\:bg-gray-900{background-color:var(--color-gray-900)!important}.dark\:bg-red-600{background-color:var(--color-red-600)!important}.dark\:text-gray-200{color:var(--color-gray-200)!important}.dark\:text-gray-300{color:var(--color-gray-300)!important}.dark\:text-gray-400{color:var(--color-gray-400)!important}.dark\:text-white{color:var(--color-white)!important}.dark\:placeholder-gray-400::placeholder{color:var(--color-gray-400)!important}@media (hover:hover){.dark\:hover\:bg-blue-700:hover{background-color:var(--color-blue-700)!important}.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)!important}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)!important}.dark\:hover\:bg-red-700:hover{background-color:var(--color-red-700)!important}.dark\:hover\:text-white:hover{color:var(--color-white)!important}}.dark\:focus\:border-blue-500:focus{border-color:var(--color-blue-500)!important}.dark\:focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)!important}.dark\:focus\:ring-blue-800:focus{--tw-ring-color:var(--color-blue-800)!important}.dark\:focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)!important}.dark\:focus\:ring-red-800:focus{--tw-ring-color:var(--color-red-800)!important}}}@supports (-moz-orient:inline){@layer base{*,:before,:after,::backdrop{--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0deg)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-space-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"<length>|<percentage>";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"<length>|<percentage>";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"<length>";inherits:false;initial-value:0}.gallery.svelte-166104d{padding:var(--size-1) var(--size-2)}div.svelte-166104d{overflow:hidden;min-width:var(--local-text-width);white-space:nowrap}
+/*! tailwindcss v4.0.0-alpha.35 | MIT License | https://tailwindcss.com */@layer theme{:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-50:oklch(.98 .016 73.684);--color-orange-100:oklch(.954 .038 75.164);--color-orange-200:oklch(.901 .076 70.697);--color-orange-300:oklch(.837 .128 66.29);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-orange-700:oklch(.553 .195 38.402);--color-orange-800:oklch(.47 .157 37.304);--color-orange-900:oklch(.408 .123 38.172);--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:oklch(.987 .026 102.212);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:oklch(.982 .018 155.826);--color-green-100:oklch(.962 .044 156.743);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:oklch(.984 .014 180.72);--color-teal-100:oklch(.953 .051 180.801);--color-teal-200:oklch(.91 .096 180.426);--color-teal-300:oklch(.855 .138 181.071);--color-teal-400:oklch(.777 .152 181.912);--color-teal-500:oklch(.704 .14 182.503);--color-teal-600:oklch(.6 .118 184.704);--color-teal-700:oklch(.511 .096 186.391);--color-teal-800:oklch(.437 .078 188.216);--color-teal-900:oklch(.386 .063 188.416);--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:oklch(.984 .019 200.873);--color-cyan-100:oklch(.956 .045 203.388);--color-cyan-200:oklch(.917 .08 205.041);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-800:oklch(.45 .085 224.283);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:oklch(.97 .014 254.604);--color-blue-100:oklch(.932 .032 255.585);--color-blue-200:oklch(.882 .059 254.128);--color-blue-300:oklch(.809 .105 251.813);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:oklch(.962 .018 272.314);--color-indigo-100:oklch(.93 .034 272.788);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-300:oklch(.785 .115 274.713);--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-indigo-800:oklch(.398 .195 277.366);--color-indigo-900:oklch(.359 .144 278.697);--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:oklch(.977 .014 308.299);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-purple-900:oklch(.381 .176 304.987);--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:oklch(.971 .014 343.198);--color-pink-100:oklch(.948 .028 342.258);--color-pink-200:oklch(.899 .061 343.231);--color-pink-300:oklch(.823 .12 346.018);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-pink-700:oklch(.525 .223 3.958);--color-pink-800:oklch(.459 .187 3.815);--color-pink-900:oklch(.408 .153 2.432);--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-prose:65ch;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.875rem;--text-sm--line-height:1.25rem;--text-base:1rem;--text-base--line-height:1.5rem;--text-lg:1.125rem;--text-lg--line-height:1.75rem;--text-xl:1.25rem;--text-xl--line-height:1.75rem;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.875rem;--text-3xl--line-height:2.25rem;--text-4xl:2.25rem;--text-4xl--line-height:2.5rem;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #0000001a,0 1px 1px #0000000f;--drop-shadow-md:0 4px 3px #00000012,0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a,0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008,0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background:0 0}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:0 0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in oklch,currentColor 50%,transparent)}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.static{position:static!important}.end-0{inset-inline-end:calc(var(--spacing)*0)!important}.top-0{top:calc(var(--spacing)*0)!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.container{width:100%!important}@media (width>=40rem){.container{max-width:40rem!important}}@media (width>=48rem){.container{max-width:48rem!important}}@media (width>=64rem){.container{max-width:64rem!important}}@media (width>=80rem){.container{max-width:80rem!important}}@media (width>=96rem){.container{max-width:96rem!important}}.m-1{margin:calc(var(--spacing)*1)!important}.mx-1{margin-inline:calc(var(--spacing)*1)!important}.mx-auto{margin-inline:auto!important}.my-2{margin-block:calc(var(--spacing)*2)!important}.my-8{margin-block:calc(var(--spacing)*8)!important}.mt-0\.5{margin-top:calc(var(--spacing)*.5)!important}.mt-1{margin-top:calc(var(--spacing)*1)!important}.mt-2{margin-top:calc(var(--spacing)*2)!important}.mt-3{margin-top:calc(var(--spacing)*3)!important}.mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)!important}.ml-4{margin-left:calc(var(--spacing)*4)!important}.\!grid{display:grid!important}.block{display:block!important}.contents{display:contents!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.size-3{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.h-3{height:calc(var(--spacing)*3)!important}.h-4{height:calc(var(--spacing)*4)!important}.h-5{height:calc(var(--spacing)*5)!important}.h-8{height:calc(var(--spacing)*8)!important}.h-10{height:calc(var(--spacing)*10)!important}.h-40{height:calc(var(--spacing)*40)!important}.h-84{height:calc(var(--spacing)*84)!important}.h-full{height:100%!important}.w-1\/2{width:50%!important}.w-2\/5{width:40%!important}.w-3{width:calc(var(--spacing)*3)!important}.w-3\/5{width:60%!important}.w-4{width:calc(var(--spacing)*4)!important}.w-8{width:calc(var(--spacing)*8)!important}.w-9{width:calc(var(--spacing)*9)!important}.w-10{width:calc(var(--spacing)*10)!important}.w-44{width:calc(var(--spacing)*44)!important}.w-full{width:100%!important}.max-w-lg{max-width:var(--container-lg)!important}.shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.grow{flex-grow:1!important}.-rotate-90{rotate:-90deg!important}.rotate-180{rotate:180deg!important}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:calc(var(--spacing)*2)!important}.gap-3{gap:calc(var(--spacing)*3)!important}:where(.space-x-1>:not(:last-child)){margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))!important}:where(.space-x-2>:not(:last-child)){margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}:where(.divide-x>:not(:last-child)){border-inline-style:var(--tw-border-style)!important;border-inline-start-width:calc(1px*var(--tw-divide-x-reverse))!important;border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))!important}:where(.divide-y>:not(:last-child)){border-bottom-style:var(--tw-border-style)!important;border-top-style:var(--tw-border-style)!important;border-top-width:calc(1px*var(--tw-divide-y-reverse))!important;border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))!important}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-s-lg{border-start-start-radius:var(--radius-lg)!important;border-end-start-radius:var(--radius-lg)!important}.rounded-e-lg{border-start-end-radius:var(--radius-lg)!important;border-end-end-radius:var(--radius-lg)!important}.rounded-l-full{border-top-left-radius:3.40282e38px!important;border-bottom-left-radius:3.40282e38px!important}.rounded-t-xl{border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important}.rounded-r-full{border-top-right-radius:3.40282e38px!important;border-bottom-right-radius:3.40282e38px!important}.border,.border-1{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-s-2{border-inline-start-style:var(--tw-border-style)!important;border-inline-start-width:2px!important}.border-t-0{border-top-style:var(--tw-border-style)!important;border-top-width:0!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.border-blue-700{border-color:var(--color-blue-700)!important}.border-gray-200{border-color:var(--color-gray-200)!important}.border-gray-300{border-color:var(--color-gray-300)!important}.border-red-700{border-color:var(--color-red-700)!important}.border-s-gray-50{border-inline-start-color:var(--color-gray-50)!important}.bg-blue-200{background-color:var(--color-blue-200)!important}.bg-blue-700{background-color:var(--color-blue-700)!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-gray-100{background-color:var(--color-gray-100)!important}.bg-gray-200{background-color:var(--color-gray-200)!important}.bg-green-200{background-color:var(--color-green-200)!important}.bg-orange-200{background-color:var(--color-orange-200)!important}.bg-red-700{background-color:var(--color-red-700)!important}.bg-slate-200{background-color:var(--color-slate-200)!important}.bg-violet-100{background-color:var(--color-violet-100)!important}.bg-white{background-color:var(--color-white)!important}.p-0\.5{padding:calc(var(--spacing)*.5)!important}.p-1{padding:calc(var(--spacing)*1)!important}.p-2{padding:calc(var(--spacing)*2)!important}.p-2\.5{padding:calc(var(--spacing)*2.5)!important}.p-5{padding:calc(var(--spacing)*5)!important}.p-10{padding:calc(var(--spacing)*10)!important}.px-2{padding-inline:calc(var(--spacing)*2)!important}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-4{padding-inline:calc(var(--spacing)*4)!important}.px-6{padding-inline:calc(var(--spacing)*6)!important}.py-2{padding-block:calc(var(--spacing)*2)!important}.py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.py-3{padding-block:calc(var(--spacing)*3)!important}.py-4{padding-block:calc(var(--spacing)*4)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-mono{font-family:var(--font-mono)!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.leading-none{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.whitespace-nowrap{white-space:nowrap!important}.text-blue-800{color:var(--color-blue-800)!important}.text-gray-400{color:var(--color-gray-400)!important}.text-gray-500{color:var(--color-gray-500)!important}.text-gray-600{color:var(--color-gray-600)!important}.text-gray-700{color:var(--color-gray-700)!important}.text-gray-800{color:var(--color-gray-800)!important}.text-gray-900{color:var(--color-gray-900)!important}.text-red-800{color:var(--color-red-800)!important}.text-white{color:var(--color-white)!important}.lowercase{text-transform:lowercase!important}.uppercase{text-transform:uppercase!important}.italic{font-style:italic!important}.ordinal{--tw-ordinal:ordinal!important;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)!important}.overline{text-decoration-line:overline!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.blur{--tw-blur:blur(8px)!important;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,)!important}.\!invert,.invert{--tw-invert:invert(100%)!important;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,)!important}.filter{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,)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.ease-in{--tw-ease:var(--ease-in)!important;transition-timing-function:var(--ease-in)!important}.\[a-zA-Z\:_\]{a-zA-Z:!important}.peer-checked\:bg-slate-800:is(:where(.peer):checked~*){background-color:var(--color-slate-800)!important}.peer-focus\:ring-green-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-300)!important}.after\:absolute:after{content:var(--tw-content);position:absolute!important}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*.5)!important}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px!important}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)!important}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)!important}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px!important}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style)!important;border-width:1px!important}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)!important}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)!important}.after\:transition-all:after{content:var(--tw-content);transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:""!important;content:var(--tw-content)!important}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)!important}@media (hover:hover){.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)!important}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)!important}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)!important}.hover\:bg-red-800:hover{background-color:var(--color-red-800)!important}.hover\:font-bold:hover{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.hover\:text-gray-900:hover{color:var(--color-gray-900)!important}.hover\:text-orange-600:hover{color:var(--color-orange-600)!important}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)!important}.focus\:text-orange-600:focus{color:var(--color-orange-600)!important}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)!important}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)!important}.focus\:ring-gray-100:focus{--tw-ring-color:var(--color-gray-100)!important}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)!important}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right!important}@media (prefers-color-scheme:dark){.dark\:border-t-0{border-top-style:var(--tw-border-style)!important;border-top-width:0!important}.dark\:border-r-0{border-right-style:var(--tw-border-style)!important;border-right-width:0!important}.dark\:border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.dark\:border-l{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.dark\:border-gray-600{border-color:var(--color-gray-600)!important}.dark\:border-gray-700{border-color:var(--color-gray-700)!important}.dark\:border-slate-400{border-color:var(--color-slate-400)!important}.dark\:border-slate-700{border-color:var(--color-slate-700)!important}.dark\:border-slate-800{border-color:var(--color-slate-800)!important}.dark\:border-s-gray-700{border-inline-start-color:var(--color-gray-700)!important}.dark\:bg-blue-600{background-color:var(--color-blue-600)!important}.dark\:bg-gray-700{background-color:var(--color-gray-700)!important}.dark\:bg-gray-800{background-color:var(--color-gray-800)!important}.dark\:bg-slate-600{background-color:var(--color-slate-600)!important}.dark\:bg-slate-700{background-color:var(--color-slate-700)!important}.dark\:bg-slate-900{background-color:var(--color-slate-900)!important}.dark\:text-gray-200{color:var(--color-gray-200)!important}.dark\:text-gray-400{color:var(--color-gray-400)!important}.dark\:text-white{color:var(--color-white)!important}.dark\:placeholder-gray-400::placeholder{color:var(--color-gray-400)!important}@media (hover:hover){.dark\:hover\:bg-blue-700:hover{background-color:var(--color-blue-700)!important}.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)!important}.dark\:hover\:text-white:hover{color:var(--color-white)!important}}.dark\:focus\:border-blue-500:focus{border-color:var(--color-blue-500)!important}.dark\:focus\:border-blue-600:focus{border-color:var(--color-blue-600)!important}.dark\:focus\:border-slate-900:focus{border-color:var(--color-slate-900)!important}.dark\:focus\:ring-blue-800:focus{--tw-ring-color:var(--color-blue-800)!important}.dark\:focus\:ring-blue-900:focus{--tw-ring-color:var(--color-blue-900)!important}.dark\:focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)!important}.dark\:focus\:ring-slate-900:focus{--tw-ring-color:var(--color-slate-900)!important}}}@supports (-moz-orient:inline){@layer base{*,:before,:after,::backdrop{--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0deg)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-space-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"<length>|<percentage>";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"<length>|<percentage>";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"<length>";inherits:false;initial-value:0}.gallery.svelte-166104d{padding:var(--size-1) var(--size-2)}div.svelte-166104d{overflow:hidden;min-width:var(--local-text-width);white-space:nowrap}

src/frontend/shared/Accordion.svelte

@@ -218,7 +218,7 @@
     <h2 id={`accordion-collapse-heading-${i}`}>
       <button
         type="button"
-        class="flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-gray-200 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 gap-3"
+        class="flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-gray-200 gap-3"
         data-accordion-target={`#accordion-collapse-body-${i}`}
         class:rounded-t-xl={i === 0}
         class:border-b-0={i != vals.length - 1}
@@ -234,11 +234,11 @@
           >
             {item.chain}
           </span>
-          <span class="p-1">{labels[item.class]}</span>
+          <span class="p-1 dark:text-white">{labels[item.class]}</span>
           {#if ["DNA", "RNA", "protein"].includes(item.class)}
             {#if item.msa}
               <span
-                class=" ml-4 inline-flex items-center justify-center p-1 px-2 text-xs font-semibold rounded-full border border-gray-300"
+                class=" ml-4 inline-flex items-center justify-center p-1 px-2 text-xs font-semibold rounded-full border border-gray-300 dark:text-white"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -342,14 +342,12 @@
         id={`accordion-collapse-body-${i}`}
         aria-labelledby={`accordion-collapse-heading-${i}`}
       >
-        <div
-          class="p-5 border border-t-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900"
-        >
+        <div class="p-5 border border-t-0 border-gray-200">
           {#if ["DNA", "RNA", "protein"].includes(item.class)}
             <textarea
               id="message"
               rows="4"
-              class="p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border-1 border-grey-200 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+              class="p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border-1 border-grey-200 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:focus:ring-slate-900 dark:text-white dark:focus:border-slate-900"
               style="display:block"
               placeholder="MSAVGH..."
               value={item.sequence}
@@ -381,12 +379,12 @@
                   />
                   <label for="switch" class="hidden"></label>
                   <div
-                    class="peer h-5 w-9 rounded-full border bg-slate-200 after:absolute after:left-[2px] after:top-0.5 after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-slate-800 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"
+                    class="peer h-5 w-9 rounded-full border bg-slate-200 dark:bg-slate-600 after:absolute after:left-[2px] after:top-0.5 after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-slate-800 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:ring-green-300"
                   ></div>
                 </label>
                 <span>Use MSA</span>
               </div>
-              <div class="text-gray-700">
+              <div class="text-gray-700 dark:text-white">
                 Press Enter or <button
                   on:click={() => {
                     if (item.sequence.length != 0) {
@@ -407,12 +405,11 @@
           {:else if item.class === "ligand"}
             <label
               for={"smiles" + i}
-              class="block text-sm font-bold mb-1 px-2.5 dark:text-white"
-              >SMILES</label
+              class="block text-sm font-bold mb-1 px-2.5">SMILES</label
             >
             <textarea
               rows="1"
-              class=" p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+              class=" p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:border-slate-800 dark:focus:ring-slate-900 dark:focus:border-blue-600 dark:text-white dark:bg-gray-700"
               style="display:block"
               placeholder="SMILES like CCC ..."
               value={item.smiles}
@@ -431,7 +428,9 @@
                 }
               }}
             ></textarea>
-            <div class="text-gray-700 mt-0.5 px-2.5 text-right text-sm">
+            <div
+              class="text-gray-700 mt-0.5 px-2.5 text-right text-sm dark:text-white"
+            >
               Press Enter or <button
                 on:click={() => {
                   if (item.smiles != "") {
@@ -462,13 +461,13 @@
                 <div class="flex">
                   <label
                     for="search-dropdown"
-                    class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
+                    class="mb-2 text-sm font-medium text-gray-900 sr-only"
                     >Current ligand</label
                   >
                   <button
                     id="dropdown-button"
                     data-dropdown-toggle="dropdown"
-                    class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700 dark:text-white dark:border-gray-600"
+                    class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg focus:ring-0 focus:outline-none dark:bg-slate-700 dark:text-white dark:border-slate-700"
                     type="button"
                     >CCD
                   </button>
@@ -477,7 +476,7 @@
                     <input
                       type="search"
                       id="search-dropdown"
-                      class=" p-2.5 w-full h-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-s-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500"
+                      class=" p-2.5 w-full h-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:focus:border-slate-900 dark:focus:ring-blue-900 dark:bg-slate-700 dark:text-white dark:border-l dark:border-slate-400 dark:border-t-0 dark:border-b-0 dark:border-r-0"
                       style="display:block"
                       value={item.name}
                     />
@@ -490,7 +489,7 @@
                           index: i,
                         });
                       }}
-                      class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-red-700 rounded-e-lg border border-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800"
+                      class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-red-700 rounded-e-lg border border-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300"
                     >
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -515,14 +514,12 @@
             {/if}
 
             <div class="text-center text-gray-400 w-full my-2">- or -</div>
-            <label
-              for={"sdf" + i}
-              class="block text-sm font-bold mb-1 px-2.5 dark:text-white"
+            <label for={"sdf" + i} class="block text-sm font-bold mb-1 px-2.5"
               >SDF file</label
             >
             <textarea
               rows="3"
-              class="p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+              class="p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:border-slate-800 dark:focus:ring-slate-900 dark:focus:border-blue-600 dark:text-white dark:bg-gray-700"
               style="display:block"
               placeholder="SDF format 3D molecule ..."
               value={item.sdf}
@@ -541,7 +538,9 @@
                 }
               }}
             ></textarea>
-            <div class="text-gray-700 mt-0.5 px-2.5 text-right text-sm">
+            <div
+              class="text-gray-700 mt-0.5 px-2.5 text-right text-sm dark:text-white"
+            >
               Press Enter or <button
                 on:click={() => {
                   if (item.sdf != "") {
@@ -561,20 +560,24 @@
 
             <div class="text-center text-gray-400 w-full my-2">- or -</div>
 
-            <div class="text-center text-gray-600 font-bold mb-2">
+            <div
+              class="text-center text-gray-600 font-bold mb-2 dark:text-white"
+            >
               Metal ion
             </div>
 
             <div class="flex justify-center space-x-2">
               {#each metals as metal}
                 <button
-                  class="relative inline-flex items-center justify-center w-10 h-10 overflow-hidden rounded-full dark:bg-gray-600"
+                  class="relative inline-flex items-center justify-center w-10 h-10 overflow-hidden rounded-full dark:text-white"
                   class:bg-blue-200={item.name === metal}
                   class:bg-violet-100={item.name !== metal}
+                  class:dark:bg-slate-900={item.name === metal}
+                  class:dark:bg-slate-700={item.name !== metal}
                   on:click={() =>
                     dispatch("updateVals", { name: metal, index: i })}
                 >
-                  <span class="font-medium text-gray-600 dark:text-gray-300"
+                  <span class="font-medium text-gray-600 dark:text-white"
                     >{metal}</span
                   >
                 </button>
@@ -610,7 +613,7 @@
           aria-labelledby={`accordion-collapse-heading-${i}`}
         >
           <div
-            class="p-5 border border-t-0 border-gray-200 dark:border-gray-700"
+            class="p-5 border border-t-0 border-gray-200"
             class:border-b-0={i != vals.length - 1}
           >
             {#if item.sequence !== ""}
@@ -621,7 +624,7 @@
       {:else if item.class === "ligand"}
         {#if item.sdf !== ""}
           <div
-            class="p-5 border border-t-0 border-gray-200 dark:border-gray-700"
+            class="p-5 border border-t-0 border-gray-200"
             class:border-b-0={i != vals.length - 1}
           >
             <div class="relative">
@@ -641,9 +644,7 @@
     {/if}
   {/each}
 
-  <div
-    class="p-5 border border-t-0 border-gray-200 dark:border-gray-700 w-full"
-  >
+  <div class="p-5 border border-t-0 border-gray-200 w-full">
     {#if covMods.length > 0}
       <h4 class="text-center font-bold text-xl">Covalent Modification</h4>
       {#each covMods as covMod, i}

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_cofoldinginput"
-version = "0.0.8"
+version = "0.0.9"
 description = "Component to enter protein and DNA sequences + small molecules for cofolding"
 readme = "README.md"
 license = "MIT"