fiboui 2.2.4 → 2.4.0

package/dist/builder-FPfXLYM6.js

@@ -0,0 +1,4160 @@
+"use client";
+var ko = Object.defineProperty;
+var yo = (t, o, i) => o in t ? ko(t, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[o] = i;
+var a = (t, o, i) => yo(t, typeof o != "symbol" ? o + "" : o, i);
+import g, { useRef as _, createContext as F, useContext as A, useCallback as N, useSyncExternalStore as j, useEffect as M, useState as oo, cloneElement as _o } from "react";
+import { jsx as S, Fragment as V } from "react/jsx-runtime";
+import { r as zo, f as $o, b as So } from "./themeData-CmTJt3dU.js";
+class io {
+  constructor() {
+    a(this, "activeEffect", null);
+  }
+}
+const to = new io(), X = [to];
+function eo() {
+  return new io();
+}
+function fo() {
+  return X[X.length - 1] ?? to;
+}
+function Y() {
+  return fo().activeEffect;
+}
+function Co(t, o) {
+  X.push(t);
+  try {
+    return o();
+  } finally {
+    X.pop();
+  }
+}
+function T(t) {
+  const o = fo(), i = o.activeEffect;
+  return o.activeEffect = t, i;
+}
+class Eo {
+  constructor(o) {
+    a(this, "dependencies", /* @__PURE__ */ new Set());
+    a(this, "_onDispose");
+    this.fn = o, this.run();
+  }
+  run() {
+    const o = T(this);
+    try {
+      this.cleanup(), this.fn();
+    } finally {
+      T(o);
+    }
+  }
+  track(o) {
+    this.dependencies.add(o), o.subscribeEffect(this);
+  }
+  trigger() {
+    this.run();
+  }
+  cleanup() {
+    this.dependencies.forEach((o) => o.unsubscribeEffect(this)), this.dependencies.clear();
+  }
+  dispose() {
+    var o;
+    this.cleanup(), (o = this._onDispose) == null || o.call(this);
+  }
+}
+class No {
+  constructor(o) {
+    a(this, "dependencies", /* @__PURE__ */ new Set());
+    this._onInvalidate = o;
+  }
+  execute(o) {
+    const i = T(this);
+    try {
+      return this.cleanup(), o();
+    } finally {
+      T(i);
+    }
+  }
+  track(o) {
+    this.dependencies.add(o), o.subscribeEffect(this);
+  }
+  trigger() {
+    this._onInvalidate();
+  }
+  cleanup() {
+    this.dependencies.forEach((o) => o.unsubscribeEffect(this)), this.dependencies.clear();
+  }
+  dispose() {
+    this.cleanup();
+  }
+}
+class R {
+  constructor(o) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this._value = o;
+  }
+  get value() {
+    const o = Y();
+    return o && o.track(this), this._value;
+  }
+  set value(o) {
+    this._value !== o && (this._value = o, this.notify());
+  }
+  subscribe(o) {
+    return this.listeners.add(o), () => this.listeners.delete(o);
+  }
+  subscribeEffect(o) {
+    this.effects.add(o);
+  }
+  unsubscribeEffect(o) {
+    this.effects.delete(o);
+  }
+  notify() {
+    const o = Array.from(this.effects), i = Array.from(this.listeners);
+    o.forEach((e) => e.trigger()), i.forEach((e) => e(this._value));
+  }
+}
+function Ii(t) {
+  return new R(t);
+}
+class To {
+  constructor(o) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    a(this, "_value");
+    a(this, "_dirty", !0);
+    a(this, "internalEffect");
+    this.fn = o, this.internalEffect = new Eo(() => {
+      this._dirty || (this._dirty = !0, this.notify());
+    });
+  }
+  get value() {
+    const o = Y();
+    if (o && o.track(this), this._dirty) {
+      const i = T(this.internalEffect);
+      try {
+        this.internalEffect.cleanup(), this._value = this.fn(), this._dirty = !1;
+      } finally {
+        T(i);
+      }
+    }
+    return this._value;
+  }
+  subscribe(o) {
+    return this.listeners.add(o), () => this.listeners.delete(o);
+  }
+  subscribeEffect(o) {
+    this.effects.add(o);
+  }
+  unsubscribeEffect(o) {
+    this.effects.delete(o);
+  }
+  notify() {
+    const o = Array.from(this.effects), i = Array.from(this.listeners);
+    o.forEach((e) => e.trigger()), i.forEach((e) => e(this._value));
+  }
+}
+function Ri(t) {
+  return new To(t);
+}
+class Io {
+  constructor(o) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this._value = o;
+  }
+  get() {
+    const o = Y();
+    return o && o.track(this), this._value;
+  }
+  set(o) {
+    this._value !== o && (this._value = o, this.notify());
+  }
+  subscribe(o) {
+    return this.listeners.add(o), () => this.listeners.delete(o);
+  }
+  subscribeEffect(o) {
+    this.effects.add(o);
+  }
+  unsubscribeEffect(o) {
+    this.effects.delete(o);
+  }
+  notify() {
+    Array.from(this.effects).forEach((o) => o.trigger()), Array.from(this.listeners).forEach((o) => o(this._value));
+  }
+}
+function Xi(t) {
+  return new Io(t);
+}
+class Ro {
+  constructor(o) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this.state = o;
+  }
+  getState() {
+    const o = Y();
+    return o && o.track(this), this.state;
+  }
+  setState(o) {
+    const i = typeof o == "function" ? o(this.state) : o, e = { ...this.state, ...i }, r = Object.keys(this.state), f = Object.keys(e);
+    r.length === f.length && f.every((s) => Object.is(e[s], this.state[s])) || (this.state = e, this.notify());
+  }
+  subscribe(o) {
+    return this.listeners.add(o), () => this.listeners.delete(o);
+  }
+  subscribeEffect(o) {
+    this.effects.add(o);
+  }
+  unsubscribeEffect(o) {
+    this.effects.delete(o);
+  }
+  notify() {
+    Array.from(this.effects).forEach((o) => o.trigger()), Array.from(this.listeners).forEach((o) => o(this.state));
+  }
+}
+function Fi(t) {
+  return new Ro(t);
+}
+const Xo = eo(), ro = F(Xo);
+function Fo() {
+  return A(ro);
+}
+function Mi({ children: t, scope: o }) {
+  const i = _(o ?? eo()).current;
+  return /* @__PURE__ */ S(ro.Provider, { value: i, children: t });
+}
+function Mo({ children: t }) {
+  const o = _(0), i = _(/* @__PURE__ */ new Set()), e = _(null);
+  e.current || (e.current = new No(() => {
+    o.current += 1, i.current.forEach((c) => c());
+  }));
+  const r = N((c) => (i.current.add(c), () => {
+    i.current.delete(c);
+  }), []), f = N(() => o.current, []);
+  j(r, f, f), M(() => () => {
+    var c;
+    (c = e.current) == null || c.dispose();
+  }, []);
+  const n = Fo();
+  let s = null;
+  try {
+    s = Co(n, () => e.current.execute(t));
+  } catch {
+    s = null;
+  }
+  return /* @__PURE__ */ S(V, { children: s });
+}
+const Yo = F(/* @__PURE__ */ new Map()), no = F(null);
+function Yi(t) {
+  const o = A(no);
+  if (!o)
+    throw new Error("useBuilderState must be used under a builder that called .state()");
+  return [o.get(t), (i) => o.set(t, i)];
+}
+function Bo({ stateMap: t = /* @__PURE__ */ new Map(), children: o }) {
+  const [i, e] = oo(() => new Map(t)), r = {
+    map: i,
+    get: (f) => i.get(f),
+    set: (f, n) => {
+      e((s) => {
+        if (Object.is(s.get(f), n))
+          return s;
+        const c = new Map(s);
+        return c.set(f, n), c;
+      });
+    }
+  };
+  return /* @__PURE__ */ S(no.Provider, { value: r, children: /* @__PURE__ */ S(Yo.Provider, { value: i, children: o }) });
+}
+function Lo({ observables: t, children: o }) {
+  const i = _(0), e = N((f) => {
+    const n = Array.from(t).map(
+      (s) => s.subscribe(() => {
+        i.current += 1, f();
+      })
+    );
+    return () => n.forEach((s) => s());
+  }, [t]), r = N(() => i.current, []);
+  return j(e, r, r), /* @__PURE__ */ S(V, { children: typeof o == "function" ? o() : o });
+}
+function Oo({ signals: t, children: o }) {
+  const i = _(0), e = N((f) => {
+    const n = Array.from(t).map(
+      (s) => s.subscribe(() => {
+        i.current += 1, f();
+      })
+    );
+    return () => n.forEach((s) => s());
+  }, [t]), r = N(() => i.current, []);
+  return j(e, r, r), /* @__PURE__ */ S(V, { children: typeof o == "function" ? o() : o });
+}
+const so = F(/* @__PURE__ */ new Map());
+function Bi(t) {
+  const o = A(so);
+  return o == null ? void 0 : o.get(t);
+}
+function Po({ providers: t = /* @__PURE__ */ new Map(), children: o }) {
+  return /* @__PURE__ */ S(so.Provider, { value: t, children: o });
+}
+function Ao(t) {
+  return !!t && typeof t == "object" && "build" in t && typeof t.build == "function";
+}
+function jo(t) {
+  return g.isValidElement(t) ? t : Ao(t) ? t.build() : t;
+}
+function D(t) {
+  return typeof t == "string" || typeof t == "number";
+}
+function Vo(t, o) {
+  return g.isValidElement(t) && D(t.key) && t.key !== "" ? t.key : `.$fibo-${o}`;
+}
+function Do(t, o) {
+  return !g.isValidElement(t) || D(t.key) && t.key !== "" ? t : g.cloneElement(t, { key: Vo(t, o) });
+}
+function H(t) {
+  if (t == null)
+    return [];
+  const o = typeof t == "function" ? t() : t;
+  return (Array.isArray(o) ? o : [o]).map((e, r) => Do(jo(e), r));
+}
+const U = /* @__PURE__ */ new Map(), Wo = {
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  linear: "linear",
+  ease: "ease"
+};
+function ao(t = {}) {
+  const o = t.stiffness ?? 170, i = t.damping ?? 26, e = t.mass ?? 1, r = `${o}:${i}:${e}`, f = U.get(r);
+  if (f) return f;
+  const n = 1 / 60, s = 1;
+  let c = 0, h = 0;
+  const b = [0];
+  for (let d = 0; d < 180; d += 1) {
+    const k = -o * (c - s) - i * h;
+    if (h += k / e * n, c += h * n, b.push(c), d > 8 && Math.abs(c - s) < 2e-3 && Math.abs(h) < 2e-3) break;
+  }
+  b[b.length - 1] !== 1 && b.push(1);
+  const x = Math.max(1, Math.floor((b.length - 1) / 24)), p = [];
+  for (let d = 0; d < b.length; d += x) {
+    const k = d / (b.length - 1), z = Math.round(b[d] * 1e4) / 1e4;
+    p.push(d === 0 ? `${z}` : `${z} ${Math.round(k * 1e4) / 100}%`);
+  }
+  const m = `linear(${p.join(", ")})`;
+  return U.set(r, m), m;
+}
+function $(t, o) {
+  return t === "spring" ? ao(o) : Wo[t] ?? t;
+}
+const G = [
+  "fadeIn",
+  "fadeOut",
+  "fade",
+  "slideUp",
+  "slideDown",
+  "slideLeft",
+  "slideRight",
+  "scaleIn",
+  "scaleOut",
+  "scale",
+  "blurIn",
+  "blurOut",
+  "blur",
+  "pop",
+  "bounce"
+], Ho = {
+  fade: "fadeIn",
+  scale: "scaleIn",
+  blur: "blurIn"
+};
+function Uo(t) {
+  if (!t || typeof t != "object") return !1;
+  const o = t;
+  return typeof o.from == "object" && o.from !== null && typeof o.to == "object" && o.to !== null;
+}
+function K(t) {
+  const o = /* @__PURE__ */ new Set(["opacity", "zIndex", "z-index", "flex", "fontWeight", "lineHeight"]);
+  return Object.entries(t).map(([i, e]) => {
+    const r = i.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`), f = typeof e == "number" && !o.has(i) ? `${e}px` : String(e);
+    return `${r}: ${f}`;
+  }).join("; ");
+}
+function Go(t) {
+  let o = 5381;
+  for (let i = 0; i < t.length; i += 1) o = (o << 5) + o ^ t.charCodeAt(i);
+  return (o >>> 0).toString(36);
+}
+function Ko(t) {
+  const o = Ho[t] ?? t;
+  if (!G.includes(o))
+    throw new Error(`Unknown motion preset "${t}". Use: ${G.join(", ")}`);
+  return o;
+}
+const P = `
+.fibo-anim {
+  animation-duration: var(--fibo-dur, 300ms);
+  animation-timing-function: var(--fibo-ease, ease);
+  animation-delay: calc(var(--fibo-i, 0) * var(--fibo-stagger, 0ms) + var(--fibo-delay, 0ms));
+  animation-fill-mode: both;
+  animation-iteration-count: 1;
+}
+.fibo-anim-fadeIn, .fibo-anim-fade { animation-name: fibo-fadeIn; }
+.fibo-anim-fadeOut { animation-name: fibo-fadeOut; }
+.fibo-anim-slideUp { animation-name: fibo-slideUp; }
+.fibo-anim-slideDown { animation-name: fibo-slideDown; }
+.fibo-anim-slideLeft { animation-name: fibo-slideLeft; }
+.fibo-anim-slideRight { animation-name: fibo-slideRight; }
+.fibo-anim-scaleIn, .fibo-anim-scale { animation-name: fibo-scaleIn; }
+.fibo-anim-scaleOut { animation-name: fibo-scaleOut; }
+.fibo-anim-blurIn, .fibo-anim-blur { animation-name: fibo-blurIn; }
+.fibo-anim-blurOut { animation-name: fibo-blurOut; }
+.fibo-anim-pop { animation-name: fibo-pop; }
+.fibo-anim-bounce { animation-name: fibo-bounce; }
+
+@keyframes fibo-fadeIn { from { opacity: 0; } to { opacity: 1; } }
+@keyframes fibo-fadeOut { from { opacity: 1; } to { opacity: 0; } }
+@keyframes fibo-slideUp {
+  from { opacity: 0; transform: translate3d(0, var(--fibo-from, 16px), 0); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-slideDown {
+  from { opacity: 0; transform: translate3d(0, calc(var(--fibo-from, 16px) * -1), 0); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-slideLeft {
+  from { opacity: 0; transform: translate3d(var(--fibo-from, 16px), 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-slideRight {
+  from { opacity: 0; transform: translate3d(calc(var(--fibo-from, 16px) * -1), 0, 0); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-scaleIn {
+  from { opacity: 0; transform: scale(0.94); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-scaleOut {
+  from { opacity: 1; transform: none; }
+  to { opacity: 0; transform: scale(0.94); }
+}
+@keyframes fibo-blurIn {
+  from { opacity: 0; filter: blur(var(--fibo-from, 8px)); }
+  to { opacity: 1; filter: none; }
+}
+@keyframes fibo-blurOut {
+  from { opacity: 1; filter: none; }
+  to { opacity: 0; filter: blur(var(--fibo-from, 8px)); }
+}
+@keyframes fibo-pop {
+  from { opacity: 0; transform: scale(0.92); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes fibo-bounce {
+  0% { opacity: 0; transform: translate3d(0, var(--fibo-from, 16px), 0); }
+  60% { opacity: 1; transform: translate3d(0, -6px, 0); }
+  80% { transform: translate3d(0, 2px, 0); }
+  100% { opacity: 1; transform: none; }
+}
+
+@keyframes stripes {
+  from { background-position: 0 0; }
+  to { background-position: 40px 0; }
+}
+
+.fibo-stagger-item { display: contents; }
+
+.fibo-reveal {
+  min-width: 0;
+  max-width: 100%;
+  opacity: 0;
+  transform: translate3d(0, 12px, 0);
+  transition-property: opacity, transform, filter;
+  transition-duration: var(--fibo-dur, 500ms);
+  transition-timing-function: var(--fibo-ease, ease);
+  transition-delay: calc(var(--fibo-i, 0) * var(--fibo-stagger, 0ms) + var(--fibo-delay, 0ms));
+}
+.fibo-reveal-fade { transform: none; }
+.fibo-reveal-fadeUp, .fibo-reveal-fadeIn, .fibo-reveal-slideUp { transform: translate3d(0, 16px, 0); }
+.fibo-reveal-slideDown { transform: translate3d(0, -16px, 0); }
+.fibo-reveal-slideLeft { transform: translate3d(16px, 0, 0); }
+.fibo-reveal-slideRight { transform: translate3d(-16px, 0, 0); }
+.fibo-reveal-scale, .fibo-reveal-scaleIn { transform: scale(0.96); }
+.fibo-reveal-blur { filter: blur(8px); transform: none; }
+.fibo-reveal.fibo-inview {
+  opacity: 1;
+  transform: none;
+  filter: none;
+}
+
+.fibo-view-timeline {
+  animation-timeline: view();
+  animation-range: entry 0% cover 35%;
+}
+.fibo-scroll-timeline {
+  animation-timeline: scroll();
+}
+.fibo-scroll-progress {
+  transform: scaleX(var(--fibo-progress, 0));
+  transform-origin: left center;
+  animation-name: fibo-progress-grow;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-fill-mode: both;
+  animation-timeline: scroll();
+}
+@keyframes fibo-progress-grow {
+  from { transform: scaleX(0); }
+  to { transform: scaleX(1); }
+}
+@supports not (animation-timeline: scroll()) {
+  .fibo-scroll-progress {
+    animation: none;
+    transform: scaleX(var(--fibo-progress, 0));
+  }
+}
+
+.fibo-snap-y { scroll-snap-type: y mandatory; }
+.fibo-snap-x { scroll-snap-type: x mandatory; }
+.fibo-snap-both { scroll-snap-type: both mandatory; }
+.fibo-snap-start { scroll-snap-align: start; }
+.fibo-snap-center { scroll-snap-align: center; }
+.fibo-snap-end { scroll-snap-align: end; }
+
+@media (prefers-reduced-motion: reduce) {
+  .fibo-anim:not(.fibo-motion-force),
+  .fibo-reveal:not(.fibo-motion-force),
+  .fibo-scroll-progress:not(.fibo-motion-force) {
+    animation: none !important;
+    transition: none !important;
+    opacity: 1 !important;
+    transform: none !important;
+    filter: none !important;
+  }
+}
+`.trim();
+function Z(t) {
+  let o = 5381;
+  for (let i = 0; i < t.length; i += 1)
+    o = (o << 5) + o ^ t.charCodeAt(i);
+  return (o >>> 0).toString(36);
+}
+const y = class y {
+  constructor() {
+    a(this, "sheet", null);
+    a(this, "cache", /* @__PURE__ */ new Map());
+    a(this, "extras", []);
+    a(this, "defaultsReady", !1);
+    this.attachSheet(), this.ensureDefaults();
+  }
+  static getInstance() {
+    return y.instance || (y.instance = new y()), y.instance;
+  }
+  /** Test-only: empty cache/sheet so a simulated client starts cold. */
+  reset() {
+    this.cache.clear(), this.extras = [], this.defaultsReady = !1, this.sheet = null, this.attachSheet(), this.ensureDefaults();
+  }
+  static resetForTests() {
+    y.getInstance().reset();
+  }
+  attachSheet() {
+    if (typeof document > "u") return;
+    const o = document.getElementById("fibo-dynamic-styles");
+    if (o) {
+      this.sheet = o, this.defaultsReady = !0;
+      return;
+    }
+    this.sheet = document.createElement("style"), this.sheet.id = "fibo-dynamic-styles", this.sheet.setAttribute("data-fibo", "1"), document.head.appendChild(this.sheet);
+  }
+  /**
+   * CSS `@media` rule, deduped. Used by `.media()` / `.md()` / `.responsive()` — not JS resize.
+   */
+  registerMedia(o, i, e) {
+    const r = `@media ${o}|${i}:${e}`;
+    if (this.cache.has(r))
+      return this.cache.get(r);
+    const f = `fibo-mq-${Z(r)}`, n = `@media ${o} { .${f} { ${i}: ${e} !important; } }`;
+    return this.insert(n), this.cache.set(r, f), f;
+  }
+  ensureDefaults() {
+    var o;
+    this.defaultsReady || (this.defaultsReady = !0, this.sheet && !((o = this.sheet.textContent) != null && o.includes("fibo-fadeIn")) && this.sheet.appendChild(document.createTextNode(P)));
+  }
+  /**
+   * Append a large static CSS blob once (keyed). Used by interaction-effect presets.
+   * Tracked in `extras` so `getCss()` / SSR style tags include it after first use.
+   */
+  injectExtra(o, i) {
+    const e = `extra:${i}`;
+    this.cache.has(e) || (this.cache.set(e, i), this.insert(o, !0));
+  }
+  getCss() {
+    this.ensureDefaults();
+    const o = [...this.extras].sort();
+    return [P, ...o].filter(Boolean).join(`
+`);
+  }
+  registerKeyframes(o, i, e) {
+    const r = `kf:${i}=>${e}`;
+    if (this.cache.has(r)) return this.cache.get(r);
+    const f = `fibo-c-${o}`;
+    return this.insert(`@keyframes ${f} { from { ${i} } to { ${e} } }`), this.insert(`.${f} { animation-name: ${f}; }`), this.cache.set(r, f), f;
+  }
+  insert(o, i = !0) {
+    var e;
+    if (!(i && this.extras.includes(o)) && (i && this.extras.push(o), !(this.sheet && ((e = this.sheet.textContent) != null && e.includes(o)))))
+      if (this.sheet && this.sheet.sheet)
+        try {
+          this.sheet.sheet.insertRule(o, this.sheet.sheet.cssRules.length);
+        } catch {
+          this.sheet && this.sheet.appendChild(document.createTextNode(o));
+        }
+      else this.sheet && this.sheet.appendChild(document.createTextNode(o));
+  }
+  /** Set a `:root` custom property (e.g. `--fibo-sticky-offset`). */
+  registerRoot(o, i) {
+    const e = `:root:${o}:${i}`;
+    this.cache.has(e) || (this.insert(`:root { ${o}: ${i}; }`), this.cache.set(e, ":root"));
+  }
+  /** Once: `html { scroll-padding-top: var(--fibo-sticky-offset, 0px) }`. */
+  ensureScrollPadding() {
+    const o = "html:scroll-padding-top";
+    this.cache.has(o) || (this.insert("html { scroll-padding-top: var(--fibo-sticky-offset, 0px); }"), this.cache.set(o, "html"));
+  }
+  register(o, i) {
+    const e = `${o}:${i}`;
+    if (this.cache.has(e))
+      return this.cache.get(e);
+    const r = i.replace(/[^a-zA-Z0-9-]/g, "_"), f = `fibo-${o}-${r}`, n = `.${f} { ${o}: ${i} !important; }`;
+    return this.insert(n), this.cache.set(e, f), f;
+  }
+  /**
+   * One class per (pseudo, property, value). Same rules → same class on server and client.
+   * Order-independent: each declaration hashes on its own.
+   */
+  registerPseudo(o, i, e, r = !1) {
+    const f = `${r ? "group:" : ""}${o}:${i}:${e}`;
+    if (this.cache.has(f))
+      return this.cache.get(f);
+    const n = `fibo-ps-${Z(f)}`, s = r ? `.group:${o} .${n} { ${i}: ${e} !important; }` : `.${n}:${o} { ${i}: ${e} !important; }`;
+    return this.insert(s), this.cache.set(f, n), n;
+  }
+  registerGroupPseudo(o, i, e, r) {
+    return this.registerPseudo(i, e, r, !0);
+  }
+};
+a(y, "instance");
+let C = y;
+const u = C.getInstance();
+function w() {
+  C.getInstance().ensureDefaults();
+}
+function Li() {
+  return C.getInstance().getCss();
+}
+function co() {
+  return C.getInstance().getCss();
+}
+function Oi() {
+  return `<style id="fibo-dynamic-styles" data-fibo="1">${co().replace(/<\/style/gi, "<\\/style")}</style>`;
+}
+function Pi() {
+  return w(), g.createElement("style", {
+    id: "fibo-dynamic-styles",
+    "data-fibo": "1",
+    suppressHydrationWarning: !0,
+    dangerouslySetInnerHTML: { __html: co() }
+  });
+}
+function Zo() {
+  return w(), g.createElement("style", {
+    id: "fibo-motion-presets",
+    "data-fibo-motion": "1",
+    dangerouslySetInnerHTML: { __html: P }
+  });
+}
+const bo = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280
+};
+function qo(t) {
+  return t in bo;
+}
+function Qo(t) {
+  if (qo(t))
+    return `(min-width: ${bo[t]}px)`;
+  const o = t.trim();
+  return o.startsWith("@media") ? o.replace(/^@media\s+/, "") : o;
+}
+function uo(t) {
+  var o, i, e = "";
+  if (typeof t == "string" || typeof t == "number") e += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var r = t.length;
+    for (o = 0; o < r; o++) t[o] && (i = uo(t[o])) && (e && (e += " "), e += i);
+  } else for (i in t) t[i] && (e && (e += " "), e += i);
+  return e;
+}
+function Jo() {
+  for (var t, o, i = 0, e = "", r = arguments.length; i < r; i++) (t = arguments[i]) && (o = uo(t)) && (e && (e += " "), e += o);
+  return e;
+}
+function oi(t) {
+  const o = t.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
+  if (!o)
+    return t;
+  const [, i, e, r] = o, f = parseFloat(i), n = parseFloat(e), s = parseFloat(r), c = n * Math.cos(s * Math.PI / 180), h = n * Math.sin(s * Math.PI / 180), b = f + 0.3963377774 * c + 0.2158037573 * h, l = f - 0.1055613458 * c - 0.0638541728 * h, x = f - 0.0894841775 * c - 1.291485548 * h, p = b * b * b, m = l * l * l, d = x * x * x, k = 4.0767416621 * p - 3.3077115913 * m + 0.2309699292 * d, z = -1.2684380046 * p + 2.6097574011 * m - 0.3413193965 * d, go = -0.0041960863 * p - 0.7034186147 * m + 1.707614701 * d, B = (I) => I >= 31308e-7 ? 1.055 * I ** (1 / 2.4) - 0.055 : 12.92 * I, mo = Math.max(0, Math.min(1, B(k))), vo = Math.max(0, Math.min(1, B(z))), wo = Math.max(0, Math.min(1, B(go))), L = (I) => {
+    var W;
+    const O = (W = Math.round(I * 255).toString(16)) == null ? void 0 : W.toUpperCase();
+    return O.length === 1 ? `0${O}` : O;
+  };
+  return `#${L(mo)}${L(vo)}${L(wo)}`;
+}
+function ii(t) {
+  const o = {}, i = {}, e = t.split(`
+`);
+  for (const r of e) {
+    const f = r.trim();
+    if (!f || f.startsWith("//") || f.startsWith("*") || f === "@theme {" || f === "}")
+      continue;
+    const n = f.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), s = f.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
+    if (n) {
+      const [, c, h] = n, b = oi(h);
+      o[b.toLowerCase()] = `bg-${c}`, i[b.toLowerCase()] = `text-${c}`;
+    } else if (s) {
+      const [, c, h] = s;
+      o[h.toLowerCase()] = `bg-${c}`, i[h.toLowerCase()] = `text-${c}`;
+    }
+  }
+  return { background: o, text: i };
+}
+const ti = (t) => {
+  if (t !== void 0)
+    return typeof t == "number" ? `${t}px` : t.toString();
+}, E = (t, o) => {
+  const i = ti(o);
+  return i === void 0 ? "" : `${t}-[${i}]`;
+}, ei = `
+  --color-red-50: oklch(0.971 0.013 17.38);
+  --color-red-100: oklch(0.936 0.032 17.717);
+  --color-red-200: oklch(0.885 0.062 18.334);
+  --color-red-300: oklch(0.808 0.114 19.571);
+  --color-red-400: oklch(0.704 0.191 22.216);
+  --color-red-500: oklch(0.637 0.237 25.331);
+  --color-red-600: oklch(0.577 0.245 27.325);
+  --color-red-700: oklch(0.505 0.213 27.518);
+  --color-red-800: oklch(0.444 0.177 26.899);
+  --color-red-900: oklch(0.396 0.141 25.723);
+  --color-red-950: oklch(0.258 0.092 26.042);
+  --color-orange-50: oklch(0.98 0.016 73.684);
+  --color-orange-100: oklch(0.954 0.038 75.164);
+  --color-orange-200: oklch(0.901 0.076 70.697);
+  --color-orange-300: oklch(0.837 0.128 66.29);
+  --color-orange-400: oklch(0.75 0.183 55.934);
+  --color-orange-500: oklch(0.705 0.213 47.604);
+  --color-orange-600: oklch(0.646 0.222 41.116);
+  --color-orange-700: oklch(0.553 0.195 38.402);
+  --color-orange-800: oklch(0.47 0.157 37.304);
+  --color-orange-900: oklch(0.408 0.123 38.172);
+  --color-orange-950: oklch(0.266 0.079 36.259);
+  --color-amber-50: oklch(0.987 0.022 95.277);
+  --color-amber-100: oklch(0.962 0.059 95.617);
+  --color-amber-200: oklch(0.924 0.12 95.746);
+  --color-amber-300: oklch(0.879 0.169 91.605);
+  --color-amber-400: oklch(0.828 0.189 84.429);
+  --color-amber-500: oklch(0.769 0.188 70.08);
+  --color-amber-600: oklch(0.666 0.179 58.318);
+  --color-amber-700: oklch(0.555 0.163 48.998);
+  --color-amber-800: oklch(0.473 0.137 46.201);
+  --color-amber-900: oklch(0.414 0.112 45.904);
+  --color-amber-950: oklch(0.279 0.077 45.635);
+  --color-yellow-50: oklch(0.987 0.026 102.212);
+  --color-yellow-100: oklch(0.973 0.071 103.193);
+  --color-yellow-200: oklch(0.945 0.129 101.54);
+  --color-yellow-300: oklch(0.905 0.182 98.111);
+  --color-yellow-400: oklch(0.852 0.199 91.936);
+  --color-yellow-500: oklch(0.795 0.184 86.047);
+  --color-yellow-600: oklch(0.681 0.162 75.834);
+  --color-yellow-700: oklch(0.554 0.135 66.442);
+  --color-yellow-800: oklch(0.476 0.114 61.907);
+  --color-yellow-900: oklch(0.421 0.095 57.708);
+  --color-yellow-950: oklch(0.286 0.066 53.813);
+  --color-lime-50: oklch(0.986 0.031 120.757);
+  --color-lime-100: oklch(0.967 0.067 122.328);
+  --color-lime-200: oklch(0.938 0.127 124.321);
+  --color-lime-300: oklch(0.897 0.196 126.665);
+  --color-lime-400: oklch(0.841 0.238 128.85);
+  --color-lime-500: oklch(0.768 0.233 130.85);
+  --color-lime-600: oklch(0.648 0.2 131.684);
+  --color-lime-700: oklch(0.532 0.157 131.589);
+  --color-lime-800: oklch(0.453 0.124 130.933);
+  --color-lime-900: oklch(0.405 0.101 131.063);
+  --color-lime-950: oklch(0.274 0.072 132.109);
+  --color-green-50: oklch(0.982 0.018 155.826);
+  --color-green-100: oklch(0.962 0.044 156.743);
+  --color-green-200: oklch(0.925 0.084 155.995);
+  --color-green-300: oklch(0.871 0.15 154.449);
+  --color-green-400: oklch(0.792 0.209 151.711);
+  --color-green-500: oklch(0.723 0.219 149.579);
+  --color-green-600: oklch(0.627 0.194 149.214);
+  --color-green-700: oklch(0.527 0.154 150.069);
+  --color-green-800: oklch(0.448 0.119 151.328);
+  --color-green-900: oklch(0.393 0.095 152.535);
+  --color-green-950: oklch(0.266 0.065 152.934);
+  --color-emerald-50: oklch(0.979 0.021 166.113);
+  --color-emerald-100: oklch(0.95 0.052 163.051);
+  --color-emerald-200: oklch(0.905 0.093 164.15);
+  --color-emerald-300: oklch(0.845 0.143 164.978);
+  --color-emerald-400: oklch(0.765 0.177 163.223);
+  --color-emerald-500: oklch(0.696 0.17 162.48);
+  --color-emerald-600: oklch(0.596 0.145 163.225);
+  --color-emerald-700: oklch(0.508 0.118 165.612);
+  --color-emerald-800: oklch(0.432 0.095 166.913);
+  --color-emerald-900: oklch(0.378 0.077 168.94);
+  --color-emerald-950: oklch(0.262 0.051 172.552);
+  --color-teal-50: oklch(0.984 0.014 180.72);
+  --color-teal-100: oklch(0.953 0.051 180.801);
+  --color-teal-200: oklch(0.91 0.096 180.426);
+  --color-teal-300: oklch(0.855 0.138 181.071);
+  --color-teal-400: oklch(0.777 0.152 181.912);
+  --color-teal-500: oklch(0.704 0.14 182.503);
+  --color-teal-600: oklch(0.6 0.118 184.704);
+  --color-teal-700: oklch(0.511 0.096 186.391);
+  --color-teal-800: oklch(0.437 0.078 188.216);
+  --color-teal-900: oklch(0.386 0.063 188.416);
+  --color-teal-950: oklch(0.277 0.046 192.524);
+  --color-cyan-50: oklch(0.984 0.019 200.873);
+  --color-cyan-100: oklch(0.956 0.045 203.388);
+  --color-cyan-200: oklch(0.917 0.08 205.041);
+  --color-cyan-300: oklch(0.865 0.127 207.078);
+  --color-cyan-400: oklch(0.789 0.154 211.53);
+  --color-cyan-500: oklch(0.715 0.143 215.221);
+  --color-cyan-600: oklch(0.609 0.126 221.723);
+  --color-cyan-700: oklch(0.52 0.105 223.128);
+  --color-cyan-800: oklch(0.45 0.085 224.283);
+  --color-cyan-900: oklch(0.398 0.07 227.392);
+  --color-cyan-950: oklch(0.302 0.056 229.695);
+  --color-sky-50: oklch(0.977 0.013 236.62);
+  --color-sky-100: oklch(0.951 0.026 236.824);
+  --color-sky-200: oklch(0.901 0.058 230.902);
+  --color-sky-300: oklch(0.828 0.111 230.318);
+  --color-sky-400: oklch(0.746 0.16 232.661);
+  --color-sky-500: oklch(0.685 0.169 237.323);
+  --color-sky-600: oklch(0.588 0.158 241.966);
+  --color-sky-700: oklch(0.5 0.134 242.749);
+  --color-sky-800: oklch(0.443 0.11 240.79);
+  --color-sky-900: oklch(0.391 0.09 240.876);
+  --color-sky-950: oklch(0.293 0.066 243.157);
+  --color-blue-50: oklch(0.97 0.014 254.604);
+  --color-blue-100: oklch(0.932 0.032 255.585);
+  --color-blue-200: oklch(0.882 0.059 254.128);
+  --color-blue-300: oklch(0.809 0.105 251.813);
+  --color-blue-400: oklch(0.707 0.165 254.624);
+  --color-blue-500: oklch(0.623 0.214 259.815);
+  --color-blue-600: oklch(0.546 0.245 262.881);
+  --color-blue-700: oklch(0.488 0.243 264.376);
+  --color-blue-800: oklch(0.424 0.199 265.638);
+  --color-blue-900: oklch(0.379 0.146 265.522);
+  --color-blue-950: oklch(0.282 0.091 267.935);
+  --color-indigo-50: oklch(0.962 0.018 272.314);
+  --color-indigo-100: oklch(0.93 0.034 272.788);
+  --color-indigo-200: oklch(0.87 0.065 274.039);
+  --color-indigo-300: oklch(0.785 0.115 274.713);
+  --color-indigo-400: oklch(0.673 0.182 276.935);
+  --color-indigo-500: oklch(0.585 0.233 277.117);
+  --color-indigo-600: oklch(0.511 0.262 276.966);
+  --color-indigo-700: oklch(0.457 0.24 277.023);
+  --color-indigo-800: oklch(0.398 0.195 277.366);
+  --color-indigo-900: oklch(0.359 0.144 278.697);
+  --color-indigo-950: oklch(0.257 0.09 281.288);
+  --color-violet-50: oklch(0.969 0.016 293.756);
+  --color-violet-100: oklch(0.943 0.029 294.588);
+  --color-violet-200: oklch(0.894 0.057 293.283);
+  --color-violet-300: oklch(0.811 0.111 293.571);
+  --color-violet-400: oklch(0.702 0.183 293.541);
+  --color-violet-500: oklch(0.606 0.25 292.717);
+  --color-violet-600: oklch(0.541 0.281 293.009);
+  --color-violet-700: oklch(0.491 0.27 292.581);
+  --color-violet-800: oklch(0.432 0.232 292.759);
+  --color-violet-900: oklch(0.38 0.189 293.745);
+  --color-violet-950: oklch(0.283 0.141 291.089);
+  --color-purple-50: oklch(0.977 0.014 308.299);
+  --color-purple-100: oklch(0.946 0.033 307.174);
+  --color-purple-200: oklch(0.902 0.063 306.703);
+  --color-purple-300: oklch(0.827 0.119 306.383);
+  --color-purple-400: oklch(0.714 0.203 305.504);
+  --color-purple-500: oklch(0.627 0.265 303.9);
+  --color-purple-600: oklch(0.558 0.288 302.321);
+  --color-purple-700: oklch(0.496 0.265 301.924);
+  --color-purple-800: oklch(0.438 0.218 303.724);
+  --color-purple-900: oklch(0.381 0.176 304.987);
+  --color-purple-950: oklch(0.291 0.149 302.717);
+  --color-fuchsia-50: oklch(0.977 0.017 320.058);
+  --color-fuchsia-100: oklch(0.952 0.037 318.852);
+  --color-fuchsia-200: oklch(0.903 0.076 319.62);
+  --color-fuchsia-300: oklch(0.833 0.145 321.434);
+  --color-fuchsia-400: oklch(0.74 0.238 322.16);
+  --color-fuchsia-500: oklch(0.667 0.295 322.15);
+  --color-fuchsia-600: oklch(0.591 0.293 322.896);
+  --color-fuchsia-700: oklch(0.518 0.253 323.949);
+  --color-fuchsia-800: oklch(0.452 0.211 324.591);
+  --color-fuchsia-900: oklch(0.401 0.17 325.612);
+  --color-fuchsia-950: oklch(0.293 0.136 325.661);
+  --color-pink-50: oklch(0.971 0.014 343.198);
+  --color-pink-100: oklch(0.948 0.028 342.258);
+  --color-pink-200: oklch(0.899 0.061 343.231);
+  --color-pink-300: oklch(0.823 0.12 346.018);
+  --color-pink-400: oklch(0.718 0.202 349.761);
+  --color-pink-500: oklch(0.656 0.241 354.308);
+  --color-pink-600: oklch(0.592 0.249 0.584);
+  --color-pink-700: oklch(0.525 0.223 3.958);
+  --color-pink-800: oklch(0.459 0.187 3.815);
+  --color-pink-900: oklch(0.408 0.153 2.432);
+  --color-pink-950: oklch(0.284 0.109 3.907);
+  --color-rose-50: oklch(0.969 0.015 12.422);
+  --color-rose-100: oklch(0.941 0.03 12.58);
+  --color-rose-200: oklch(0.892 0.058 10.001);
+  --color-rose-300: oklch(0.81 0.117 11.638);
+  --color-rose-400: oklch(0.712 0.194 13.428);
+  --color-rose-500: oklch(0.645 0.246 16.439);
+  --color-rose-600: oklch(0.586 0.253 17.585);
+  --color-rose-700: oklch(0.514 0.222 16.935);
+  --color-rose-800: oklch(0.455 0.188 13.697);
+  --color-rose-900: oklch(0.41 0.159 10.272);
+  --color-rose-950: oklch(0.271 0.105 12.094);
+  --color-slate-50: oklch(0.984 0.003 247.858);
+  --color-slate-100: oklch(0.968 0.007 247.896);
+  --color-slate-200: oklch(0.929 0.013 255.508);
+  --color-slate-300: oklch(0.869 0.022 252.894);
+  --color-slate-400: oklch(0.704 0.04 256.788);
+  --color-slate-500: oklch(0.554 0.046 257.417);
+  --color-slate-600: oklch(0.446 0.043 257.281);
+  --color-slate-700: oklch(0.372 0.044 257.287);
+  --color-slate-800: oklch(0.279 0.041 260.031);
+  --color-slate-900: oklch(0.208 0.042 265.755);
+  --color-slate-950: oklch(0.129 0.042 264.695);
+  --color-gray-50: oklch(0.985 0.002 247.839);
+  --color-gray-100: oklch(0.967 0.003 264.542);
+  --color-gray-200: oklch(0.928 0.006 264.531);
+  --color-gray-300: oklch(0.872 0.01 258.338);
+  --color-gray-400: oklch(0.707 0.022 261.325);
+  --color-gray-500: oklch(0.551 0.027 264.364);
+  --color-gray-600: oklch(0.446 0.03 256.802);
+  --color-gray-700: oklch(0.373 0.034 259.733);
+  --color-gray-800: oklch(0.278 0.033 256.848);
+  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-950: oklch(0.13 0.028 261.692);
+  --color-zinc-50: oklch(0.985 0 0);
+  --color-zinc-100: oklch(0.967 0.001 286.375);
+  --color-zinc-200: oklch(0.92 0.004 286.32);
+  --color-zinc-300: oklch(0.871 0.006 286.286);
+  --color-zinc-400: oklch(0.705 0.015 286.067);
+  --color-zinc-500: oklch(0.552 0.016 285.938);
+  --color-zinc-600: oklch(0.442 0.017 285.786);
+  --color-zinc-700: oklch(0.37 0.013 285.805);
+  --color-zinc-800: oklch(0.274 0.006 286.033);
+  --color-zinc-900: oklch(0.21 0.006 285.885);
+  --color-zinc-950: oklch(0.141 0.005 285.823);
+  --color-neutral-50: oklch(0.985 0 0);
+  --color-neutral-100: oklch(0.97 0 0);
+  --color-neutral-200: oklch(0.922 0 0);
+  --color-neutral-300: oklch(0.87 0 0);
+  --color-neutral-400: oklch(0.708 0 0);
+  --color-neutral-500: oklch(0.556 0 0);
+  --color-neutral-600: oklch(0.439 0 0);
+  --color-neutral-700: oklch(0.371 0 0);
+  --color-neutral-800: oklch(0.269 0 0);
+  --color-neutral-900: oklch(0.205 0 0);
+  --color-neutral-950: oklch(0.145 0 0);
+  --color-stone-50: oklch(0.985 0.001 106.423);
+  --color-stone-100: oklch(0.97 0.001 106.424);
+  --color-stone-200: oklch(0.923 0.003 48.717);
+  --color-stone-300: oklch(0.869 0.005 56.366);
+  --color-stone-400: oklch(0.709 0.01 56.259);
+  --color-stone-500: oklch(0.553 0.013 58.071);
+  --color-stone-600: oklch(0.444 0.011 73.639);
+  --color-stone-700: oklch(0.374 0.01 67.558);
+  --color-stone-800: oklch(0.268 0.007 34.298);
+  --color-stone-900: oklch(0.216 0.006 56.043);
+  --color-stone-950: oklch(0.147 0.004 49.25);
+  --color-black: #000;
+  --color-white: #fff;
+`, fi = ii(ei), lo = {
+  borderRadius: {
+    0: "rounded-none",
+    "0px": "rounded-none",
+    "1px": "rounded-sm",
+    "2px": "rounded-sm",
+    "3px": "rounded",
+    "4px": "rounded",
+    "5px": "rounded-md",
+    "6px": "rounded-md",
+    "7px": "rounded-lg",
+    "8px": "rounded-lg",
+    "9px": "rounded-lg",
+    "10px": "rounded-lg",
+    "11px": "rounded-xl",
+    "12px": "rounded-xl",
+    "14px": "rounded-2xl",
+    "16px": "rounded-2xl",
+    "20px": "rounded-3xl",
+    "50%": "rounded-full",
+    "9999px": "rounded-full"
+  },
+  fontSize: {
+    "0.75rem": "text-xs",
+    "0.875rem": "text-sm",
+    "1rem": "text-base",
+    "1.125rem": "text-lg",
+    "1.25rem": "text-xl",
+    "1.5rem": "text-2xl",
+    "1.875rem": "text-3xl",
+    "2.25rem": "text-4xl",
+    "3rem": "text-5xl",
+    "3.75rem": "text-6xl",
+    "4.5rem": "text-7xl",
+    "6rem": "text-8xl",
+    "8rem": "text-9xl"
+  },
+  fontWeight: {
+    100: "font-thin",
+    200: "font-extralight",
+    300: "font-light",
+    400: "font-normal",
+    500: "font-medium",
+    600: "font-semibold",
+    700: "font-bold",
+    800: "font-extrabold",
+    900: "font-black"
+  },
+  fontFamily: {
+    "ui-serif": "font-serif",
+    "ui-monospace": "font-mono",
+    "ui-sans-serif": "font-sans",
+    default: "font-sans"
+  },
+  textAlign: {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right",
+    justify: "text-justify"
+  },
+  textDecoration: {
+    underline: "underline",
+    overline: "overline",
+    "line-through": "line-through",
+    none: "no-underline"
+  },
+  fontVariantNumeric: {
+    "tabular-nums": "tabular-nums",
+    "oldstyle-nums": "oldstyle-nums",
+    "lining-nums": "lining-nums",
+    "proportional-nums": "proportional-nums",
+    "diagonal-fractions": "diagonal-fractions",
+    "stacked-fractions": "stacked-fractions",
+    ordinal: "ordinal",
+    "slashed-zero": "slashed-zero",
+    normal: "normal-nums"
+  },
+  fontStyle: {
+    normal: "normal",
+    italic: "italic",
+    oblique: "oblique"
+  },
+  display: {
+    block: "block",
+    flex: "flex",
+    "inline-flex": "inline-flex",
+    grid: "grid",
+    hidden: "hidden",
+    none: "hidden"
+  },
+  position: {
+    static: "static",
+    relative: "relative",
+    absolute: "absolute",
+    fixed: "fixed",
+    sticky: "sticky"
+  }
+}, ri = (t, o) => ({
+  // 背景色
+  backgroundColor: (i) => i.backgroundColor ? [t.background[i.backgroundColor.toLowerCase()] || `bg-[${i.backgroundColor}]`] : [],
+  // 文字色
+  color: (i) => i.color ? [t.text[i.color.toLowerCase()] || `text-[${i.color}]`] : [],
+  // 圆角
+  borderRadius: (i) => {
+    if (!i.borderRadius)
+      return [];
+    const e = lo.borderRadius[i.borderRadius] || E("rounded", i.borderRadius);
+    return e ? [e] : [];
+  },
+  // 外边距
+  margin: (i) => {
+    const e = [];
+    if (i.margin !== void 0) {
+      const f = E("m", i.margin);
+      return f ? [f] : [];
+    }
+    return [
+      { prop: i.marginTop, dir: "mt" },
+      { prop: i.marginRight, dir: "mr" },
+      { prop: i.marginBottom, dir: "mb" },
+      { prop: i.marginLeft, dir: "ml" },
+      { prop: i.marginX, dir: "mx" },
+      { prop: i.marginY, dir: "my" }
+    ].forEach(({ prop: f, dir: n }) => {
+      if (f !== void 0) {
+        const s = E(n, f);
+        s && e.push(s);
+      }
+    }), e;
+  },
+  // 内边距
+  padding: (i) => {
+    const e = [];
+    if (i.padding !== void 0) {
+      const f = E("p", i.padding);
+      return f ? [f] : [];
+    }
+    return [
+      { prop: i.paddingTop, dir: "pt" },
+      { prop: i.paddingRight, dir: "pr" },
+      { prop: i.paddingBottom, dir: "pb" },
+      { prop: i.paddingLeft, dir: "pl" },
+      { prop: i.paddingX, dir: "px" },
+      { prop: i.paddingY, dir: "py" }
+    ].forEach(({ prop: f, dir: n }) => {
+      if (f !== void 0) {
+        const s = E(n, f);
+        s && e.push(s);
+      }
+    }), e;
+  },
+  // 字体
+  font: (i) => {
+    const e = [];
+    if (i.fontSize && e.push(o.fontSize[i.fontSize.toString()] || `text-[${i.fontSize}]`), i.fontWeight) {
+      const r = o.fontWeight[i.fontWeight.toString()];
+      r && e.push(r);
+    }
+    if (i.textAlign) {
+      const r = o.textAlign[i.textAlign];
+      r && e.push(r);
+    }
+    if (i.fontFamily) {
+      const r = o.fontFamily[i.fontFamily];
+      r && e.push(r);
+    }
+    if (i.textDecoration) {
+      const r = o.textDecoration[i.textDecoration];
+      r && e.push(r);
+    }
+    if (i.fontVariantNumeric) {
+      const r = o.fontVariantNumeric[i.fontVariantNumeric];
+      r && e.push(r);
+    }
+    if (i.fontStyle) {
+      const r = o.fontStyle[i.fontStyle];
+      r && e.push(r);
+    }
+    return e;
+  },
+  // 尺寸
+  size: (i) => {
+    const e = [];
+    if (i.width) {
+      const r = i.width.toString();
+      e.push(`w-[${r}]`);
+    }
+    if (i.height) {
+      const r = i.height.toString();
+      e.push(`h-[${r}]`);
+    }
+    return e;
+  },
+  // 布局
+  layout: (i) => {
+    const e = [];
+    if (i.display) {
+      const r = o.display[i.display];
+      r && e.push(r);
+    }
+    if (i.flexDirection) {
+      const f = {
+        row: "flex-row",
+        column: "flex-col",
+        "row-reverse": "flex-row-reverse",
+        "column-reverse": "flex-col-reverse"
+      }[i.flexDirection];
+      f && e.push(f);
+    }
+    if (i.justifyContent) {
+      const f = {
+        "flex-start": "justify-start",
+        "flex-end": "justify-end",
+        center: "justify-center",
+        "space-between": "justify-between",
+        "space-around": "justify-around",
+        "space-evenly": "justify-evenly"
+      }[i.justifyContent];
+      f && e.push(f);
+    }
+    if (i.alignItems) {
+      const f = {
+        "flex-start": "items-start",
+        "flex-end": "items-end",
+        center: "items-center",
+        baseline: "items-baseline",
+        stretch: "items-stretch"
+      }[i.alignItems];
+      f && e.push(f);
+    }
+    if (i.gap) {
+      const r = E("gap", i.gap);
+      r && e.push(r);
+    }
+    return e;
+  },
+  // 定位
+  position: (i) => i.position ? [o.position[i.position] || ""].filter(Boolean) : [],
+  // 透明度
+  opacity: (i) => {
+    if (i.opacity === void 0)
+      return [];
+    const e = typeof i.opacity == "string" ? parseFloat(i.opacity) : i.opacity;
+    return [`opacity-${{
+      0: "0",
+      0.25: "25",
+      0.5: "50",
+      0.75: "75",
+      1: "100"
+    }[e] || Math.round(e * 100)}`];
+  },
+  // 自定义类名
+  className: (i) => i.className ? [i.className] : []
+}), ni = {
+  backgroundColor: "backgroundColor",
+  color: "color",
+  borderRadius: "borderRadius",
+  margin: "margin",
+  marginTop: "margin",
+  marginRight: "margin",
+  marginBottom: "margin",
+  marginLeft: "margin",
+  marginX: "margin",
+  marginY: "margin",
+  padding: "padding",
+  paddingTop: "padding",
+  paddingRight: "padding",
+  paddingBottom: "padding",
+  paddingLeft: "padding",
+  paddingX: "padding",
+  paddingY: "padding",
+  fontSize: "font",
+  fontWeight: "font",
+  textAlign: "font",
+  textDecoration: "font",
+  fontVariantNumeric: "font",
+  fontStyle: "font",
+  width: "size",
+  height: "size",
+  display: "layout",
+  flexDirection: "layout",
+  justifyContent: "layout",
+  alignItems: "layout",
+  gap: "layout",
+  position: "position",
+  opacity: "opacity",
+  className: "className"
+}, si = (t, o) => {
+  const i = (o == null ? void 0 : o.colorMaps) || fi, e = (o == null ? void 0 : o.styleMaps) || lo, r = ri(i, e), f = [], n = /* @__PURE__ */ new Set();
+  return Object.keys(t).forEach((s) => {
+    const c = ni[s];
+    if (c && !n.has(c)) {
+      const h = r[c];
+      if (h) {
+        const b = h(t);
+        f.push(...b), n.add(c);
+      }
+    }
+  }), f.filter(Boolean).join(" ");
+};
+function ai(t) {
+  const o = {};
+  return t.forEach((i, e) => {
+    o[e] = i.value;
+  }), o;
+}
+function ci({ animatedProps: t, animationConfig: o, children: i }) {
+  const [e, r] = oo(
+    () => ai(t)
+  );
+  M(() => {
+    const c = [];
+    return t.forEach((h, b) => {
+      const l = (x) => {
+        r((p) => ({
+          ...p,
+          [b]: x
+        }));
+      };
+      c.push(h.subscribe(l)), l(h.value);
+    }), () => {
+      c.forEach((h) => h());
+    };
+  }, [t]);
+  const f = [];
+  e.translateX !== void 0 && f.push(`translateX(${e.translateX}px)`), e.translateY !== void 0 && f.push(`translateY(${e.translateY}px)`), e.scale !== void 0 && f.push(`scale(${e.scale})`), e.rotate !== void 0 && f.push(`rotate(${e.rotate}deg)`);
+  const n = {};
+  if (f.length > 0 && (n.transform = f.join(" ")), o) {
+    const { duration: c = 300, curve: h = "easeOut", stiffness: b, damping: l } = o, x = $(h, { stiffness: b, damping: l });
+    n.transition = `transform ${c}ms ${x}`;
+  }
+  const s = {
+    ...i.props.style,
+    ...n
+  };
+  return _o(i, { style: s });
+}
+const ho = [
+  // —— 2D Transitions ——
+  "grow",
+  "shrink",
+  "pulse",
+  "pulseGrow",
+  "pulseShrink",
+  "push",
+  "pop",
+  "bounceIn",
+  "bounceOut",
+  "rotate",
+  "growRotate",
+  "float",
+  "sink",
+  "bob",
+  "hang",
+  "skew",
+  "skewForward",
+  "skewBackward",
+  "wobbleHorizontal",
+  "wobbleVertical",
+  "wobbleToBottomRight",
+  "wobbleToTopRight",
+  "wobbleTop",
+  "wobbleBottom",
+  "wobbleSkew",
+  "buzz",
+  "buzzOut",
+  "forward",
+  "backward",
+  "nudge",
+  // —— Background Transitions ——
+  "fade",
+  "backPulse",
+  "sweepToRight",
+  "sweepToLeft",
+  "sweepToBottom",
+  "sweepToTop",
+  "bounceToRight",
+  "bounceToLeft",
+  "bounceToBottom",
+  "bounceToTop",
+  "radialOut",
+  "radialIn",
+  "rectangleIn",
+  "rectangleOut",
+  "shutterInHorizontal",
+  "shutterOutHorizontal",
+  "shutterInVertical",
+  "shutterOutVertical",
+  // —— Icon (same motion; names for discoverability) ——
+  "iconBack",
+  "iconForward",
+  "iconDown",
+  "iconUp",
+  "iconSpin",
+  "iconDrop",
+  "iconFade",
+  "iconFloatAway",
+  "iconSinkAway",
+  "iconGrow",
+  "iconShrink",
+  "iconPulse",
+  "iconPulseGrow",
+  "iconPulseShrink",
+  "iconPush",
+  "iconPop",
+  "iconBounce",
+  "iconRotate",
+  "iconGrowRotate",
+  "iconFloat",
+  "iconSink",
+  "iconBob",
+  "iconHang",
+  "iconWobbleHorizontal",
+  "iconWobbleVertical",
+  "iconBuzz",
+  "iconBuzzOut",
+  // —— Border Transitions ——
+  "borderFade",
+  "hollow",
+  "trim",
+  "rippleOut",
+  "rippleIn",
+  "outlineOut",
+  "outlineIn",
+  "roundCorners",
+  "underlineFromLeft",
+  "underlineFromCenter",
+  "underlineFromRight",
+  "reveal",
+  "underlineReveal",
+  "overlineFromLeft",
+  "overlineFromCenter",
+  "overlineFromRight",
+  "overlineReveal",
+  // —— Shadow and Glow ——
+  "shadowGrow",
+  "shadowFloat",
+  "shadowGlow",
+  "shadowRadial",
+  "boxShadowOutset",
+  "boxShadowInset",
+  "lift",
+  "glow",
+  // —— Speech Bubbles ——
+  "bubbleTop",
+  "bubbleRight",
+  "bubbleBottom",
+  "bubbleLeft",
+  "bubbleFloatTop",
+  "bubbleFloatRight",
+  "bubbleFloatBottom",
+  "bubbleFloatLeft",
+  // —— Curls ——
+  "curlTopLeft",
+  "curlTopRight",
+  "curlBottomRight",
+  "curlBottomLeft"
+], q = {
+  "pulse-grow": "pulseGrow",
+  "pulse-shrink": "pulseShrink",
+  "bounce-in": "bounceIn",
+  "bounce-out": "bounceOut",
+  "grow-rotate": "growRotate",
+  "skew-forward": "skewForward",
+  "skew-backward": "skewBackward",
+  "wobble-horizontal": "wobbleHorizontal",
+  "wobble-vertical": "wobbleVertical",
+  "wobble-to-bottom-right": "wobbleToBottomRight",
+  "wobble-to-top-right": "wobbleToTopRight",
+  "wobble-top": "wobbleTop",
+  "wobble-bottom": "wobbleBottom",
+  "wobble-skew": "wobbleSkew",
+  "buzz-out": "buzzOut",
+  "back-pulse": "backPulse",
+  "sweep-to-right": "sweepToRight",
+  "sweep-to-left": "sweepToLeft",
+  "sweep-to-bottom": "sweepToBottom",
+  "sweep-to-top": "sweepToTop",
+  "bounce-to-right": "bounceToRight",
+  "bounce-to-left": "bounceToLeft",
+  "bounce-to-bottom": "bounceToBottom",
+  "bounce-to-top": "bounceToTop",
+  "radial-out": "radialOut",
+  "radial-in": "radialIn",
+  "rectangle-in": "rectangleIn",
+  "rectangle-out": "rectangleOut",
+  "shutter-in-horizontal": "shutterInHorizontal",
+  "shutter-out-horizontal": "shutterOutHorizontal",
+  "shutter-in-vertical": "shutterInVertical",
+  "shutter-out-vertical": "shutterOutVertical",
+  "icon-back": "iconBack",
+  "icon-forward": "iconForward",
+  "icon-down": "iconDown",
+  "icon-up": "iconUp",
+  "icon-spin": "iconSpin",
+  "icon-drop": "iconDrop",
+  "icon-fade": "iconFade",
+  "icon-float-away": "iconFloatAway",
+  "icon-sink-away": "iconSinkAway",
+  "icon-grow": "iconGrow",
+  "icon-shrink": "iconShrink",
+  "icon-pulse": "iconPulse",
+  "icon-pulse-grow": "iconPulseGrow",
+  "icon-pulse-shrink": "iconPulseShrink",
+  "icon-push": "iconPush",
+  "icon-pop": "iconPop",
+  "icon-bounce": "iconBounce",
+  "icon-rotate": "iconRotate",
+  "icon-grow-rotate": "iconGrowRotate",
+  "icon-float": "iconFloat",
+  "icon-sink": "iconSink",
+  "icon-bob": "iconBob",
+  "icon-hang": "iconHang",
+  "icon-wobble-horizontal": "iconWobbleHorizontal",
+  "icon-wobble-vertical": "iconWobbleVertical",
+  "icon-buzz": "iconBuzz",
+  "icon-buzz-out": "iconBuzzOut",
+  "border-fade": "borderFade",
+  "ripple-out": "rippleOut",
+  "ripple-in": "rippleIn",
+  "outline-out": "outlineOut",
+  "outline-in": "outlineIn",
+  "round-corners": "roundCorners",
+  "underline-from-left": "underlineFromLeft",
+  "underline-from-center": "underlineFromCenter",
+  "underline-from-right": "underlineFromRight",
+  "underline-reveal": "underlineReveal",
+  "overline-from-left": "overlineFromLeft",
+  "overline-from-center": "overlineFromCenter",
+  "overline-from-right": "overlineFromRight",
+  "overline-reveal": "overlineReveal",
+  "shadow-grow": "shadowGrow",
+  "shadow-float": "shadowFloat",
+  "shadow-glow": "shadowGlow",
+  "shadow-radial": "shadowRadial",
+  "box-shadow-outset": "boxShadowOutset",
+  "box-shadow-inset": "boxShadowInset",
+  "bubble-top": "bubbleTop",
+  "bubble-right": "bubbleRight",
+  "bubble-bottom": "bubbleBottom",
+  "bubble-left": "bubbleLeft",
+  "bubble-float-top": "bubbleFloatTop",
+  "bubble-float-right": "bubbleFloatRight",
+  "bubble-float-bottom": "bubbleFloatBottom",
+  "bubble-float-left": "bubbleFloatLeft",
+  "curl-top-left": "curlTopLeft",
+  "curl-top-right": "curlTopRight",
+  "curl-bottom-right": "curlBottomRight",
+  "curl-bottom-left": "curlBottomLeft",
+  // hvr-* prefix from Hover.css class names
+  "hvr-grow": "grow",
+  "hvr-float": "float",
+  "hvr-sweep-to-right": "sweepToRight"
+};
+function bi(t) {
+  return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
+}
+function Q(t) {
+  return ho.includes(t);
+}
+function ui(t) {
+  const o = t.trim(), i = q[o] ?? q[o.toLowerCase()];
+  if (i) return i;
+  if (Q(o)) return o;
+  const e = o.replace(/-([a-z])/g, (r, f) => f.toUpperCase());
+  if (Q(e)) return e;
+  throw new Error(
+    `Unknown interaction effect "${t}". Use one of ${ho.length} presets — see INTERACTION_EFFECTS.`
+  );
+}
+function li(t, o = !1) {
+  return o ? `fibo-fx-on-group-${t}` : `fibo-fx-on-${t}`;
+}
+function hi(t) {
+  return `fibo-fx-${bi(t)}`;
+}
+const xi = `
+@keyframes fibo-fx-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } }
+@keyframes fibo-fx-pulse-grow { to { transform: scale(1.1); } }
+@keyframes fibo-fx-pulse-shrink { to { transform: scale(0.9); } }
+@keyframes fibo-fx-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } }
+@keyframes fibo-fx-pop { 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
+@keyframes fibo-fx-bounce-in {
+  0% { transform: scale(0); } 40% { transform: scale(1.15); } 60% { transform: scale(0.95); }
+  80% { transform: scale(1.05); } 100% { transform: scale(1); }
+}
+@keyframes fibo-fx-bounce-out {
+  0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { transform: scale(1.08); }
+  100% { transform: scale(0); opacity: 0; }
+}
+@keyframes fibo-fx-bob {
+  0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); }
+}
+@keyframes fibo-fx-hang {
+  0% { transform: translateY(8px); } 50% { transform: translateY(4px); } 100% { transform: translateY(8px); }
+}
+@keyframes fibo-fx-wobble-h {
+  16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); }
+  49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); }
+  83.25% { transform: translateX(1px); } 100% { transform: translateX(0); }
+}
+@keyframes fibo-fx-wobble-v {
+  16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); }
+  49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); }
+  83.25% { transform: translateY(1px); } 100% { transform: translateY(0); }
+}
+@keyframes fibo-fx-wobble-br {
+  16.65% { transform: translate(8px,8px); } 33.3% { transform: translate(-6px,-6px); }
+  49.95% { transform: translate(4px,4px); } 66.6% { transform: translate(-2px,-2px); }
+  83.25% { transform: translate(1px,1px); } 100% { transform: translate(0,0); }
+}
+@keyframes fibo-fx-wobble-tr {
+  16.65% { transform: translate(8px,-8px); } 33.3% { transform: translate(-6px,6px); }
+  49.95% { transform: translate(4px,-4px); } 66.6% { transform: translate(-2px,2px); }
+  83.25% { transform: translate(1px,-1px); } 100% { transform: translate(0,0); }
+}
+@keyframes fibo-fx-wobble-top {
+  16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); }
+  49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); }
+  83.25% { transform: skew(-2deg); } 100% { transform: skew(0); }
+  /* origin top */
+}
+@keyframes fibo-fx-wobble-bottom {
+  16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); }
+  49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); }
+  83.25% { transform: skew(-2deg); } 100% { transform: skew(0); }
+}
+@keyframes fibo-fx-wobble-skew {
+  16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); }
+  49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); }
+  83.25% { transform: skew(-2deg); } 100% { transform: skew(0); }
+}
+@keyframes fibo-fx-buzz {
+  50% { transform: translateX(3px) rotate(2deg); }
+  100% { transform: translateX(-3px) rotate(-2deg); }
+}
+@keyframes fibo-fx-buzz-out {
+  10% { transform: translateX(3px) rotate(2deg); }
+  20% { transform: translateX(-3px) rotate(-2deg); }
+  30% { transform: translateX(3px) rotate(2deg); }
+  40% { transform: translateX(-3px) rotate(-2deg); }
+  50%,100% { transform: translateX(0) rotate(0); }
+}
+@keyframes fibo-fx-icon-drop {
+  0% { opacity: 0; transform: translateY(-20px); }
+  50% { opacity: 1; transform: translateY(0); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+@keyframes fibo-fx-icon-bob {
+  0%,100% { transform: translateY(-6px); } 50% { transform: translateY(-2px); }
+}
+@keyframes fibo-fx-icon-hang {
+  0%,100% { transform: translateY(6px); } 50% { transform: translateY(2px); }
+}
+@keyframes fibo-fx-icon-buzz {
+  50% { transform: translateX(3px) rotate(2deg); }
+  100% { transform: translateX(-3px) rotate(-2deg); }
+}
+@keyframes fibo-fx-back-pulse {
+  50% { background-color: rgba(127,127,127,0.25); }
+}
+@keyframes fibo-fx-ripple-out {
+  100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
+}
+@keyframes fibo-fx-ripple-in {
+  100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; }
+}
+
+.fibo-fx {
+  -webkit-tap-highlight-color: transparent;
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px rgba(0,0,0,0);
+}
+.fibo-fx[class*="fibo-fx-sweep"],
+.fibo-fx[class*="fibo-fx-bounce-to"],
+.fibo-fx[class*="fibo-fx-radial"],
+.fibo-fx[class*="fibo-fx-rectangle"],
+.fibo-fx[class*="fibo-fx-shutter"],
+.fibo-fx[class*="fibo-fx-curl"],
+.fibo-fx[class*="fibo-fx-bubble"] {
+  position: relative;
+}
+.fibo-fx[class*="fibo-fx-sweep"],
+.fibo-fx[class*="fibo-fx-bounce-to"],
+.fibo-fx[class*="fibo-fx-radial"],
+.fibo-fx[class*="fibo-fx-rectangle"],
+.fibo-fx[class*="fibo-fx-shutter"],
+.fibo-fx[class*="fibo-fx-curl"] {
+  overflow: hidden;
+}
+
+.fibo-fx-grow { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-grow.fibo-fx-on-hover:hover,
+.fibo-fx-grow.fibo-fx-on-active:active,
+.fibo-fx-grow.fibo-fx-on-focus:focus,
+.fibo-fx-grow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-grow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-grow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-grow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-grow.fibo-fx-on-group-focus-within { transform:scale(1.1); }
+
+.fibo-fx-shrink { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-shrink.fibo-fx-on-hover:hover,
+.fibo-fx-shrink.fibo-fx-on-active:active,
+.fibo-fx-shrink.fibo-fx-on-focus:focus,
+.fibo-fx-shrink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-shrink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-shrink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-shrink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-shrink.fibo-fx-on-group-focus-within { transform:scale(0.9); }
+
+.fibo-fx-pulse.fibo-fx-on-hover:hover,
+.fibo-fx-pulse.fibo-fx-on-active:active,
+.fibo-fx-pulse.fibo-fx-on-focus:focus,
+.fibo-fx-pulse.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-pulse.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-pulse.fibo-fx-on-group-hover,
+.group:active .fibo-fx-pulse.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-pulse.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite; }
+
+.fibo-fx-pulse-grow.fibo-fx-on-hover:hover,
+.fibo-fx-pulse-grow.fibo-fx-on-active:active,
+.fibo-fx-pulse-grow.fibo-fx-on-focus:focus,
+.fibo-fx-pulse-grow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-pulse-grow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-pulse-grow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-pulse-grow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-pulse-grow.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate; }
+
+.fibo-fx-pulse-shrink.fibo-fx-on-hover:hover,
+.fibo-fx-pulse-shrink.fibo-fx-on-active:active,
+.fibo-fx-pulse-shrink.fibo-fx-on-focus:focus,
+.fibo-fx-pulse-shrink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-pulse-shrink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-pulse-shrink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-pulse-shrink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-pulse-shrink.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate; }
+
+.fibo-fx-push.fibo-fx-on-hover:hover,
+.fibo-fx-push.fibo-fx-on-active:active,
+.fibo-fx-push.fibo-fx-on-focus:focus,
+.fibo-fx-push.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-push.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-push.fibo-fx-on-group-hover,
+.group:active .fibo-fx-push.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-push.fibo-fx-on-group-focus-within { animation-name:fibo-fx-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1; }
+
+.fibo-fx-pop.fibo-fx-on-hover:hover,
+.fibo-fx-pop.fibo-fx-on-active:active,
+.fibo-fx-pop.fibo-fx-on-focus:focus,
+.fibo-fx-pop.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-pop.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-pop.fibo-fx-on-group-hover,
+.group:active .fibo-fx-pop.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-pop.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1; }
+
+.fibo-fx-bounce-in.fibo-fx-on-hover:hover,
+.fibo-fx-bounce-in.fibo-fx-on-active:active,
+.fibo-fx-bounce-in.fibo-fx-on-focus:focus,
+.fibo-fx-bounce-in.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-bounce-in.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-bounce-in.fibo-fx-on-group-hover,
+.group:active .fibo-fx-bounce-in.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-bounce-in.fibo-fx-on-group-focus-within { animation-name:fibo-fx-bounce-in;animation-duration:.5s;animation-timing-function:cubic-bezier(0.47,2.02,.31,-.36);animation-iteration-count:1; }
+
+.fibo-fx-bounce-out.fibo-fx-on-hover:hover,
+.fibo-fx-bounce-out.fibo-fx-on-active:active,
+.fibo-fx-bounce-out.fibo-fx-on-focus:focus,
+.fibo-fx-bounce-out.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-bounce-out.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-bounce-out.fibo-fx-on-group-hover,
+.group:active .fibo-fx-bounce-out.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-bounce-out.fibo-fx-on-group-focus-within { animation-name:fibo-fx-bounce-out;animation-duration:.5s;animation-timing-function:cubic-bezier(.47,-.36,.31,2.02);animation-iteration-count:1; }
+
+.fibo-fx-rotate { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-rotate.fibo-fx-on-hover:hover,
+.fibo-fx-rotate.fibo-fx-on-active:active,
+.fibo-fx-rotate.fibo-fx-on-focus:focus,
+.fibo-fx-rotate.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-rotate.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-rotate.fibo-fx-on-group-hover,
+.group:active .fibo-fx-rotate.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-rotate.fibo-fx-on-group-focus-within { transform:rotate(4deg); }
+
+.fibo-fx-grow-rotate { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-grow-rotate.fibo-fx-on-hover:hover,
+.fibo-fx-grow-rotate.fibo-fx-on-active:active,
+.fibo-fx-grow-rotate.fibo-fx-on-focus:focus,
+.fibo-fx-grow-rotate.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-grow-rotate.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-grow-rotate.fibo-fx-on-group-hover,
+.group:active .fibo-fx-grow-rotate.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-grow-rotate.fibo-fx-on-group-focus-within { transform:scale(1.1) rotate(4deg); }
+
+.fibo-fx-float { transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out; }
+.fibo-fx-float.fibo-fx-on-hover:hover,
+.fibo-fx-float.fibo-fx-on-active:active,
+.fibo-fx-float.fibo-fx-on-focus:focus,
+.fibo-fx-float.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-float.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-float.fibo-fx-on-group-hover,
+.group:active .fibo-fx-float.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-float.fibo-fx-on-group-focus-within { transform:translateY(-8px); }
+
+.fibo-fx-sink { transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out; }
+.fibo-fx-sink.fibo-fx-on-hover:hover,
+.fibo-fx-sink.fibo-fx-on-active:active,
+.fibo-fx-sink.fibo-fx-on-focus:focus,
+.fibo-fx-sink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-sink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-sink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-sink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-sink.fibo-fx-on-group-focus-within { transform:translateY(8px); }
+
+.fibo-fx-bob.fibo-fx-on-hover:hover,
+.fibo-fx-bob.fibo-fx-on-active:active,
+.fibo-fx-bob.fibo-fx-on-focus:focus,
+.fibo-fx-bob.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-bob.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-bob.fibo-fx-on-group-hover,
+.group:active .fibo-fx-bob.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-bob.fibo-fx-on-group-focus-within { animation-name:fibo-fx-bob;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
+
+.fibo-fx-hang.fibo-fx-on-hover:hover,
+.fibo-fx-hang.fibo-fx-on-active:active,
+.fibo-fx-hang.fibo-fx-on-focus:focus,
+.fibo-fx-hang.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-hang.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-hang.fibo-fx-on-group-hover,
+.group:active .fibo-fx-hang.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-hang.fibo-fx-on-group-focus-within { animation-name:fibo-fx-hang;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
+
+.fibo-fx-skew { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-skew.fibo-fx-on-hover:hover,
+.fibo-fx-skew.fibo-fx-on-active:active,
+.fibo-fx-skew.fibo-fx-on-focus:focus,
+.fibo-fx-skew.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-skew.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-skew.fibo-fx-on-group-hover,
+.group:active .fibo-fx-skew.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-skew.fibo-fx-on-group-focus-within { transform:skew(-10deg); }
+
+.fibo-fx-skew-forward { transition-duration:.3s;transition-property:transform;transform-origin:0 100%; }
+.fibo-fx-skew-forward.fibo-fx-on-hover:hover,
+.fibo-fx-skew-forward.fibo-fx-on-active:active,
+.fibo-fx-skew-forward.fibo-fx-on-focus:focus,
+.fibo-fx-skew-forward.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-skew-forward.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-skew-forward.fibo-fx-on-group-hover,
+.group:active .fibo-fx-skew-forward.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-skew-forward.fibo-fx-on-group-focus-within { transform:skew(-10deg); }
+
+.fibo-fx-skew-backward { transition-duration:.3s;transition-property:transform;transform-origin:100% 0; }
+.fibo-fx-skew-backward.fibo-fx-on-hover:hover,
+.fibo-fx-skew-backward.fibo-fx-on-active:active,
+.fibo-fx-skew-backward.fibo-fx-on-focus:focus,
+.fibo-fx-skew-backward.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-skew-backward.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-skew-backward.fibo-fx-on-group-hover,
+.group:active .fibo-fx-skew-backward.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-skew-backward.fibo-fx-on-group-focus-within { transform:skew(10deg); }
+
+.fibo-fx-wobble-horizontal.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-horizontal.fibo-fx-on-active:active,
+.fibo-fx-wobble-horizontal.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-horizontal.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-horizontal.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-horizontal.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-horizontal.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-horizontal.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-h;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-vertical.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-vertical.fibo-fx-on-active:active,
+.fibo-fx-wobble-vertical.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-vertical.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-vertical.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-vertical.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-vertical.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-vertical.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-v;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-to-bottom-right.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-to-bottom-right.fibo-fx-on-active:active,
+.fibo-fx-wobble-to-bottom-right.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-to-bottom-right.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-to-bottom-right.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-to-bottom-right.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-to-bottom-right.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-to-bottom-right.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-br;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-to-top-right.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-to-top-right.fibo-fx-on-active:active,
+.fibo-fx-wobble-to-top-right.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-to-top-right.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-to-top-right.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-to-top-right.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-to-top-right.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-to-top-right.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-tr;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-top { transform-origin:0 0; }
+.fibo-fx-wobble-top.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-top.fibo-fx-on-active:active,
+.fibo-fx-wobble-top.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-top.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-top.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-top.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-top.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-top.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-bottom { transform-origin:100% 100%; }
+.fibo-fx-wobble-bottom.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-bottom.fibo-fx-on-active:active,
+.fibo-fx-wobble-bottom.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-bottom.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-bottom.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-bottom.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-bottom.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-bottom.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-wobble-skew.fibo-fx-on-hover:hover,
+.fibo-fx-wobble-skew.fibo-fx-on-active:active,
+.fibo-fx-wobble-skew.fibo-fx-on-focus:focus,
+.fibo-fx-wobble-skew.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-wobble-skew.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-wobble-skew.fibo-fx-on-group-hover,
+.group:active .fibo-fx-wobble-skew.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-wobble-skew.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1; }
+
+.fibo-fx-buzz.fibo-fx-on-hover:hover,
+.fibo-fx-buzz.fibo-fx-on-active:active,
+.fibo-fx-buzz.fibo-fx-on-focus:focus,
+.fibo-fx-buzz.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-buzz.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-buzz.fibo-fx-on-group-hover,
+.group:active .fibo-fx-buzz.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-buzz.fibo-fx-on-group-focus-within { animation-name:fibo-fx-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite; }
+
+.fibo-fx-buzz-out.fibo-fx-on-hover:hover,
+.fibo-fx-buzz-out.fibo-fx-on-active:active,
+.fibo-fx-buzz-out.fibo-fx-on-focus:focus,
+.fibo-fx-buzz-out.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-buzz-out.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-buzz-out.fibo-fx-on-group-hover,
+.group:active .fibo-fx-buzz-out.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-buzz-out.fibo-fx-on-group-focus-within { animation-name:fibo-fx-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1; }
+
+.fibo-fx-forward { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-forward.fibo-fx-on-hover:hover,
+.fibo-fx-forward.fibo-fx-on-active:active,
+.fibo-fx-forward.fibo-fx-on-focus:focus,
+.fibo-fx-forward.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-forward.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-forward.fibo-fx-on-group-hover,
+.group:active .fibo-fx-forward.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-forward.fibo-fx-on-group-focus-within { transform:translateX(8px); }
+
+.fibo-fx-backward { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-backward.fibo-fx-on-hover:hover,
+.fibo-fx-backward.fibo-fx-on-active:active,
+.fibo-fx-backward.fibo-fx-on-focus:focus,
+.fibo-fx-backward.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-backward.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-backward.fibo-fx-on-group-hover,
+.group:active .fibo-fx-backward.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-backward.fibo-fx-on-group-focus-within { transform:translateX(-8px); }
+
+.fibo-fx-nudge { transition-duration:.2s;transition-property:transform;transition-timing-function:ease-out; }
+.fibo-fx-nudge.fibo-fx-on-hover:hover,
+.fibo-fx-nudge.fibo-fx-on-active:active,
+.fibo-fx-nudge.fibo-fx-on-focus:focus,
+.fibo-fx-nudge.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-nudge.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-nudge.fibo-fx-on-group-hover,
+.group:active .fibo-fx-nudge.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-nudge.fibo-fx-on-group-focus-within { transform:translateX(3px); }
+
+.fibo-fx-fade { transition-duration:.3s;transition-property:background-color,color,opacity; }
+.fibo-fx-fade.fibo-fx-on-hover:hover,
+.fibo-fx-fade.fibo-fx-on-active:active,
+.fibo-fx-fade.fibo-fx-on-focus:focus,
+.fibo-fx-fade.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-fade.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-fade.fibo-fx-on-group-hover,
+.group:active .fibo-fx-fade.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-fade.fibo-fx-on-group-focus-within { background-color:var(--fibo-fx-fill,rgba(127,127,127,.15)); }
+
+.fibo-fx-back-pulse.fibo-fx-on-hover:hover,
+.fibo-fx-back-pulse.fibo-fx-on-active:active,
+.fibo-fx-back-pulse.fibo-fx-on-focus:focus,
+.fibo-fx-back-pulse.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-back-pulse.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-back-pulse.fibo-fx-on-group-hover,
+.group:active .fibo-fx-back-pulse.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-back-pulse.fibo-fx-on-group-focus-within { animation-name:fibo-fx-back-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite; }
+
+.fibo-fx-sweep-to-right { transition-duration:.3s; }
+.fibo-fx-sweep-to-right::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0); transform-origin:0 50%; }
+.fibo-fx-sweep-to-right.fibo-fx-on-hover:hover::before,
+.fibo-fx-sweep-to-right.fibo-fx-on-active:active::before,
+.fibo-fx-sweep-to-right.fibo-fx-on-focus:focus::before,
+.fibo-fx-sweep-to-right.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-sweep-to-right.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-sweep-to-right.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-sweep-to-right.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-sweep-to-right.fibo-fx-on-group-focus-within::before { transform:scaleX(1); }
+
+.fibo-fx-sweep-to-left { transition-duration:.3s; }
+.fibo-fx-sweep-to-left::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0); transform-origin:100% 50%; }
+.fibo-fx-sweep-to-left.fibo-fx-on-hover:hover::before,
+.fibo-fx-sweep-to-left.fibo-fx-on-active:active::before,
+.fibo-fx-sweep-to-left.fibo-fx-on-focus:focus::before,
+.fibo-fx-sweep-to-left.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-sweep-to-left.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-sweep-to-left.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-sweep-to-left.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-sweep-to-left.fibo-fx-on-group-focus-within::before { transform:scaleX(1); }
+
+.fibo-fx-sweep-to-bottom { transition-duration:.3s; }
+.fibo-fx-sweep-to-bottom::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0); transform-origin:50% 0; }
+.fibo-fx-sweep-to-bottom.fibo-fx-on-hover:hover::before,
+.fibo-fx-sweep-to-bottom.fibo-fx-on-active:active::before,
+.fibo-fx-sweep-to-bottom.fibo-fx-on-focus:focus::before,
+.fibo-fx-sweep-to-bottom.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-sweep-to-bottom.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-sweep-to-bottom.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-sweep-to-bottom.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-sweep-to-bottom.fibo-fx-on-group-focus-within::before { transform:scaleY(1); }
+
+.fibo-fx-sweep-to-top { transition-duration:.3s; }
+.fibo-fx-sweep-to-top::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0); transform-origin:50% 100%; }
+.fibo-fx-sweep-to-top.fibo-fx-on-hover:hover::before,
+.fibo-fx-sweep-to-top.fibo-fx-on-active:active::before,
+.fibo-fx-sweep-to-top.fibo-fx-on-focus:focus::before,
+.fibo-fx-sweep-to-top.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-sweep-to-top.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-sweep-to-top.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-sweep-to-top.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-sweep-to-top.fibo-fx-on-group-focus-within::before { transform:scaleY(1); }
+
+.fibo-fx-bounce-to-right::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0); transform-origin:0 50%; transition-timing-function:cubic-bezier(.47,2.02,.31,-.36); }
+.fibo-fx-bounce-to-right.fibo-fx-on-hover:hover::before,
+.fibo-fx-bounce-to-right.fibo-fx-on-active:active::before,
+.fibo-fx-bounce-to-right.fibo-fx-on-focus:focus::before,
+.fibo-fx-bounce-to-right.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-bounce-to-right.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-bounce-to-right.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-bounce-to-right.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-bounce-to-right.fibo-fx-on-group-focus-within::before { transform:scaleX(1); }
+
+.fibo-fx-bounce-to-left::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0); transform-origin:100% 50%; transition-timing-function:cubic-bezier(.47,2.02,.31,-.36); }
+.fibo-fx-bounce-to-left.fibo-fx-on-hover:hover::before,
+.fibo-fx-bounce-to-left.fibo-fx-on-active:active::before,
+.fibo-fx-bounce-to-left.fibo-fx-on-focus:focus::before,
+.fibo-fx-bounce-to-left.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-bounce-to-left.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-bounce-to-left.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-bounce-to-left.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-bounce-to-left.fibo-fx-on-group-focus-within::before { transform:scaleX(1); }
+
+.fibo-fx-bounce-to-bottom::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0); transform-origin:50% 0; transition-timing-function:cubic-bezier(.47,2.02,.31,-.36); }
+.fibo-fx-bounce-to-bottom.fibo-fx-on-hover:hover::before,
+.fibo-fx-bounce-to-bottom.fibo-fx-on-active:active::before,
+.fibo-fx-bounce-to-bottom.fibo-fx-on-focus:focus::before,
+.fibo-fx-bounce-to-bottom.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-bounce-to-bottom.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-bounce-to-bottom.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-bounce-to-bottom.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-bounce-to-bottom.fibo-fx-on-group-focus-within::before { transform:scaleY(1); }
+
+.fibo-fx-bounce-to-top::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0); transform-origin:50% 100%; transition-timing-function:cubic-bezier(.47,2.02,.31,-.36); }
+.fibo-fx-bounce-to-top.fibo-fx-on-hover:hover::before,
+.fibo-fx-bounce-to-top.fibo-fx-on-active:active::before,
+.fibo-fx-bounce-to-top.fibo-fx-on-focus:focus::before,
+.fibo-fx-bounce-to-top.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-bounce-to-top.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-bounce-to-top.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-bounce-to-top.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-bounce-to-top.fibo-fx-on-group-focus-within::before { transform:scaleY(1); }
+
+.fibo-fx-radial-out::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; border-radius:100%; transform:scale(0); }
+.fibo-fx-radial-out.fibo-fx-on-hover:hover::before,
+.fibo-fx-radial-out.fibo-fx-on-active:active::before,
+.fibo-fx-radial-out.fibo-fx-on-focus:focus::before,
+.fibo-fx-radial-out.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-radial-out.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-radial-out.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-radial-out.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-radial-out.fibo-fx-on-group-focus-within::before { transform:scale(2); }
+
+.fibo-fx-radial-in::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; border-radius:100%; transform:scale(2); opacity:0; }
+.fibo-fx-radial-in.fibo-fx-on-hover:hover,
+.fibo-fx-radial-in.fibo-fx-on-active:active,
+.fibo-fx-radial-in.fibo-fx-on-focus:focus,
+.fibo-fx-radial-in.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-radial-in.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-radial-in.fibo-fx-on-group-hover,
+.group:active .fibo-fx-radial-in.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-radial-in.fibo-fx-on-group-focus-within { color:var(--fibo-fx-ink, inherit); }
+.fibo-fx-radial-in.fibo-fx-on-hover:hover::before,
+.fibo-fx-radial-in.fibo-fx-on-active:active::before,
+.fibo-fx-radial-in.fibo-fx-on-focus:focus::before,
+.fibo-fx-radial-in.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-radial-in.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-radial-in.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-radial-in.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-radial-in.fibo-fx-on-group-focus-within::before { transform:scale(0); opacity:1; }
+
+.fibo-fx-rectangle-in::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scale(1); }
+.fibo-fx-rectangle-in.fibo-fx-on-hover:hover::before,
+.fibo-fx-rectangle-in.fibo-fx-on-active:active::before,
+.fibo-fx-rectangle-in.fibo-fx-on-focus:focus::before,
+.fibo-fx-rectangle-in.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-rectangle-in.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-rectangle-in.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-rectangle-in.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-rectangle-in.fibo-fx-on-group-focus-within::before { transform:scale(0); }
+
+.fibo-fx-rectangle-out::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scale(0); }
+.fibo-fx-rectangle-out.fibo-fx-on-hover:hover::before,
+.fibo-fx-rectangle-out.fibo-fx-on-active:active::before,
+.fibo-fx-rectangle-out.fibo-fx-on-focus:focus::before,
+.fibo-fx-rectangle-out.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-rectangle-out.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-rectangle-out.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-rectangle-out.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-rectangle-out.fibo-fx-on-group-focus-within::before { transform:scale(1); }
+
+.fibo-fx-shutter-in-horizontal::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(1);transform-origin:100% 50%; }
+.fibo-fx-shutter-in-horizontal::after { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(1);transform-origin:0 50%;left:50%; }
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-hover:hover::before,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-active:active::before,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus:focus::before,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-focus-within::before { transform:scaleX(0); }
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-hover:hover::after,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-active:active::after,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus:focus::after,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-shutter-in-horizontal.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-shutter-in-horizontal.fibo-fx-on-group-focus-within::after { transform:scaleX(0); }
+
+.fibo-fx-shutter-out-horizontal::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0);transform-origin:100% 50%; }
+.fibo-fx-shutter-out-horizontal::after { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleX(0);transform-origin:0 50%;left:50%; }
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-hover:hover::before,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-active:active::before,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus:focus::before,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-focus-within::before { transform:scaleX(1); }
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-hover:hover::after,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-active:active::after,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus:focus::after,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-shutter-out-horizontal.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-shutter-out-horizontal.fibo-fx-on-group-focus-within::after { transform:scaleX(1); }
+
+.fibo-fx-shutter-in-vertical::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(1);transform-origin:50% 100%; }
+.fibo-fx-shutter-in-vertical::after { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(1);transform-origin:50% 0;top:50%; }
+.fibo-fx-shutter-in-vertical.fibo-fx-on-hover:hover::before,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-active:active::before,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus:focus::before,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-shutter-in-vertical.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-shutter-in-vertical.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-shutter-in-vertical.fibo-fx-on-group-focus-within::before { transform:scaleY(0); }
+.fibo-fx-shutter-in-vertical.fibo-fx-on-hover:hover::after,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-active:active::after,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus:focus::after,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-shutter-in-vertical.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-shutter-in-vertical.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-shutter-in-vertical.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-shutter-in-vertical.fibo-fx-on-group-focus-within::after { transform:scaleY(0); }
+
+.fibo-fx-shutter-out-vertical::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0);transform-origin:50% 100%; }
+.fibo-fx-shutter-out-vertical::after { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--fibo-fx-fill, currentColor); transition-property: transform, opacity, border-radius, box-shadow, top, right, bottom, left; transition-duration: 0.3s; transition-timing-function: ease-out; transform:scaleY(0);transform-origin:50% 0;top:50%; }
+.fibo-fx-shutter-out-vertical.fibo-fx-on-hover:hover::before,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-active:active::before,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus:focus::before,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-shutter-out-vertical.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-shutter-out-vertical.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-shutter-out-vertical.fibo-fx-on-group-focus-within::before { transform:scaleY(1); }
+.fibo-fx-shutter-out-vertical.fibo-fx-on-hover:hover::after,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-active:active::after,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus:focus::after,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-shutter-out-vertical.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-shutter-out-vertical.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-shutter-out-vertical.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-shutter-out-vertical.fibo-fx-on-group-focus-within::after { transform:scaleY(1); }
+
+.fibo-fx-icon-back { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-back.fibo-fx-on-hover:hover,
+.fibo-fx-icon-back.fibo-fx-on-active:active,
+.fibo-fx-icon-back.fibo-fx-on-focus:focus,
+.fibo-fx-icon-back.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-back.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-back.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-back.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-back.fibo-fx-on-group-focus-within { transform:translateX(-6px); }
+
+.fibo-fx-icon-forward { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-forward.fibo-fx-on-hover:hover,
+.fibo-fx-icon-forward.fibo-fx-on-active:active,
+.fibo-fx-icon-forward.fibo-fx-on-focus:focus,
+.fibo-fx-icon-forward.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-forward.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-forward.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-forward.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-forward.fibo-fx-on-group-focus-within { transform:translateX(6px); }
+
+.fibo-fx-icon-down { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-down.fibo-fx-on-hover:hover,
+.fibo-fx-icon-down.fibo-fx-on-active:active,
+.fibo-fx-icon-down.fibo-fx-on-focus:focus,
+.fibo-fx-icon-down.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-down.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-down.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-down.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-down.fibo-fx-on-group-focus-within { transform:translateY(6px); }
+
+.fibo-fx-icon-up { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-up.fibo-fx-on-hover:hover,
+.fibo-fx-icon-up.fibo-fx-on-active:active,
+.fibo-fx-icon-up.fibo-fx-on-focus:focus,
+.fibo-fx-icon-up.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-up.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-up.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-up.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-up.fibo-fx-on-group-focus-within { transform:translateY(-6px); }
+
+.fibo-fx-icon-grow { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-grow.fibo-fx-on-hover:hover,
+.fibo-fx-icon-grow.fibo-fx-on-active:active,
+.fibo-fx-icon-grow.fibo-fx-on-focus:focus,
+.fibo-fx-icon-grow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-grow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-grow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-grow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-grow.fibo-fx-on-group-focus-within { transform:scale(1.3); }
+
+.fibo-fx-icon-shrink { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-shrink.fibo-fx-on-hover:hover,
+.fibo-fx-icon-shrink.fibo-fx-on-active:active,
+.fibo-fx-icon-shrink.fibo-fx-on-focus:focus,
+.fibo-fx-icon-shrink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-shrink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-shrink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-shrink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-shrink.fibo-fx-on-group-focus-within { transform:scale(0.8); }
+
+.fibo-fx-icon-float { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-float.fibo-fx-on-hover:hover,
+.fibo-fx-icon-float.fibo-fx-on-active:active,
+.fibo-fx-icon-float.fibo-fx-on-focus:focus,
+.fibo-fx-icon-float.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-float.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-float.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-float.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-float.fibo-fx-on-group-focus-within { transform:translateY(-6px); }
+
+.fibo-fx-icon-sink { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-sink.fibo-fx-on-hover:hover,
+.fibo-fx-icon-sink.fibo-fx-on-active:active,
+.fibo-fx-icon-sink.fibo-fx-on-focus:focus,
+.fibo-fx-icon-sink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-sink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-sink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-sink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-sink.fibo-fx-on-group-focus-within { transform:translateY(6px); }
+
+.fibo-fx-icon-rotate { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-rotate.fibo-fx-on-hover:hover,
+.fibo-fx-icon-rotate.fibo-fx-on-active:active,
+.fibo-fx-icon-rotate.fibo-fx-on-focus:focus,
+.fibo-fx-icon-rotate.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-rotate.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-rotate.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-rotate.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-rotate.fibo-fx-on-group-focus-within { transform:rotate(90deg); }
+
+.fibo-fx-icon-grow-rotate { transition-duration:.3s;transition-property:transform; }
+.fibo-fx-icon-grow-rotate.fibo-fx-on-hover:hover,
+.fibo-fx-icon-grow-rotate.fibo-fx-on-active:active,
+.fibo-fx-icon-grow-rotate.fibo-fx-on-focus:focus,
+.fibo-fx-icon-grow-rotate.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-grow-rotate.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-grow-rotate.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-grow-rotate.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-grow-rotate.fibo-fx-on-group-focus-within { transform:scale(1.3) rotate(90deg); }
+
+.fibo-fx-icon-fade { transition-duration:.3s;transition-property:opacity; }
+.fibo-fx-icon-fade.fibo-fx-on-hover:hover,
+.fibo-fx-icon-fade.fibo-fx-on-active:active,
+.fibo-fx-icon-fade.fibo-fx-on-focus:focus,
+.fibo-fx-icon-fade.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-fade.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-fade.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-fade.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-fade.fibo-fx-on-group-focus-within { opacity:0; }
+
+.fibo-fx-icon-spin.fibo-fx-on-hover:hover,
+.fibo-fx-icon-spin.fibo-fx-on-active:active,
+.fibo-fx-icon-spin.fibo-fx-on-focus:focus,
+.fibo-fx-icon-spin.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-spin.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-spin.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-spin.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-spin.fibo-fx-on-group-focus-within { transition-duration:1s;transform:rotate(360deg); }
+
+.fibo-fx-icon-drop.fibo-fx-on-hover:hover,
+.fibo-fx-icon-drop.fibo-fx-on-active:active,
+.fibo-fx-icon-drop.fibo-fx-on-focus:focus,
+.fibo-fx-icon-drop.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-drop.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-drop.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-drop.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-drop.fibo-fx-on-group-focus-within { animation-name:fibo-fx-icon-drop;animation-duration:.5s;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards; }
+
+.fibo-fx-icon-float-away { transition-duration:.3s;transition-property:transform,opacity; }
+.fibo-fx-icon-float-away.fibo-fx-on-hover:hover,
+.fibo-fx-icon-float-away.fibo-fx-on-active:active,
+.fibo-fx-icon-float-away.fibo-fx-on-focus:focus,
+.fibo-fx-icon-float-away.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-float-away.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-float-away.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-float-away.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-float-away.fibo-fx-on-group-focus-within { transform:translateY(-12px);opacity:0; }
+
+.fibo-fx-icon-sink-away { transition-duration:.3s;transition-property:transform,opacity; }
+.fibo-fx-icon-sink-away.fibo-fx-on-hover:hover,
+.fibo-fx-icon-sink-away.fibo-fx-on-active:active,
+.fibo-fx-icon-sink-away.fibo-fx-on-focus:focus,
+.fibo-fx-icon-sink-away.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-sink-away.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-sink-away.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-sink-away.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-sink-away.fibo-fx-on-group-focus-within { transform:translateY(12px);opacity:0; }
+
+.fibo-fx-icon-pulse.fibo-fx-on-hover:hover,
+.fibo-fx-icon-pulse.fibo-fx-on-active:active,
+.fibo-fx-icon-pulse.fibo-fx-on-focus:focus,
+.fibo-fx-icon-pulse.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-pulse.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-pulse.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-pulse.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-pulse.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite; }
+
+.fibo-fx-icon-pulse-grow.fibo-fx-on-hover:hover,
+.fibo-fx-icon-pulse-grow.fibo-fx-on-active:active,
+.fibo-fx-icon-pulse-grow.fibo-fx-on-focus:focus,
+.fibo-fx-icon-pulse-grow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-pulse-grow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-pulse-grow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-pulse-grow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-pulse-grow.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate; }
+
+.fibo-fx-icon-pulse-shrink.fibo-fx-on-hover:hover,
+.fibo-fx-icon-pulse-shrink.fibo-fx-on-active:active,
+.fibo-fx-icon-pulse-shrink.fibo-fx-on-focus:focus,
+.fibo-fx-icon-pulse-shrink.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-pulse-shrink.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-pulse-shrink.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-pulse-shrink.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-pulse-shrink.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate; }
+
+.fibo-fx-icon-push.fibo-fx-on-hover:hover,
+.fibo-fx-icon-push.fibo-fx-on-active:active,
+.fibo-fx-icon-push.fibo-fx-on-focus:focus,
+.fibo-fx-icon-push.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-push.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-push.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-push.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-push.fibo-fx-on-group-focus-within { animation-name:fibo-fx-push;animation-duration:.3s;animation-iteration-count:1; }
+
+.fibo-fx-icon-pop.fibo-fx-on-hover:hover,
+.fibo-fx-icon-pop.fibo-fx-on-active:active,
+.fibo-fx-icon-pop.fibo-fx-on-focus:focus,
+.fibo-fx-icon-pop.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-pop.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-pop.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-pop.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-pop.fibo-fx-on-group-focus-within { animation-name:fibo-fx-pop;animation-duration:.3s;animation-iteration-count:1; }
+
+.fibo-fx-icon-bounce.fibo-fx-on-hover:hover,
+.fibo-fx-icon-bounce.fibo-fx-on-active:active,
+.fibo-fx-icon-bounce.fibo-fx-on-focus:focus,
+.fibo-fx-icon-bounce.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-bounce.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-bounce.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-bounce.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-bounce.fibo-fx-on-group-focus-within { animation-name:fibo-fx-bounce-in;animation-duration:.5s;animation-iteration-count:1; }
+
+.fibo-fx-icon-bob.fibo-fx-on-hover:hover,
+.fibo-fx-icon-bob.fibo-fx-on-active:active,
+.fibo-fx-icon-bob.fibo-fx-on-focus:focus,
+.fibo-fx-icon-bob.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-bob.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-bob.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-bob.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-bob.fibo-fx-on-group-focus-within { animation-name:fibo-fx-icon-bob;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
+
+.fibo-fx-icon-hang.fibo-fx-on-hover:hover,
+.fibo-fx-icon-hang.fibo-fx-on-active:active,
+.fibo-fx-icon-hang.fibo-fx-on-focus:focus,
+.fibo-fx-icon-hang.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-hang.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-hang.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-hang.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-hang.fibo-fx-on-group-focus-within { animation-name:fibo-fx-icon-hang;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
+
+.fibo-fx-icon-wobble-horizontal.fibo-fx-on-hover:hover,
+.fibo-fx-icon-wobble-horizontal.fibo-fx-on-active:active,
+.fibo-fx-icon-wobble-horizontal.fibo-fx-on-focus:focus,
+.fibo-fx-icon-wobble-horizontal.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-wobble-horizontal.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-wobble-horizontal.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-wobble-horizontal.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-wobble-horizontal.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-h;animation-duration:1s;animation-iteration-count:1; }
+
+.fibo-fx-icon-wobble-vertical.fibo-fx-on-hover:hover,
+.fibo-fx-icon-wobble-vertical.fibo-fx-on-active:active,
+.fibo-fx-icon-wobble-vertical.fibo-fx-on-focus:focus,
+.fibo-fx-icon-wobble-vertical.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-wobble-vertical.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-wobble-vertical.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-wobble-vertical.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-wobble-vertical.fibo-fx-on-group-focus-within { animation-name:fibo-fx-wobble-v;animation-duration:1s;animation-iteration-count:1; }
+
+.fibo-fx-icon-buzz.fibo-fx-on-hover:hover,
+.fibo-fx-icon-buzz.fibo-fx-on-active:active,
+.fibo-fx-icon-buzz.fibo-fx-on-focus:focus,
+.fibo-fx-icon-buzz.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-buzz.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-buzz.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-buzz.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-buzz.fibo-fx-on-group-focus-within { animation-name:fibo-fx-icon-buzz;animation-duration:.15s;animation-iteration-count:infinite; }
+
+.fibo-fx-icon-buzz-out.fibo-fx-on-hover:hover,
+.fibo-fx-icon-buzz-out.fibo-fx-on-active:active,
+.fibo-fx-icon-buzz-out.fibo-fx-on-focus:focus,
+.fibo-fx-icon-buzz-out.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-icon-buzz-out.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-icon-buzz-out.fibo-fx-on-group-hover,
+.group:active .fibo-fx-icon-buzz-out.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-icon-buzz-out.fibo-fx-on-group-focus-within { animation-name:fibo-fx-buzz-out;animation-duration:.75s;animation-iteration-count:1; }
+
+.fibo-fx-border-fade { transition-duration:.3s;transition-property:box-shadow;box-shadow:inset 0 0 0 4px var(--fibo-fx-fill,currentColor); }
+.fibo-fx-border-fade.fibo-fx-on-hover:hover,
+.fibo-fx-border-fade.fibo-fx-on-active:active,
+.fibo-fx-border-fade.fibo-fx-on-focus:focus,
+.fibo-fx-border-fade.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-border-fade.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-border-fade.fibo-fx-on-group-hover,
+.group:active .fibo-fx-border-fade.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-border-fade.fibo-fx-on-group-focus-within { box-shadow:inset 0 0 0 4px transparent; }
+
+.fibo-fx-hollow { transition-duration:.3s;transition-property:background,box-shadow;box-shadow:inset 0 0 0 4px var(--fibo-fx-fill,currentColor); }
+.fibo-fx-hollow.fibo-fx-on-hover:hover,
+.fibo-fx-hollow.fibo-fx-on-active:active,
+.fibo-fx-hollow.fibo-fx-on-focus:focus,
+.fibo-fx-hollow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-hollow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-hollow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-hollow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-hollow.fibo-fx-on-group-focus-within { background:transparent;box-shadow:inset 0 0 0 4px var(--fibo-fx-fill,currentColor); }
+
+.fibo-fx-trim { position:relative; }
+.fibo-fx-trim::before { content:"";position:absolute;inset:4px;border:2px solid transparent;transition-duration:.3s; }
+.fibo-fx-trim.fibo-fx-on-hover:hover::before,
+.fibo-fx-trim.fibo-fx-on-active:active::before,
+.fibo-fx-trim.fibo-fx-on-focus:focus::before,
+.fibo-fx-trim.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-trim.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-trim.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-trim.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-trim.fibo-fx-on-group-focus-within::before { border-color:var(--fibo-fx-fill,currentColor); }
+
+.fibo-fx-ripple-out { position:relative; }
+.fibo-fx-ripple-out::before { content:"";position:absolute;border:var(--fibo-fx-fill,currentColor) solid 4px;top:0;right:0;bottom:0;left:0;opacity:1; }
+.fibo-fx-ripple-out.fibo-fx-on-hover:hover::before,
+.fibo-fx-ripple-out.fibo-fx-on-active:active::before,
+.fibo-fx-ripple-out.fibo-fx-on-focus:focus::before,
+.fibo-fx-ripple-out.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-ripple-out.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-ripple-out.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-ripple-out.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-ripple-out.fibo-fx-on-group-focus-within::before { animation-name:fibo-fx-ripple-out;animation-duration:1s;animation-iteration-count:1; }
+
+.fibo-fx-ripple-in { position:relative; }
+.fibo-fx-ripple-in::before { content:"";position:absolute;border:var(--fibo-fx-fill,currentColor) solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0; }
+.fibo-fx-ripple-in.fibo-fx-on-hover:hover::before,
+.fibo-fx-ripple-in.fibo-fx-on-active:active::before,
+.fibo-fx-ripple-in.fibo-fx-on-focus:focus::before,
+.fibo-fx-ripple-in.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-ripple-in.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-ripple-in.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-ripple-in.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-ripple-in.fibo-fx-on-group-focus-within::before { animation-name:fibo-fx-ripple-in;animation-duration:1s;animation-iteration-count:1; }
+
+.fibo-fx-outline-out { position:relative; }
+.fibo-fx-outline-out::before { content:"";position:absolute;inset:0;border:2px solid transparent;transition-duration:.3s; }
+.fibo-fx-outline-out.fibo-fx-on-hover:hover::before,
+.fibo-fx-outline-out.fibo-fx-on-active:active::before,
+.fibo-fx-outline-out.fibo-fx-on-focus:focus::before,
+.fibo-fx-outline-out.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-outline-out.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-outline-out.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-outline-out.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-outline-out.fibo-fx-on-group-focus-within::before { inset:-8px;border-color:var(--fibo-fx-fill,currentColor); }
+
+.fibo-fx-outline-in { position:relative; }
+.fibo-fx-outline-in::before { content:"";position:absolute;inset:-8px;border:2px solid transparent;transition-duration:.3s; }
+.fibo-fx-outline-in.fibo-fx-on-hover:hover::before,
+.fibo-fx-outline-in.fibo-fx-on-active:active::before,
+.fibo-fx-outline-in.fibo-fx-on-focus:focus::before,
+.fibo-fx-outline-in.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-outline-in.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-outline-in.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-outline-in.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-outline-in.fibo-fx-on-group-focus-within::before { inset:0;border-color:var(--fibo-fx-fill,currentColor); }
+
+.fibo-fx-round-corners { transition-duration:.3s;transition-property:border-radius; }
+.fibo-fx-round-corners.fibo-fx-on-hover:hover,
+.fibo-fx-round-corners.fibo-fx-on-active:active,
+.fibo-fx-round-corners.fibo-fx-on-focus:focus,
+.fibo-fx-round-corners.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-round-corners.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-round-corners.fibo-fx-on-group-hover,
+.group:active .fibo-fx-round-corners.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-round-corners.fibo-fx-on-group-focus-within { border-radius:1em; }
+
+.fibo-fx-underline-from-left { position:relative; }
+.fibo-fx-underline-from-left::before { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;top:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:0 50%;transition-duration:.3s; }
+.fibo-fx-underline-from-left.fibo-fx-on-hover:hover::before,
+.fibo-fx-underline-from-left.fibo-fx-on-active:active::before,
+.fibo-fx-underline-from-left.fibo-fx-on-focus:focus::before,
+.fibo-fx-underline-from-left.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-underline-from-left.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-underline-from-left.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-underline-from-left.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-underline-from-left.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-underline-from-center { position:relative; }
+.fibo-fx-underline-from-center::before { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;top:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:50% 50%;transition-duration:.3s; }
+.fibo-fx-underline-from-center.fibo-fx-on-hover:hover::before,
+.fibo-fx-underline-from-center.fibo-fx-on-active:active::before,
+.fibo-fx-underline-from-center.fibo-fx-on-focus:focus::before,
+.fibo-fx-underline-from-center.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-underline-from-center.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-underline-from-center.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-underline-from-center.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-underline-from-center.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-underline-from-right { position:relative; }
+.fibo-fx-underline-from-right::before { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;top:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:100% 50%;transition-duration:.3s; }
+.fibo-fx-underline-from-right.fibo-fx-on-hover:hover::before,
+.fibo-fx-underline-from-right.fibo-fx-on-active:active::before,
+.fibo-fx-underline-from-right.fibo-fx-on-focus:focus::before,
+.fibo-fx-underline-from-right.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-underline-from-right.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-underline-from-right.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-underline-from-right.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-underline-from-right.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-overline-from-left { position:relative; }
+.fibo-fx-overline-from-left::before { content:"";position:absolute;left:0;right:0;top:0;height:2px;bottom:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:0 50%;transition-duration:.3s; }
+.fibo-fx-overline-from-left.fibo-fx-on-hover:hover::before,
+.fibo-fx-overline-from-left.fibo-fx-on-active:active::before,
+.fibo-fx-overline-from-left.fibo-fx-on-focus:focus::before,
+.fibo-fx-overline-from-left.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-overline-from-left.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-overline-from-left.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-overline-from-left.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-overline-from-left.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-overline-from-center { position:relative; }
+.fibo-fx-overline-from-center::before { content:"";position:absolute;left:0;right:0;top:0;height:2px;bottom:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:50% 50%;transition-duration:.3s; }
+.fibo-fx-overline-from-center.fibo-fx-on-hover:hover::before,
+.fibo-fx-overline-from-center.fibo-fx-on-active:active::before,
+.fibo-fx-overline-from-center.fibo-fx-on-focus:focus::before,
+.fibo-fx-overline-from-center.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-overline-from-center.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-overline-from-center.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-overline-from-center.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-overline-from-center.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-overline-from-right { position:relative; }
+.fibo-fx-overline-from-right::before { content:"";position:absolute;left:0;right:0;top:0;height:2px;bottom:auto;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:100% 50%;transition-duration:.3s; }
+.fibo-fx-overline-from-right.fibo-fx-on-hover:hover::before,
+.fibo-fx-overline-from-right.fibo-fx-on-active:active::before,
+.fibo-fx-overline-from-right.fibo-fx-on-focus:focus::before,
+.fibo-fx-overline-from-right.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-overline-from-right.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-overline-from-right.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-overline-from-right.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-overline-from-right.fibo-fx-on-group-focus-within::before { transform:scaleX(1) scaleY(1); }
+
+.fibo-fx-reveal { position:relative; }
+.fibo-fx-reveal::before { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:100% 50%;transition-duration:.3s; }
+.fibo-fx-reveal.fibo-fx-on-hover:hover::before,
+.fibo-fx-reveal.fibo-fx-on-active:active::before,
+.fibo-fx-reveal.fibo-fx-on-focus:focus::before,
+.fibo-fx-reveal.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-reveal.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-reveal.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-reveal.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-reveal.fibo-fx-on-group-focus-within::before { transform:scaleX(1);transform-origin:0 50%; }
+
+.fibo-fx-underline-reveal { position:relative; }
+.fibo-fx-underline-reveal::before { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:100% 50%;transition-duration:.3s; }
+.fibo-fx-underline-reveal.fibo-fx-on-hover:hover::before,
+.fibo-fx-underline-reveal.fibo-fx-on-active:active::before,
+.fibo-fx-underline-reveal.fibo-fx-on-focus:focus::before,
+.fibo-fx-underline-reveal.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-underline-reveal.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-underline-reveal.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-underline-reveal.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-underline-reveal.fibo-fx-on-group-focus-within::before { transform:scaleX(1);transform-origin:0 50%; }
+
+.fibo-fx-overline-reveal { position:relative; }
+.fibo-fx-overline-reveal::before { content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--fibo-fx-fill,currentColor);transform:scaleX(0);transform-origin:100% 50%;transition-duration:.3s; }
+.fibo-fx-overline-reveal.fibo-fx-on-hover:hover::before,
+.fibo-fx-overline-reveal.fibo-fx-on-active:active::before,
+.fibo-fx-overline-reveal.fibo-fx-on-focus:focus::before,
+.fibo-fx-overline-reveal.fibo-fx-on-focus-visible:focus-visible::before,
+.fibo-fx-overline-reveal.fibo-fx-on-focus-within:focus-within::before,
+.group:hover .fibo-fx-overline-reveal.fibo-fx-on-group-hover::before,
+.group:active .fibo-fx-overline-reveal.fibo-fx-on-group-active::before,
+.group:focus-within .fibo-fx-overline-reveal.fibo-fx-on-group-focus-within::before { transform:scaleX(1);transform-origin:0 50%; }
+
+.fibo-fx-shadow-grow { transition-duration:.3s;transition-property:box-shadow; }
+.fibo-fx-shadow-grow.fibo-fx-on-hover:hover,
+.fibo-fx-shadow-grow.fibo-fx-on-active:active,
+.fibo-fx-shadow-grow.fibo-fx-on-focus:focus,
+.fibo-fx-shadow-grow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-shadow-grow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-shadow-grow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-shadow-grow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-shadow-grow.fibo-fx-on-group-focus-within { box-shadow:0 10px 10px -10px rgba(0,0,0,.5); }
+
+.fibo-fx-shadow-float { transition-duration:.3s;transition-property:transform,box-shadow; }
+.fibo-fx-shadow-float.fibo-fx-on-hover:hover,
+.fibo-fx-shadow-float.fibo-fx-on-active:active,
+.fibo-fx-shadow-float.fibo-fx-on-focus:focus,
+.fibo-fx-shadow-float.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-shadow-float.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-shadow-float.fibo-fx-on-group-hover,
+.group:active .fibo-fx-shadow-float.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-shadow-float.fibo-fx-on-group-focus-within { transform:translateY(-6px);box-shadow:0 12px 16px -8px rgba(0,0,0,.4); }
+
+.fibo-fx-shadow-glow { transition-duration:.3s;transition-property:box-shadow; }
+.fibo-fx-shadow-glow.fibo-fx-on-hover:hover,
+.fibo-fx-shadow-glow.fibo-fx-on-active:active,
+.fibo-fx-shadow-glow.fibo-fx-on-focus:focus,
+.fibo-fx-shadow-glow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-shadow-glow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-shadow-glow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-shadow-glow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-shadow-glow.fibo-fx-on-group-focus-within { box-shadow:0 0 12px 4px rgba(255,255,255,.25); }
+
+.fibo-fx-shadow-radial { position:relative; }
+.fibo-fx-shadow-radial::after { content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;opacity:0;box-shadow:0 0 0 12px transparent;transition-duration:.3s; }
+.fibo-fx-shadow-radial.fibo-fx-on-hover:hover::after,
+.fibo-fx-shadow-radial.fibo-fx-on-active:active::after,
+.fibo-fx-shadow-radial.fibo-fx-on-focus:focus::after,
+.fibo-fx-shadow-radial.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-shadow-radial.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-shadow-radial.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-shadow-radial.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-shadow-radial.fibo-fx-on-group-focus-within::after { opacity:1;box-shadow:0 0 0 12px rgba(127,127,127,.15); }
+
+.fibo-fx-box-shadow-outset { transition-duration:.3s;transition-property:box-shadow; }
+.fibo-fx-box-shadow-outset.fibo-fx-on-hover:hover,
+.fibo-fx-box-shadow-outset.fibo-fx-on-active:active,
+.fibo-fx-box-shadow-outset.fibo-fx-on-focus:focus,
+.fibo-fx-box-shadow-outset.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-box-shadow-outset.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-box-shadow-outset.fibo-fx-on-group-hover,
+.group:active .fibo-fx-box-shadow-outset.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-box-shadow-outset.fibo-fx-on-group-focus-within { box-shadow:2px 2px 4px rgba(0,0,0,.4); }
+
+.fibo-fx-box-shadow-inset { transition-duration:.3s;transition-property:box-shadow; }
+.fibo-fx-box-shadow-inset.fibo-fx-on-hover:hover,
+.fibo-fx-box-shadow-inset.fibo-fx-on-active:active,
+.fibo-fx-box-shadow-inset.fibo-fx-on-focus:focus,
+.fibo-fx-box-shadow-inset.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-box-shadow-inset.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-box-shadow-inset.fibo-fx-on-group-hover,
+.group:active .fibo-fx-box-shadow-inset.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-box-shadow-inset.fibo-fx-on-group-focus-within { box-shadow:inset 2px 2px 4px rgba(0,0,0,.4); }
+
+.fibo-fx-lift { transition-duration:.25s;transition-property:transform,box-shadow;transition-timing-function:ease-out; }
+.fibo-fx-lift.fibo-fx-on-hover:hover,
+.fibo-fx-lift.fibo-fx-on-active:active,
+.fibo-fx-lift.fibo-fx-on-focus:focus,
+.fibo-fx-lift.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-lift.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-lift.fibo-fx-on-group-hover,
+.group:active .fibo-fx-lift.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-lift.fibo-fx-on-group-focus-within { transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.18); }
+
+.fibo-fx-glow { transition-duration:.25s;transition-property:box-shadow; }
+.fibo-fx-glow.fibo-fx-on-hover:hover,
+.fibo-fx-glow.fibo-fx-on-active:active,
+.fibo-fx-glow.fibo-fx-on-focus:focus,
+.fibo-fx-glow.fibo-fx-on-focus-visible:focus-visible,
+.fibo-fx-glow.fibo-fx-on-focus-within:focus-within,
+.group:hover .fibo-fx-glow.fibo-fx-on-group-hover,
+.group:active .fibo-fx-glow.fibo-fx-on-group-active,
+.group:focus-within .fibo-fx-glow.fibo-fx-on-group-focus-within { box-shadow:0 0 0 3px rgba(255,255,255,.16); }
+
+.fibo-fx-bubble-top { position:relative; }
+.fibo-fx-bubble-top::after { content:attr(data-fibo-bubble);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-top.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-top.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-top.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-top.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-top.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-top.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-top.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-top.fibo-fx-on-group-focus-within::after { opacity:1; }
+
+.fibo-fx-bubble-right { position:relative; }
+.fibo-fx-bubble-right::after { content:attr(data-fibo-bubble);position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(8px);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-right.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-right.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-right.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-right.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-right.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-right.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-right.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-right.fibo-fx-on-group-focus-within::after { opacity:1; }
+
+.fibo-fx-bubble-bottom { position:relative; }
+.fibo-fx-bubble-bottom::after { content:attr(data-fibo-bubble);position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-bottom.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-bottom.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-bottom.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-bottom.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-bottom.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-bottom.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-bottom.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-bottom.fibo-fx-on-group-focus-within::after { opacity:1; }
+
+.fibo-fx-bubble-left { position:relative; }
+.fibo-fx-bubble-left::after { content:attr(data-fibo-bubble);position:absolute;right:100%;top:50%;transform:translateY(-50%) translateX(-8px);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-left.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-left.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-left.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-left.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-left.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-left.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-left.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-left.fibo-fx-on-group-focus-within::after { opacity:1; }
+
+.fibo-fx-bubble-float-top { position:relative; }
+.fibo-fx-bubble-float-top::after { content:attr(data-fibo-bubble);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(0);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-float-top.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-float-top.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-float-top.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-float-top.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-float-top.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-float-top.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-float-top.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-float-top.fibo-fx-on-group-focus-within::after { opacity:1;transform:translateX(-50%) translateY(-10px); }
+
+.fibo-fx-bubble-float-right { position:relative; }
+.fibo-fx-bubble-float-right::after { content:attr(data-fibo-bubble);position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(0);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-float-right.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-float-right.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-float-right.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-float-right.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-float-right.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-float-right.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-float-right.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-float-right.fibo-fx-on-group-focus-within::after { opacity:1;transform:translateY(-50%) translateX(10px); }
+
+.fibo-fx-bubble-float-bottom { position:relative; }
+.fibo-fx-bubble-float-bottom::after { content:attr(data-fibo-bubble);position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(0);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-float-bottom.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-float-bottom.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-float-bottom.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-float-bottom.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-float-bottom.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-float-bottom.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-float-bottom.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-float-bottom.fibo-fx-on-group-focus-within::after { opacity:1;transform:translateX(-50%) translateY(10px); }
+
+.fibo-fx-bubble-float-left { position:relative; }
+.fibo-fx-bubble-float-left::after { content:attr(data-fibo-bubble);position:absolute;right:100%;top:50%;transform:translateY(-50%) translateX(0);padding:0.5em 1em;background:var(--fibo-fx-fill,#333);color:var(--fibo-fx-ink,#fff);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition-duration:.3s;font-size:12px;z-index:2; }
+.fibo-fx-bubble-float-left.fibo-fx-on-hover:hover::after,
+.fibo-fx-bubble-float-left.fibo-fx-on-active:active::after,
+.fibo-fx-bubble-float-left.fibo-fx-on-focus:focus::after,
+.fibo-fx-bubble-float-left.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-bubble-float-left.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-bubble-float-left.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-bubble-float-left.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-bubble-float-left.fibo-fx-on-group-focus-within::after { opacity:1;transform:translateY(-50%) translateX(-10px); }
+
+.fibo-fx-curl-top-left { position:relative;transform-style:preserve-3d; }
+.fibo-fx-curl-top-left::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.08) 50%);transform-origin:0 0;transition-duration:.3s;pointer-events:none;box-shadow:0 0 0 transparent; }
+.fibo-fx-curl-top-left.fibo-fx-on-hover:hover::after,
+.fibo-fx-curl-top-left.fibo-fx-on-active:active::after,
+.fibo-fx-curl-top-left.fibo-fx-on-focus:focus::after,
+.fibo-fx-curl-top-left.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-curl-top-left.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-curl-top-left.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-curl-top-left.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-curl-top-left.fibo-fx-on-group-focus-within::after { transform:rotateX(20deg);box-shadow:-2px -2px 4px rgba(0,0,0,.15); }
+
+.fibo-fx-curl-top-right { position:relative;transform-style:preserve-3d; }
+.fibo-fx-curl-top-right::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.08) 50%);transform-origin:100% 0;transition-duration:.3s;pointer-events:none;box-shadow:0 0 0 transparent; }
+.fibo-fx-curl-top-right.fibo-fx-on-hover:hover::after,
+.fibo-fx-curl-top-right.fibo-fx-on-active:active::after,
+.fibo-fx-curl-top-right.fibo-fx-on-focus:focus::after,
+.fibo-fx-curl-top-right.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-curl-top-right.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-curl-top-right.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-curl-top-right.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-curl-top-right.fibo-fx-on-group-focus-within::after { transform:rotateY(-20deg);box-shadow:-2px -2px 4px rgba(0,0,0,.15); }
+
+.fibo-fx-curl-bottom-right { position:relative;transform-style:preserve-3d; }
+.fibo-fx-curl-bottom-right::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.08) 50%);transform-origin:100% 100%;transition-duration:.3s;pointer-events:none;box-shadow:0 0 0 transparent; }
+.fibo-fx-curl-bottom-right.fibo-fx-on-hover:hover::after,
+.fibo-fx-curl-bottom-right.fibo-fx-on-active:active::after,
+.fibo-fx-curl-bottom-right.fibo-fx-on-focus:focus::after,
+.fibo-fx-curl-bottom-right.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-curl-bottom-right.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-curl-bottom-right.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-curl-bottom-right.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-curl-bottom-right.fibo-fx-on-group-focus-within::after { transform:rotateX(-20deg);box-shadow:-2px -2px 4px rgba(0,0,0,.15); }
+
+.fibo-fx-curl-bottom-left { position:relative;transform-style:preserve-3d; }
+.fibo-fx-curl-bottom-left::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.08) 50%);transform-origin:0 100%;transition-duration:.3s;pointer-events:none;box-shadow:0 0 0 transparent; }
+.fibo-fx-curl-bottom-left.fibo-fx-on-hover:hover::after,
+.fibo-fx-curl-bottom-left.fibo-fx-on-active:active::after,
+.fibo-fx-curl-bottom-left.fibo-fx-on-focus:focus::after,
+.fibo-fx-curl-bottom-left.fibo-fx-on-focus-visible:focus-visible::after,
+.fibo-fx-curl-bottom-left.fibo-fx-on-focus-within:focus-within::after,
+.group:hover .fibo-fx-curl-bottom-left.fibo-fx-on-group-hover::after,
+.group:active .fibo-fx-curl-bottom-left.fibo-fx-on-group-active::after,
+.group:focus-within .fibo-fx-curl-bottom-left.fibo-fx-on-group-focus-within::after { transform:rotateY(20deg);box-shadow:-2px -2px 4px rgba(0,0,0,.15); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fibo-fx:not(.fibo-motion-force) {
+    animation: none !important;
+  }
+  .fibo-fx:not(.fibo-motion-force)::before,
+  .fibo-fx:not(.fibo-motion-force)::after {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+`.trim();
+let J = !1;
+function pi() {
+  if (J) return;
+  J = !0;
+  const t = C.getInstance();
+  t.ensureDefaults(), t.injectExtra(xi, "fibo-interaction-fx");
+}
+class v {
+  constructor(o, i, e = !1) {
+    a(this, "pseudoState");
+    a(this, "parentBuilder");
+    a(this, "isGroup");
+    a(this, "transitionDuration", 200);
+    a(this, "transitionEasing", "ease-in-out");
+    a(this, "transitionDelay", 0);
+    a(this, "transitionProperties", ["all"]);
+    a(this, "transforms", /* @__PURE__ */ new Map());
+    this.pseudoState = o, this.parentBuilder = i, this.isGroup = e;
+  }
+  /**
+   * Apply a named interaction effect (full Hover.css–inspired catalog).
+   * Works on any pseudo trigger — hover, press/active, focus, groupHover, etc.
+   * Stamps CSS classes; sheet is fiboui-owned (not a Hover.css vendor).
+   */
+  effect(o) {
+    const i = ui(o);
+    return pi(), this.parentBuilder.addClassName("fibo-fx"), this.parentBuilder.addClassName(hi(i)), this.parentBuilder.addClassName(
+      li(this.pseudoState, this.isGroup)
+    ), this.parentBuilder.ensureEffectTransition([
+      "transform",
+      "opacity",
+      "box-shadow",
+      "background-color",
+      "border-color",
+      "color",
+      "border-radius"
+    ]), this;
+  }
+  bg(o) {
+    return this.set("background-color", o);
+  }
+  color(o) {
+    return this.set("color", o);
+  }
+  text(o) {
+    return this.color(o);
+  }
+  opacity(o) {
+    return this.set("opacity", String(o));
+  }
+  borderColor(o) {
+    return this.set("border-color", o);
+  }
+  transform(o) {
+    return this.transforms.set("raw", o), this.flushTransform();
+  }
+  scale(o) {
+    return this.transforms.set("scale", `scale(${o})`), this.flushTransform();
+  }
+  translateX(o) {
+    const i = typeof o == "number" ? `${o}px` : o;
+    return this.transforms.set("translateX", `translateX(${i})`), this.flushTransform();
+  }
+  translateY(o) {
+    const i = typeof o == "number" ? `${o}px` : o;
+    return this.transforms.set("translateY", `translateY(${i})`), this.flushTransform();
+  }
+  rotate(o) {
+    return this.transforms.set("rotate", `rotate(${o}deg)`), this.flushTransform();
+  }
+  shadow(o) {
+    return this.set("box-shadow", o);
+  }
+  css(o, i) {
+    return this.set(o, i);
+  }
+  transition(o, i, e, r) {
+    if (typeof o == "string" && i === void 0)
+      return this.set("transition", o);
+    const f = Array.isArray(o) ? o.join(", ") : o, n = `${i || this.transitionDuration}ms`, s = $(e || this.transitionEasing), c = r ? `${r}ms` : "0ms";
+    return this.set("transition", `${f} ${n} ${s} ${c}`);
+  }
+  duration(o) {
+    return this.transitionDuration = o, this.applyTransition(), this;
+  }
+  easing(o) {
+    return this.transitionEasing = $(o), this.applyTransition(), this;
+  }
+  ease(o) {
+    return this.easing(o);
+  }
+  delay(o) {
+    return this.transitionDelay = o, this.applyTransition(), this;
+  }
+  properties(o) {
+    return this.transitionProperties = o, this.applyTransition(), this;
+  }
+  applyTransition() {
+    const o = this.transitionProperties.join(", "), i = `${this.transitionDuration}ms`, e = this.transitionEasing, r = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms";
+    this.set("transition", `${o} ${i} ${e} ${r}`);
+  }
+  flushTransform() {
+    return this.set("transform", [...this.transforms.values()].join(" "));
+  }
+  set(o, i) {
+    const e = u.registerPseudo(this.pseudoState, o, i, this.isGroup);
+    return this.parentBuilder.addClassName(e), this;
+  }
+  end() {
+    return this.parentBuilder;
+  }
+}
+function Ai(t, o) {
+  if (typeof document > "u") return;
+  const i = typeof t == "string" ? t : null, e = (i == null ? void 0 : i.replace(/^#/, "")) ?? null;
+  o != null && o.hash && e && typeof window < "u" && (window.location.hash = e);
+  const r = typeof t == "string" ? document.getElementById(t.replace(/^#/, "")) ?? document.querySelector(t.startsWith("#") ? t : `#${t}`) ?? document.querySelector(t) : t;
+  r && r.scrollIntoView({
+    behavior: (o == null ? void 0 : o.behavior) ?? "smooth",
+    block: (o == null ? void 0 : o.block) ?? "start"
+  });
+}
+function ji(t) {
+  const o = typeof document < "u" ? document : void 0, i = o == null ? void 0 : o.startViewTransition;
+  if (typeof i == "function") {
+    i.call(o, t);
+    return;
+  }
+  t();
+}
+function gi() {
+  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "view()");
+}
+function di() {
+  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "scroll()");
+}
+function mi({
+  preset: t = "fadeUp",
+  once: o = !0,
+  rootMargin: i = "0px 0px -8% 0px",
+  threshold: e = 0.12,
+  forceMotion: r = !1,
+  preferTimeline: f = !1,
+  children: n
+}) {
+  const s = _(null);
+  M(() => {
+    w();
+    const h = s.current;
+    if (!h) return;
+    if (f && gi()) {
+      h.classList.add("fibo-inview");
+      return;
+    }
+    if (typeof IntersectionObserver > "u") {
+      h.classList.add("fibo-inview");
+      return;
+    }
+    const b = new IntersectionObserver(
+      (l) => {
+        for (const x of l)
+          x.isIntersecting ? (x.target.classList.add("fibo-inview"), o && b.unobserve(x.target)) : o || x.target.classList.remove("fibo-inview");
+      },
+      { rootMargin: i, threshold: e }
+    );
+    return b.observe(h), () => b.disconnect();
+  }, [o, i, e, f]);
+  const c = [
+    "fibo-reveal",
+    `fibo-reveal-${t}`,
+    // min-w-0 only — do NOT force w-full (breaks horizontal ScrollView / carousel slides)
+    "min-w-0",
+    r ? "fibo-motion-force" : ""
+  ].filter(Boolean).join(" ");
+  return g.createElement("div", { ref: s, className: c, "data-fibo-reveal": t }, n);
+}
+function vi({ children: t }) {
+  const o = _(null);
+  return M(() => {
+    if (w(), di()) return;
+    const i = () => {
+      var f, n;
+      return ((f = o.current) == null ? void 0 : f.querySelector(".fibo-scroll-progress")) ?? ((n = o.current) == null ? void 0 : n.firstElementChild);
+    }, e = () => {
+      const r = i();
+      if (!r) return;
+      const f = document.documentElement.scrollHeight - window.innerHeight, n = f > 0 ? Math.min(1, Math.max(0, window.scrollY / f)) : 0;
+      r.style.setProperty("--fibo-progress", String(n));
+    };
+    return e(), window.addEventListener("scroll", e, { passive: !0 }), window.addEventListener("resize", e), () => {
+      window.removeEventListener("scroll", e), window.removeEventListener("resize", e);
+    };
+  }, []), g.createElement(
+    "div",
+    { ref: o, "data-fibo-scroll-progress": "1", style: { display: "contents" } },
+    t
+  );
+}
+const xo = 64, wi = `${xo}px`;
+class Vi {
+  constructor() {
+    /** @internal Extra DOM props forwarded to the host element. */
+    a(this, "_props", {});
+    a(this, "_style", {});
+    a(this, "_cssStyles", {});
+    a(this, "_classNames", []);
+    a(this, "_children", []);
+    /** Resolved theme for this subtree (SwiftUI Environment / Flutter Theme). */
+    a(this, "_theme");
+    a(this, "_state", /* @__PURE__ */ new Map());
+    a(this, "_providers", /* @__PURE__ */ new Map());
+    a(this, "_observers", /* @__PURE__ */ new Set());
+    a(this, "_signals", /* @__PURE__ */ new Set());
+    a(this, "_isObserver", !1);
+    a(this, "_gesture");
+    a(this, "_animationConfig");
+    a(this, "_animatedProps", /* @__PURE__ */ new Map());
+    a(this, "_transforms", []);
+    a(this, "_transitionClass");
+    /** True while transition class was auto-managed for hover/effect presets (expandable). */
+    a(this, "_autoEffectTransition", !1);
+    a(this, "_effectTransitionProps", []);
+    a(this, "_motionClass");
+    a(this, "_staggerMs");
+    a(this, "_reveal");
+    a(this, "_scrollProgress", !1);
+    a(this, "_viewTransition");
+    a(this, "_reducedMotion", "reduce");
+    a(this, "_usesCssMotion", !1);
+    a(this, "_explicitScrollMargin", !1);
+    /** Shrink-wrap: skip the default `w-full` / `self-stretch` on Row and Column. */
+    a(this, "_hug", !1);
+    // Transition properties
+    a(this, "_transitionDuration", 200);
+    // ms
+    a(this, "_transitionEasing", "ease-in-out");
+    a(this, "_transitionDelay", 0);
+    // ms
+    a(this, "_transitionProperties", ["all"]);
+    a(this, "_childFunction");
+  }
+  hug() {
+    return this._hug = !0, this;
+  }
+  isHug() {
+    return this._hug;
+  }
+  id(o) {
+    return this._props.id = o, this;
+  }
+  /**
+   * Scroll target. Same as `.id()`, plus `scroll-margin-top` so the section
+   * is not hidden under a sticky header. Pair with `scrollTo('#name')`.
+   */
+  anchor(o) {
+    return this.id(o), this._explicitScrollMargin || this._classNames.push(
+      u.register("scroll-margin-top", "var(--fibo-sticky-offset, 0px)")
+    ), this;
+  }
+  /**
+   * Explicit `scroll-margin-top` on this node (overrides the sticky CSS variable
+   * that `.anchor()` applies).
+   */
+  scrollMargin(o) {
+    this._explicitScrollMargin = !0;
+    const i = typeof o == "number" ? `${o}px` : o;
+    return this._classNames.push(u.register("scroll-margin-top", i)), this;
+  }
+  /** Stamp a class onto the host. Used by PseudoStateBuilder (hashed `:hover` etc.). */
+  addClassName(o) {
+    return o && !this._classNames.includes(o) && this._classNames.push(o), this;
+  }
+  /**
+   * React list key. After this is called, React reads the key as a string
+   * on both the builder element and the inner host wrapper.
+   * Builders are valid elements — you do not need `.build()`.
+   */
+  key(o) {
+    this._props.key = o;
+    const i = this.__fiboElementProps;
+    return i && typeof i == "object" && (this.__fiboElementProps = { ...i, key: String(o) }), this;
+  }
+  paddingHorizontal(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("padding-left", i), r = u.register("padding-right", i);
+    return this._classNames.push(e, r), this;
+  }
+  paddingVertical(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("padding-top", i), r = u.register("padding-bottom", i);
+    return this._classNames.push(e, r), this;
+  }
+  marginHorizontal(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("margin-left", i), r = u.register("margin-right", i);
+    return this._classNames.push(e, r), this;
+  }
+  marginVertical(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("margin-top", i), r = u.register("margin-bottom", i);
+    return this._classNames.push(e, r), this;
+  }
+  flexDirection(o) {
+    return this._classNames.push(`flex-${o}`), this;
+  }
+  alignItems(o) {
+    return this._classNames.push(`items-${o}`), this;
+  }
+  justifyContent(o) {
+    return this._classNames.push(`justify-${o}`), this;
+  }
+  flex(o) {
+    if (this._classNames.push("flex"), o !== void 0)
+      if (typeof o == "number") {
+        const i = u.register("flex", String(o));
+        this._classNames.push(i);
+      } else typeof o == "string" && this._classNames.push(`flex-${o}`);
+    return this;
+  }
+  grid() {
+    return this._classNames.push("grid"), this;
+  }
+  inlineFlex() {
+    return this._classNames.push("inline-flex"), this;
+  }
+  inlineGrid() {
+    return this._classNames.push("inline-grid"), this;
+  }
+  block() {
+    return this._classNames.push("block"), this;
+  }
+  inlineBlock() {
+    return this._classNames.push("inline-block"), this;
+  }
+  hidden() {
+    return this._classNames.push("hidden"), this;
+  }
+  center() {
+    return this._classNames.push("flex", "items-center", "justify-center"), this;
+  }
+  centerX() {
+    return this._classNames.push("flex", "justify-center"), this;
+  }
+  centerY() {
+    return this._classNames.push("flex", "items-center"), this;
+  }
+  spaceBetween() {
+    return this._classNames.push("justify-between"), this;
+  }
+  spaceAround() {
+    return this._classNames.push("justify-around"), this;
+  }
+  spaceEvenly() {
+    return this._classNames.push("justify-evenly"), this;
+  }
+  fill() {
+    return this._classNames.push("w-full", "h-full"), this;
+  }
+  fillWidth() {
+    return this._classNames.push("w-full"), this;
+  }
+  fillHeight() {
+    return this._classNames.push("h-full"), this;
+  }
+  square(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("width", i), r = u.register("height", i);
+    return this._classNames.push(e, r), this;
+  }
+  circle() {
+    return this._classNames.push("rounded-full"), this;
+  }
+  opacity(o) {
+    const i = u.register("opacity", String(o));
+    return this._classNames.push(i), this;
+  }
+  p(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("padding", i);
+    return this._classNames.push(e), this;
+  }
+  px(o) {
+    return this.paddingHorizontal(o);
+  }
+  py(o) {
+    return this.paddingVertical(o);
+  }
+  paddingX(o) {
+    return this.paddingHorizontal(o);
+  }
+  paddingY(o) {
+    return this.paddingVertical(o);
+  }
+  m(o) {
+    const i = typeof o == "number" ? `${o}px` : o, e = u.register("margin", i);
+    return this._classNames.push(e), this;
+  }
+  mx(o) {
+    return this.marginHorizontal(o);
+  }
+  my(o) {
+    return this.marginVertical(o);
+  }
+  marginX(o) {
+    return this.marginHorizontal(o);
+  }
+  marginY(o) {
+    return this.marginVertical(o);
+  }
+  bg(o) {
+    const i = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, e = u.register("background-color", i);
+    return this._classNames.push(e), this;
+  }
+  text(o) {
+    const i = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, e = u.register("color", i);
+    return this._classNames.push(e), this;
+  }
+  color(o) {
+    const i = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, e = u.register("color", i);
+    return this._classNames.push(e), this;
+  }
+  resolveSemanticColor(o) {
+    return [
+      "primary",
+      "on-primary",
+      "primary-container",
+      "on-primary-container",
+      "secondary",
+      "on-secondary",
+      "secondary-container",
+      "on-secondary-container",
+      "tertiary",
+      "on-tertiary",
+      "tertiary-container",
+      "on-tertiary-container",
+      "error",
+      "on-error",
+      "background",
+      "on-background",
+      "surface",
+      "on-surface",
+      "surface-variant",
+      "on-surface-variant",
+      "outline"
+    ].includes(o) ? `var(--fibo-${o})` : o;
+  }
+  shadow(o) {
+    if (o === null || o === "none") {
+      const f = u.register("box-shadow", "none");
+      return this._classNames.push(f), this;
+    }
+    const i = {
+      sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+      md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+      lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+      xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+      "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+      card: "0 2px 8px rgba(0, 0, 0, 0.1)",
+      button: "0 2px 4px rgba(0, 0, 0, 0.12)",
+      modal: "0 10px 40px rgba(0, 0, 0, 0.2)",
+      float: "0 8px 16px rgba(0, 0, 0, 0.15)",
+      inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"
+    }, e = (f) => f.startsWith("#") || f.startsWith("rgb") || f.startsWith("hsl") || ["red", "blue", "green", "yellow", "purple", "pink", "orange", "white", "black", "gray"].some((n) => f.includes(n)), r = (f, n, s, c) => {
+      let l = s || "rgba(0, 0, 0, " + (c ?? 0.1) + ")";
+      if (s && s.startsWith("#") && c !== void 0) {
+        const m = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), k = parseInt(s.slice(5, 7), 16);
+        l = `rgba(${m}, ${d}, ${k}, ${c})`;
+      }
+      const p = {
+        sm: "2px",
+        md: "4px",
+        lg: "8px",
+        xl: "12px",
+        "2xl": "16px"
+      }[n] || "4px";
+      switch (f) {
+        case "top":
+          return `0 -${p} ${p} -1px ${l}`;
+        case "bottom":
+          return `0 ${p} ${p} -1px ${l}`;
+        case "left":
+          return `-${p} 0 ${p} -1px ${l}`;
+        case "right":
+          return `${p} 0 ${p} -1px ${l}`;
+        case "top-bottom":
+        case "vertical":
+          return `0 -${p} ${p} -1px ${l}, 0 ${p} ${p} -1px ${l}`;
+        case "left-right":
+        case "horizontal":
+          return `-${p} 0 ${p} -1px ${l}, ${p} 0 ${p} -1px ${l}`;
+        case "all":
+        default:
+          return i[n] || i.md;
+      }
+    };
+    if (!o) {
+      const f = u.register("box-shadow", i.md);
+      return this._classNames.push(f), this;
+    }
+    if (typeof o == "string") {
+      if (e(o)) {
+        const s = r("all", "md", o), c = u.register("box-shadow", s);
+        return this._classNames.push(c), this;
+      }
+      const f = i[o] || i.md, n = u.register("box-shadow", f);
+      return this._classNames.push(n), this;
+    }
+    if (Array.isArray(o)) {
+      const [f, n, s, c] = o;
+      if (typeof f == "string" && e(f)) {
+        const l = r("all", "md", f, n), x = u.register("box-shadow", l);
+        return this._classNames.push(x), this;
+      }
+      const h = f;
+      if (typeof n == "string" && e(n)) {
+        const l = r(h, "md", n, s), x = u.register("box-shadow", l);
+        return this._classNames.push(x), this;
+      } else {
+        const x = r(h, n, s, c), p = u.register("box-shadow", x);
+        return this._classNames.push(p), this;
+      }
+    }
+    return this;
+  }
+  /**
+   * Breakpoint styles compiled to CSS `@media` (same engine as `.md()`).
+   * Tiers stay mutually exclusive: mobile `<768`, tablet `768–1023`, desktop `≥1024`.
+   * No `window.innerWidth` — hydrate-safe.
+   */
+  responsive(o) {
+    return this.registerMediaStyles("(max-width: 767px)", o.mobile), this.registerMediaStyles("(min-width: 768px) and (max-width: 1023px)", o.tablet), this.registerMediaStyles("(min-width: 1024px)", o.desktop), this;
+  }
+  /**
+   * CSS `@media` (min-width or a raw query). Compiles to a class — no resize JS.
+   *
+   * @example Box().padding(8).media('md', { padding: 16 }).media('(prefers-color-scheme: dark)', { backgroundColor: '#111' })
+   */
+  media(o, i) {
+    return this.registerMediaStyles(Qo(o), i), this;
+  }
+  registerMediaStyles(o, i) {
+    if (!i) return;
+    const e = /* @__PURE__ */ new Set([
+      "opacity",
+      "zIndex",
+      "z-index",
+      "flex",
+      "flexGrow",
+      "flexShrink",
+      "order",
+      "fontWeight",
+      "lineHeight"
+    ]);
+    for (const [r, f] of Object.entries(i)) {
+      if (f == null) continue;
+      const n = r.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`), s = typeof f == "number" && !e.has(r) && !e.has(n) ? `${f}px` : String(f);
+      this._classNames.push(u.registerMedia(o, n, s));
+    }
+  }
+  sm(o) {
+    return this.media("sm", o);
+  }
+  md(o) {
+    return this.media("md", o);
+  }
+  lg(o) {
+    return this.media("lg", o);
+  }
+  xl(o) {
+    return this.media("xl", o);
+  }
+  rounded(o) {
+    if (typeof o == "number") {
+      const i = u.register("border-radius", `${o}px`);
+      this._classNames.push(i);
+    } else if (typeof o == "string" && (o.startsWith("rounded-") || ["sm", "md", "lg", "xl", "2xl", "3xl", "full", "none"].includes(o))) {
+      const i = o.startsWith("rounded-") ? o : `rounded-${o}`;
+      this._classNames.push(i);
+    } else {
+      const i = u.register("border-radius", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  borderRadius(o) {
+    if (typeof o == "number") {
+      const i = u.register("border-radius", `${o}px`);
+      this._classNames.push(i);
+    } else {
+      const i = u.register("border-radius", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  borderColor(o) {
+    if (o.startsWith("border-"))
+      this._classNames.push(o);
+    else if (["red", "blue", "green", "gray", "white", "black", "transparent"].some((i) => o.includes(i)))
+      this._classNames.push(`border-${o}`);
+    else {
+      const i = u.register("border-color", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  width(o) {
+    if (typeof o == "number") {
+      const i = u.register("width", `${o}px`);
+      this._classNames.push(i);
+    } else if (typeof o == "string" && (o.startsWith("w-") || o === "full" || o === "screen" || o === "min" || o === "max" || o === "fit")) {
+      const i = o.startsWith("w-") ? o : `w-${o}`;
+      this._classNames.push(i);
+    } else {
+      const i = u.register("width", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  height(o) {
+    if (typeof o == "number") {
+      const i = u.register("height", `${o}px`);
+      this._classNames.push(i);
+    } else if (typeof o == "string" && (o.startsWith("h-") || o === "full" || o === "screen" || o === "min" || o === "max" || o === "fit")) {
+      const i = o.startsWith("h-") ? o : `h-${o}`;
+      this._classNames.push(i);
+    } else {
+      const i = u.register("height", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  gap(o) {
+    if (typeof o == "number") {
+      const i = u.register("gap", `${o}px`);
+      this._classNames.push(i);
+    } else if (typeof o == "string" && o.startsWith("gap-"))
+      this._classNames.push(o);
+    else {
+      const i = u.register("gap", o);
+      this._classNames.push(i);
+    }
+    return this;
+  }
+  clean() {
+    return this._classNames.push(
+      "[&_input]:outline-none",
+      "[&_input]:ring-0",
+      "[&_input]:border-none",
+      "[&_input]:!shadow-none",
+      "[&_input]:bg-transparent",
+      "[&_input]:h-full",
+      "[&_input]:w-full",
+      "[&_input]:p-0",
+      "[&_textarea]:outline-none",
+      "[&_textarea]:ring-0",
+      "[&_textarea]:border-none",
+      "[&_textarea]:!shadow-none",
+      "[&_textarea]:bg-transparent",
+      "[&_textarea]:h-full",
+      "[&_textarea]:w-full",
+      "[&_textarea]:p-0",
+      "[&_select]:outline-none",
+      "[&_select]:ring-0",
+      "[&_select]:border-none",
+      "[&_select]:!shadow-none",
+      "[&_select]:bg-transparent",
+      "[&_select]:h-full",
+      "[&_select]:w-full",
+      "[&_select]:p-0",
+      "[&_.fibo-textfield-input]:outline-none",
+      "[&_.fibo-textfield-input]:ring-0",
+      "[&_.fibo-textfield-input]:border-none",
+      "[&_.fibo-textfield-input]:!shadow-none",
+      "[&_.fibo-textfield-input]:bg-transparent",
+      "[&_.fibo-textfield-input]:h-full",
+      "[&_.fibo-textfield-input]:w-full",
+      "[&_.fibo-textfield-input]:p-0",
+      "[&_.fibo-textarea-input]:outline-none",
+      "[&_.fibo-textarea-input]:ring-0",
+      "[&_.fibo-textarea-input]:border-none",
+      "[&_.fibo-textarea-input]:!shadow-none",
+      "[&_.fibo-textarea-input]:bg-transparent",
+      "[&_.fibo-textarea-input]:h-full",
+      "[&_.fibo-textarea-input]:w-full",
+      "[&_.fibo-textarea-input]:p-0",
+      "[&>div]:h-full"
+    ), this;
+  }
+  borderInput(o = "gray-300", i = "blue-500") {
+    const e = (n) => ["red", "blue", "green", "yellow", "purple", "pink", "indigo", "gray", "orange", "teal", "cyan", "emerald", "lime", "amber", "fuchsia", "rose", "violet", "sky", "slate", "zinc", "neutral", "stone"].includes(n) ? `${n}-500` : n, r = e(o), f = e(i);
+    return this._classNames.push(
+      "border",
+      `border-${r}`,
+      "focus-within:ring-2",
+      `focus-within:ring-${f}`,
+      `focus-within:border-${f}`
+    ), this.clean();
+  }
+  weight(o) {
+    if (typeof o == "number") {
+      const i = u.register("font-weight", String(o));
+      this._classNames.push(i);
+    } else {
+      const i = {
+        thin: "font-thin",
+        extralight: "font-extralight",
+        light: "font-light",
+        normal: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold",
+        extrabold: "font-extrabold",
+        black: "font-black"
+      };
+      if (i[o])
+        this._classNames.push(i[o]);
+      else {
+        const e = u.register("font-weight", o);
+        this._classNames.push(e);
+      }
+    }
+    return this;
+  }
+  onClick(o) {
+    return this._props.onClick = o, this;
+  }
+  state(o, i) {
+    return this._state.set(o, i), this;
+  }
+  getState(o) {
+    return this._state.get(o);
+  }
+  setState(o, i) {
+    return this._state.set(o, i), this;
+  }
+  provide(o, i) {
+    return this._providers.set(o, i), this;
+  }
+  consume(o) {
+    return this._providers.get(o);
+  }
+  observer(o) {
+    return this._isObserver = !0, typeof o == "object" && o !== null ? o.key !== void 0 && this.key(o.key) : o !== void 0 && this.key(o), this;
+  }
+  observe(o) {
+    return this._observers.add(o), this;
+  }
+  bindSignal(o) {
+    return this._signals.add(o), this;
+  }
+  translateX(o) {
+    return o instanceof R ? this._animatedProps.set("translateX", o) : this._transforms.push(`translateX(${o}px)`), this;
+  }
+  translateY(o) {
+    return o instanceof R ? this._animatedProps.set("translateY", o) : this._transforms.push(`translateY(${o}px)`), this;
+  }
+  scale(o) {
+    return o instanceof R ? this._animatedProps.set("scale", o) : this._transforms.push(`scale(${o})`), this;
+  }
+  rotate(o) {
+    return o instanceof R ? this._animatedProps.set("rotate", o) : this._transforms.push(`rotate(${o}deg)`), this;
+  }
+  gesture(o) {
+    return this._gesture = o, this;
+  }
+  animation(o) {
+    return this._animationConfig = o, this;
+  }
+  hasStateManagement() {
+    return this._state.size > 0 || this._providers.size > 0 || this._observers.size > 0 || this._signals.size > 0 || this._isObserver || this._animatedProps.size > 0;
+  }
+  className(o) {
+    return this._classNames.push(o), this;
+  }
+  classNames(o) {
+    return this._classNames.push(...o), this;
+  }
+  css(o) {
+    return this._cssStyles = { ...this._cssStyles, ...o }, this;
+  }
+  style(o) {
+    return this._style = { ...this._style, ...o }, this;
+  }
+  props(o) {
+    return this._props = { ...this._props, ...o }, this;
+  }
+  transition(o, i, e, r) {
+    if (this._autoEffectTransition = !1, this._effectTransitionProps = [], typeof o == "string" && i === void 0)
+      return this.replaceTransitionClass(u.register("transition", o)), this;
+    const f = Array.isArray(o) ? o.join(", ") : o, n = `${i || this._transitionDuration}ms`, s = $(e || this._transitionEasing), c = r ? `${r}ms` : "0ms";
+    return this.replaceTransitionClass(u.register("transition", `${f} ${n} ${s} ${c}`)), this;
+  }
+  /**
+   * Set transition duration in milliseconds
+   * Example: .duration(200) → 200ms
+   */
+  duration(o) {
+    return this._transitionDuration = o, this._motionClass ? (this._style["--fibo-dur"] = `${o}ms`, this) : (this._applyTransition(), this);
+  }
+  /**
+   * Set transition easing function
+   * Example: .easing('ease-in-out')
+   */
+  easing(o) {
+    return this._transitionEasing = $(o), this._motionClass ? (this._style["--fibo-ease"] = this._transitionEasing, this) : (this._applyTransition(), this);
+  }
+  /** Alias of `.easing()`. `'spring'` becomes CSS `linear()`. */
+  ease(o) {
+    return this.easing(o);
+  }
+  /**
+   * Set transition delay in milliseconds
+   * Example: .delay(100) → 100ms delay
+   */
+  delay(o) {
+    return this._transitionDelay = o, this._motionClass ? (this._style["--fibo-delay"] = `${o}ms`, this) : (this._applyTransition(), this);
+  }
+  /**
+   * Set which properties to transition
+   * Example: .properties(['color', 'transform'])
+   */
+  properties(o) {
+    return this._transitionProperties = o, this._applyTransition(), this;
+  }
+  /**
+   * Apply the built transition to the element
+   */
+  _applyTransition() {
+    this._autoEffectTransition = !1, this._effectTransitionProps = [];
+    const o = this._transitionProperties.join(", "), i = `${this._transitionDuration}ms`, e = this._transitionEasing, r = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms";
+    this.replaceTransitionClass(u.register("transition", `${o} ${i} ${e} ${r}`));
+  }
+  replaceTransitionClass(o) {
+    this._transitionClass && (this._classNames = this._classNames.filter((i) => i !== this._transitionClass)), this._transitionClass = o, this._classNames.push(o);
+  }
+  animate(o, i) {
+    w(), this._usesCssMotion = !0, this._motionClass && (this._classNames = this._classNames.filter((b) => b !== this._motionClass));
+    const e = Uo(o), r = (e ? o.duration : i == null ? void 0 : i.duration) ?? this._transitionDuration, f = (e ? o.delay : i == null ? void 0 : i.delay) ?? this._transitionDelay;
+    let n = e ? o.ease : i == null ? void 0 : i.ease;
+    const s = {
+      stiffness: (e ? o.stiffness : i == null ? void 0 : i.stiffness) ?? void 0,
+      damping: (e ? o.damping : i == null ? void 0 : i.damping) ?? void 0,
+      mass: (e ? o.mass : i == null ? void 0 : i.mass) ?? void 0
+    };
+    if (e) {
+      const b = K(o.from), l = K(o.to), x = u.registerKeyframes(Go(`${b}=>${l}`), b, l);
+      this._motionClass = `fibo-anim ${x}`, this._props["data-fibo-anim"] = "custom";
+    } else {
+      const b = Ko(o);
+      this._motionClass = `fibo-anim fibo-anim-${b}`, this._props["data-fibo-anim"] = b, (i == null ? void 0 : i.from) !== void 0 && (this._style["--fibo-from"] = typeof i.from == "number" ? `${i.from}px` : i.from), !n && b === "pop" && (n = "spring");
+    }
+    const c = $(n ?? "ease", s);
+    this._classNames.push(this._motionClass);
+    const h = this._style;
+    return h["--fibo-dur"] = `${r}ms`, h["--fibo-ease"] = c, h["--fibo-delay"] = `${f}ms`, this._reducedMotion === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
+  }
+  /** CSS `linear()` spring. Works on `.animate()` and `.transition()` / `.hover()`. */
+  spring(o) {
+    const i = ao(o);
+    return this._transitionEasing = i, this._motionClass ? (this._style["--fibo-ease"] = i, this) : (this._applyTransition(), this);
+  }
+  reducedMotion(o = "reduce") {
+    return this._reducedMotion = o, o === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
+  }
+  press(o) {
+    return this.ensureInteractiveTransition(), o ? (this.active(o), this) : (this.active((i) => {
+      i.scale(0.97);
+    }), this);
+  }
+  /**
+   * Shortcut: `.hover(h => h.effect(name))`.
+   * Named interaction effect on `:hover` (forward, float, grow, nudge, …).
+   */
+  hoverEffect(o) {
+    return this.hover((i) => {
+      i.effect(o);
+    });
+  }
+  /**
+   * Shortcut: `.press(p => p.effect(name))` (maps to `:active`).
+   */
+  pressEffect(o) {
+    return this.press((i) => {
+      i.effect(o);
+    });
+  }
+  /**
+   * Shortcut: `.focus(f => f.effect(name))`.
+   */
+  focusEffect(o) {
+    return this.focus((i) => {
+      i.effect(o);
+    });
+  }
+  /**
+   * Shortcut: `.active(a => a.effect(name))`.
+   */
+  activeEffect(o) {
+    return this.active((i) => {
+      i.effect(o);
+    });
+  }
+  /**
+   * Shortcut: `.groupHover(h => h.effect(name))`.
+   */
+  groupHoverEffect(o) {
+    return this.groupHover((i) => {
+      i.effect(o);
+    });
+  }
+  focusVisible(o) {
+    const i = new v("focus-visible", this);
+    return o ? (o(i), this) : i;
+  }
+  stagger(o) {
+    return this._staggerMs = o, this._usesCssMotion = !0, this._style["--fibo-stagger"] = `${o}ms`, w(), this;
+  }
+  /** Scroll-reveal: IntersectionObserver toggles `.fibo-inview`. */
+  reveal(o = "fadeUp") {
+    return this._reveal = typeof o == "string" ? { preset: o, once: !0 } : { preset: "fadeUp", once: !0, ...o }, this._usesCssMotion = !0, w(), this;
+  }
+  /** Alias of `.reveal()` for scroll-triggered presets. */
+  onScroll(o = "fadeIn") {
+    return this.reveal(o);
+  }
+  /** CSS `animation-timeline: view()` / `scroll()`; IntersectionObserver reveal is the fallback. */
+  scrollTimeline(o = "view") {
+    return w(), this._classNames.push(o === "scroll" ? "fibo-scroll-timeline" : "fibo-view-timeline"), this._usesCssMotion = !0, o === "view" && !this._reveal && (this._reveal = { preset: "fadeUp", once: !0 }), this;
+  }
+  scrollProgress() {
+    return w(), this._scrollProgress = !0, this._classNames.push("fibo-scroll-progress"), this._usesCssMotion = !0, this;
+  }
+  smoothScroll() {
+    return this._classNames.push(u.register("scroll-behavior", "smooth")), this;
+  }
+  scrollSnap(o = "y") {
+    return w(), this._classNames.push(`fibo-snap-${o}`), this;
+  }
+  scrollSnapAlign(o = "start") {
+    return w(), this._classNames.push(`fibo-snap-${o}`), this;
+  }
+  sticky(o = 0) {
+    if (o === !1) return this;
+    this._classNames.push(u.register("position", "sticky"));
+    const i = o === !0 ? "0px" : typeof o == "number" ? `${o}px` : o;
+    this._classNames.push(u.register("top", i));
+    const e = o === !0 || o === 0 ? wi : typeof o == "number" ? `${Math.max(o, xo)}px` : o;
+    return this.publishStickyOffset(e), this;
+  }
+  /**
+   * Publish `--fibo-sticky-offset` on `:root` so `.anchor()` / `html` scroll-padding
+   * clear this bar. Header uses the real bar height.
+   */
+  publishStickyOffset(o) {
+    const i = typeof o == "number" ? `${o}px` : o;
+    u.registerRoot("--fibo-sticky-offset", i), u.ensureScrollPadding();
+  }
+  viewTransition(o) {
+    return this._viewTransition = o, this._style.viewTransitionName = o, this;
+  }
+  /** Default `:focus-visible` ring. Pass a callback to customize. */
+  focusRing(o = "var(--fibo-primary)") {
+    return this.focusVisible((i) => {
+      i.css("outline", `2px solid ${o}`), i.css("outline-offset", "2px");
+    }), this;
+  }
+  ensureInteractiveTransition() {
+    this.ensureEffectTransition([
+      "transform",
+      "opacity",
+      "box-shadow",
+      "background-color",
+      "border-color"
+    ]);
+  }
+  /**
+   * Ensure the base element transitions the properties an interaction effect needs.
+   * Expands an auto-managed transition; no-ops if the caller set `.transition(...)`
+   * explicitly or a motion animation class is present.
+   * @internal Used by PseudoStateBuilder.effect() and hover/press shortcuts.
+   */
+  ensureEffectTransition(o) {
+    if (this._motionClass || this._transitionClass && !this._autoEffectTransition) return;
+    const i = new Set(this._effectTransitionProps);
+    for (const e of o) i.add(e);
+    i.add("transform"), i.add("opacity"), this._effectTransitionProps = [...i], this._autoEffectTransition = !0, this.replaceTransitionClass(
+      u.register(
+        "transition",
+        `${this._effectTransitionProps.join(", ")} ${this._transitionDuration}ms ${this._transitionEasing}`
+      )
+    );
+  }
+  /**
+   * Apply a theme to this node and descendants (CSS vars inherit).
+   * Fluent: `.theme("noir")` | `.theme(noirTheme)` | `.theme(extendTheme(webTheme, {…}))`.
+   * SSR-safe: class + inline vars on first paint (no useEffect).
+   */
+  theme(o) {
+    const i = zo(o);
+    return this._theme = i, this.addClassName($o(i)), this;
+  }
+  /** Prefer dark/light system chrome for native controls under this subtree. */
+  colorScheme(o) {
+    return this._style = { ...this._style, colorScheme: o }, this;
+  }
+  hover(o) {
+    this.ensureInteractiveTransition();
+    const i = new v("hover", this);
+    return o ? (o(i), this) : i;
+  }
+  focus(o) {
+    const i = new v("focus", this);
+    return o ? (o(i), this) : i;
+  }
+  active(o) {
+    const i = new v("active", this);
+    return o ? (o(i), this) : i;
+  }
+  visited(o) {
+    const i = new v("visited", this);
+    return o ? (o(i), this) : i;
+  }
+  disabledState(o) {
+    const i = new v("disabled", this);
+    return o ? (o(i), this) : i;
+  }
+  focusWithin(o) {
+    const i = new v("focus-within", this);
+    return o ? (o(i), this) : i;
+  }
+  firstChild(o) {
+    const i = new v("first-child", this);
+    return o ? (o(i), this) : i;
+  }
+  lastChild(o) {
+    const i = new v("last-child", this);
+    return o ? (o(i), this) : i;
+  }
+  groupHover(o) {
+    const i = new v("hover", this, !0);
+    return o ? (o(i), this) : i;
+  }
+  groupFocus(o) {
+    const i = new v("focus", this, !0);
+    return o ? (o(i), this) : i;
+  }
+  groupActive(o) {
+    const i = new v("active", this, !0);
+    return o ? (o(i), this) : i;
+  }
+  groupFocusWithin(o) {
+    const i = new v("focus-within", this, !0);
+    return o ? (o(i), this) : i;
+  }
+  group() {
+    return this._classNames.push("group"), this;
+  }
+  children(o) {
+    return typeof o == "function" ? (this._childFunction = o, this._children = []) : (this._children = H(o), this._childFunction = void 0), this;
+  }
+  getClassName() {
+    let o;
+    return Object.keys(this._cssStyles).length > 0 && (o = si(this._cssStyles) || void 0), Jo(this._classNames, o);
+  }
+  getStyle() {
+    let o = { ...this._style, ...this._cssStyles };
+    if (this._theme && (o = {
+      ...So(this._theme),
+      ...o,
+      backgroundColor: o.backgroundColor ?? this._theme.colors.background,
+      color: o.color ?? this._theme.colors.onBackground,
+      fontFamily: o.fontFamily ?? this._theme.fontFamily
+    }), this._transforms.length > 0) {
+      const i = o.transform || "";
+      o.transform = i ? `${i} ${this._transforms.join(" ")}` : this._transforms.join(" ");
+    }
+    if (this._animationConfig && this._animatedProps.size === 0) {
+      const { duration: i = 300, curve: e = "easeOut", stiffness: r, damping: f } = this._animationConfig, n = $(e, { stiffness: r, damping: f });
+      o.transition = `all ${i}ms ${n}`;
+    }
+    return o;
+  }
+  processChildren() {
+    const o = this._childFunction ? H(this._childFunction) : this._children;
+    return this._staggerMs == null ? o : o.map(
+      (i, e) => g.createElement(
+        "span",
+        {
+          key: g.isValidElement(i) && D(i.key) ? i.key : `fibo-stagger-${e}`,
+          className: "fibo-stagger-item",
+          style: { "--fibo-i": String(e) }
+        },
+        i
+      )
+    );
+  }
+  getChildFunction() {
+    return this._childFunction;
+  }
+}
+const ki = /* @__PURE__ */ new Set([
+  "$$typeof",
+  "type",
+  "props",
+  "ref",
+  "_owner",
+  "_store",
+  "_self",
+  "_source",
+  "_debugStack",
+  "_debugTask",
+  "_debugInfo"
+]);
+function yi(t) {
+  var i;
+  const o = (i = t._props) == null ? void 0 : i.key;
+  if (!(o == null || o === ""))
+    return o;
+}
+function _i(t) {
+  const o = t._isObserver, i = t._signals, e = t._observers, r = t._state, f = t._providers, n = yi(t), s = () => {
+    var z;
+    let x = t.build();
+    const p = t._animatedProps, m = t._animationConfig;
+    p && p.size > 0 && (x = g.createElement(ci, {
+      key: n,
+      animatedProps: p,
+      animationConfig: m,
+      children: x
+    }));
+    const d = t._reveal;
+    d && (x = g.createElement(mi, {
+      key: n,
+      preset: d.preset,
+      once: d.once,
+      rootMargin: d.rootMargin,
+      threshold: d.threshold,
+      forceMotion: t._reducedMotion === "never",
+      preferTimeline: (z = t._classNames) == null ? void 0 : z.includes("fibo-view-timeline"),
+      children: x
+    })), t._scrollProgress && (x = g.createElement(vi, { key: n, children: x })), t._usesCssMotion && (x = g.createElement(
+      g.Fragment,
+      { key: n },
+      g.createElement(Zo),
+      x
+    ));
+    const k = t._gesture;
+    return k && (x = k.wrap(x)), x;
+  }, c = typeof t.hasStateManagement == "function" ? t.hasStateManagement() : !!(o || i && i.size || e && e.size || r && r.size || f && f.size), h = o ? g.createElement(Mo, {
+    key: n,
+    children: s
+  }) : null, b = () => h ?? s();
+  let l = b();
+  return c && i && i.size > 0 ? l = g.createElement(Oo, {
+    key: n,
+    signals: i,
+    children: b
+  }) : c && e && e.size > 0 && (l = g.createElement(Lo, {
+    key: n,
+    observables: e,
+    children: b
+  })), c && r && r.size > 0 && (l = g.createElement(Bo, {
+    key: n,
+    stateMap: r,
+    children: l
+  })), c && f && f.size > 0 && (l = g.createElement(Po, {
+    key: n,
+    providers: f,
+    children: l
+  })), l;
+}
+function po(t, o, i) {
+  const e = function() {
+    return o();
+  };
+  e.displayName = i;
+  const r = g.createElement(e);
+  Object.defineProperty(t, "$$typeof", {
+    value: r.$$typeof,
+    enumerable: !0,
+    configurable: !0
+  }), Object.defineProperty(t, "type", {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }), t.ref = r.ref ?? null, t.__fiboElementProps = r.props ?? {}, r._owner !== void 0 && (t._owner = r._owner), t._store = { validated: 1 };
+}
+function Di(t) {
+  return (...o) => {
+    const i = new t(...o), e = t.name.replace(/Builder$/, "") || "Fibo", r = () => _i(i);
+    return po(i, r, e), new Proxy(i, {
+      get(f, n, s) {
+        var c, h;
+        if (n === "build")
+          return r;
+        if (n === "key") {
+          const b = (c = f._props) == null ? void 0 : c.key;
+          if (b != null && b !== "")
+            return String(b);
+          if (!f.__fiboKeyFn) {
+            const l = (x) => (f.key(x), s);
+            f.__fiboKeyFn = l;
+          }
+          return f.__fiboKeyFn;
+        }
+        if (n === "props") {
+          const b = (h = f._props) == null ? void 0 : h.key, l = {
+            ...f.__fiboElementProps ?? {},
+            ...b != null && b !== "" ? { key: String(b) } : {}
+          }, x = Object.getPrototypeOf(f).props;
+          return typeof x == "function" ? Object.assign((m) => (x.call(f, m), s), l) : l;
+        }
+        return ki.has(n) || Reflect.has(f, n) ? Reflect.get(f, n, s) : (b) => {
+          const l = n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), p = ["opacity", "z-index", "flex", "flex-grow", "flex-shrink", "order", "font-weight", "line-height"].includes(l), m = typeof b == "number" && !p ? `${b}px` : String(b), d = u.register(l, m);
+          return f.className(d), s;
+        };
+      }
+    });
+  };
+}
+const zi = ({
+  signal: t,
+  builder: o,
+  loading: i,
+  error: e
+}) => {
+  const r = g.useSyncExternalStore(
+    g.useCallback((s) => t.subscribe ? t.subscribe(s) : () => {
+    }, [t]),
+    () => t.value
+  ), f = r == null ? void 0 : r.error;
+  return f && e ? e(f) : ((r == null ? void 0 : r.isLoading) || (r == null ? void 0 : r.loading)) === !0 && i ? i() : o ? o(r) : null;
+}, $i = g.memo(zi);
+class Si {
+  constructor(o) {
+    a(this, "_loading");
+    a(this, "_error");
+    a(this, "_builder");
+    this._signal = o, po(this, () => this.build(), "ValueBuilder");
+  }
+  loading(o) {
+    return this._loading = typeof o == "function" ? o : () => o, this;
+  }
+  error(o) {
+    return this._error = o, this;
+  }
+  builder(o) {
+    return this._builder = o, this;
+  }
+  children(o) {
+    return this._builder = o, this;
+  }
+  build() {
+    return g.createElement($i, {
+      signal: this._signal,
+      builder: this._builder,
+      loading: this._loading,
+      error: this._error
+    });
+  }
+}
+function Wi(t) {
+  return new Si(t);
+}
+export {
+  Oi as A,
+  Di as B,
+  To as C,
+  Vi as D,
+  Fo as E,
+  xi as F,
+  Eo as G,
+  w as H,
+  ho as I,
+  Ko as J,
+  Bo as K,
+  Ao as L,
+  G as M,
+  jo as N,
+  Io as O,
+  Po as P,
+  Vo as Q,
+  Mi as R,
+  R as S,
+  H as T,
+  Z as U,
+  Wi as V,
+  P as W,
+  bo as X,
+  Qo as Y,
+  Fi as a,
+  eo as b,
+  Ri as c,
+  Mo as d,
+  Bi as e,
+  mi as f,
+  fo as g,
+  vi as h,
+  Ai as i,
+  ji as j,
+  gi as k,
+  di as l,
+  ao as m,
+  $ as n,
+  Xi as o,
+  ui as p,
+  hi as q,
+  Co as r,
+  Ii as s,
+  bi as t,
+  Yi as u,
+  pi as v,
+  Zo as w,
+  Pi as x,
+  Li as y,
+  co as z
+};