@uoguelph/react-components 1.0.0-rc.8 → 1.0.0

package/dist/accordion-button.js

@@ -20,7 +20,7 @@ function x({ children: u, className: n }) {
         },
         false: {
           icon: "uog:rotate-90",
-          button: "uog:bg-light-grey-bg uog:text-blue-on-light"
+          button: "uog:bg-grey-light-bg uog:text-blue-on-light"
         }
       }
     }

package/dist/alert-footer.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { twMerge as g } from "tailwind-merge";
 function l({ children: o, className: r }) {
-  const e = g("uog:flex uog:bg-light-grey uog:px-4 uog:py-2", r);
+  const e = g("uog:flex uog:bg-grey-light uog:px-4 uog:py-2", r);
   return /* @__PURE__ */ t("div", { className: `uofg-alert-footer ${e}`, children: o });
 }
 l.displayName = "AlertFooter";

package/dist/alert-message.js

@@ -2,7 +2,7 @@ import { jsx as g } from "react/jsx-runtime";
 import { twMerge as s } from "tailwind-merge";
 function t({ children: e, className: o }) {
   const r = s(
-    "uog:flex uog:flex-col uog:border-x uog:border-b uog:border-light-grey uog:bg-white uog:px-4 uog:py-3",
+    "uog:flex uog:flex-col uog:border-x uog:border-b uog:border-grey-light uog:bg-white uog:px-4 uog:py-3",
     o
   );
   return /* @__PURE__ */ g("div", { className: `uofg-alert-message ${r}`, children: e });

package/dist/alert-title.js

@@ -24,11 +24,11 @@ function x({ color: e = "red", className: o, children: r }) {
         green: {
           container: "uog:bg-green uog:text-green-contrast"
         },
-        "light-grey": {
-          container: "uog:bg-light-grey uog:text-light-grey-contrast"
+        "grey-light": {
+          container: "uog:bg-grey-light uog:text-grey-light-contrast"
         },
-        "dark-grey": {
-          container: "uog:bg-dark-grey uog:text-dark-grey-contrast"
+        "grey-dark": {
+          container: "uog:bg-grey-dark uog:text-grey-dark-contrast"
         },
         black: {
           container: "uog:bg-black uog:text-black-contrast"

package/dist/blockquote-author.d.ts

@@ -0,0 +1,2 @@
+export * from './components/blockquote/blockquote-author'
+export {}

package/dist/blockquote-author.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { tv as g } from "tailwind-variants";
+import { BlockquoteContext as n } from "./blockquote-context.js";
+function h({ name: l, title: e }) {
+  const o = i(n), s = g({
+    slots: {
+      base: "uog:border-l-3 uog:pl-4 uog:flex uog:flex-col uog:gap-1 uog:items-start uog:font-light",
+      name: "uog:text-base uog:not-italic uog:font-bold",
+      title: "uog:text-base uog:italic"
+    },
+    variants: {
+      color: {
+        yellow: {
+          base: "uog:border-yellow"
+        },
+        blue: {
+          base: "uog:border-blue"
+        }
+      }
+    }
+  }), { base: u, name: a, title: r } = s({ color: (o == null ? void 0 : o.color) ?? "yellow" });
+  return /* @__PURE__ */ c("div", { className: `uofg-blockquote-author ${u()}`, children: [
+    /* @__PURE__ */ t("cite", { className: `uofg-blockquote-author-name ${a()}`, children: l }),
+    e && /* @__PURE__ */ t("span", { className: `uofg-blockquote-author-title ${r()}`, children: e })
+  ] });
+}
+export {
+  h as BlockquoteAuthor
+};

package/dist/blockquote-content.d.ts

@@ -0,0 +1,2 @@
+export * from './components/blockquote/blockquote-content'
+export {}

package/dist/blockquote-content.js

@@ -0,0 +1,54 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { f as r, a as m } from "./solid-DM6GVhkF.js";
+import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
+import { useContext as a } from "react";
+import { twMerge as g } from "tailwind-merge";
+import { tv as f } from "tailwind-variants";
+import { BlockquoteContext as b } from "./blockquote-context.js";
+function k({ className: l, children: n }) {
+  const o = a(b), i = f({
+    slots: {
+      base: "uog:font-light uog:block uog:w-full uog:text-center uog:text-3xl uog:italic",
+      icons: "uog:inline-block uog:h-[1em]"
+    },
+    variants: {
+      color: {
+        yellow: {
+          icons: "uog:text-yellow"
+        },
+        blue: {
+          icons: "uog:text-blue"
+        }
+      },
+      direction: {
+        left: {
+          icons: "uog:mr-[0.3em]"
+        },
+        right: {
+          icons: "uog:ml-[0.25em]"
+        }
+      }
+    }
+  }), { base: s, icons: e } = i({ color: (o == null ? void 0 : o.color) ?? "yellow" });
+  return /* @__PURE__ */ u("blockquote", { className: `uofg-blockquote-content ${g(s(), l)}`, children: [
+    /* @__PURE__ */ t(
+      c,
+      {
+        icon: r,
+        className: `uofg-blockquote-content-left-quote ${e({ direction: "left" })}`
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: "uofg-blockquote-content-text", children: n }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        icon: m,
+        className: `uofg-blockquote-content-right-quote ${e({ direction: "right" })}`
+      }
+    )
+  ] });
+}
+k.displayName = "BlockquoteContent";
+export {
+  k as BlockquoteContent
+};

package/dist/blockquote-context.d.ts

@@ -0,0 +1,2 @@
+export * from './components/blockquote/blockquote-context'
+export {}

package/dist/blockquote-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as BlockquoteContext
+};

package/dist/blockquote.js

@@ -1,43 +1,14 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { f as r, a as g } from "./solid-DM6GVhkF.js";
-import { FontAwesomeIcon as e } from "@fortawesome/react-fontawesome";
-import { twMerge as a } from "tailwind-merge";
-import { tv as m } from "tailwind-variants";
-function f({ className: l, children: c, color: u = "yellow" }) {
-  const i = m({
-    slots: {
-      base: a("uog:font-light uog:block uog:w-full uog:text-center uog:text-3xl uog:italic", l),
-      icons: "uog:inline-block uog:h-[1em]"
-    },
-    variants: {
-      color: {
-        red: {
-          icons: "uog:text-red"
-        },
-        yellow: {
-          icons: "uog:text-yellow"
-        },
-        blue: {
-          icons: "uog:text-blue"
-        }
-      },
-      direction: {
-        left: {
-          icons: "uog:mr-[0.3em]"
-        },
-        right: {
-          icons: "uog:ml-[0.25em]"
-        }
-      }
-    }
-  }), { base: s, icons: t } = i({ color: u });
-  return /* @__PURE__ */ n("blockquote", { className: `uofg-blockquote ${s()}`, children: [
-    /* @__PURE__ */ o(e, { icon: r, className: `uofg-blockquote-left-quote ${t({ direction: "left" })}` }),
-    /* @__PURE__ */ o("span", { className: "uofg-blockquote-content", children: c }),
-    /* @__PURE__ */ o(e, { icon: g, className: `uofg-blockquote-right-quote ${t({ direction: "right" })}` })
-  ] });
+import { jsx as o } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
+import { BlockquoteContext as u } from "./blockquote-context.js";
+import { BlockquoteAuthor as x } from "./blockquote-author.js";
+import { BlockquoteContent as k } from "./blockquote-content.js";
+function c({ className: e, children: t, color: r = "yellow" }) {
+  return /* @__PURE__ */ o(u.Provider, { value: { color: r }, children: /* @__PURE__ */ o("div", { className: `uofg-blockquote ${l("flex flex-col gap-2", e)}`, children: t }) });
 }
-f.displayName = "Blockquote";
+c.displayName = "Blockquote";
 export {
-  f as Blockquote
+  c as Blockquote,
+  x as BlockquoteAuthor,
+  k as BlockquoteContent
 };

package/dist/button.js

@@ -1,17 +1,17 @@
 import { jsx as a } from "react/jsx-runtime";
 import { twMerge as b } from "tailwind-merge";
-import { tv as d } from "tailwind-variants";
-const n = "button";
+import { tv as n } from "tailwind-variants";
+const d = "button";
 function f({
-  as: o,
+  as: e,
   color: l = "red",
   outlined: s = !1,
   children: u,
   className: t,
-  disabled: e = !1,
+  disabled: o = !1,
   ...r
 }) {
-  const i = o ?? n, g = d({
+  const c = e ?? d, i = n({
     base: "uog:font-medium uog:shadow-sm uog:inline-flex uog:items-center uog:justify-center uog:px-6 uog:py-4 uog:text-lg uog:no-underline uog:transition-colors uog:focus-visible:outline-none uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2",
     variants: {
       color: {
@@ -19,10 +19,7 @@ function f({
         yellow: "uog:focus-visible:ring-yellow",
         blue: "uog:focus-visible:ring-blue",
         green: "uog:focus-visible:ring-green",
-        "light-grey": "uog:focus-visible:ring-light-grey",
-        "dark-grey": "uog:focus-visible:ring-dark-grey",
-        black: "uog:focus-visible:ring-black",
-        white: "uog:focus-visible:ring-white"
+        black: "uog:focus-visible:ring-black"
       },
       outlined: {
         true: "uog:border-2"
@@ -120,50 +117,6 @@ function f({
         disabled: !1,
         class: "uog:hocus-visible:bg-green uog:hocus-visible:text-green-contrast"
       },
-      {
-        color: "light-grey",
-        outlined: !1,
-        class: "uog:bg-light-grey uog:text-light-grey-contrast"
-      },
-      {
-        color: "light-grey",
-        outlined: !0,
-        class: "uog:border-light-grey uog:text-light-grey"
-      },
-      {
-        color: "light-grey",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-light-grey-focus"
-      },
-      {
-        color: "light-grey",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-light-grey uog:hocus-visible:text-light-grey-contrast"
-      },
-      {
-        color: "dark-grey",
-        outlined: !1,
-        class: "uog:bg-dark-grey uog:text-dark-grey-contrast"
-      },
-      {
-        color: "dark-grey",
-        outlined: !0,
-        class: "uog:border-dark-grey uog:text-dark-grey"
-      },
-      {
-        color: "dark-grey",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-dark-grey-focus"
-      },
-      {
-        color: "dark-grey",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-dark-grey uog:hocus-visible:text-dark-grey-contrast"
-      },
       {
         color: "black",
         outlined: !1,
@@ -185,32 +138,10 @@ function f({
         outlined: !0,
         disabled: !1,
         class: "uog:hocus-visible:bg-black uog:hocus-visible:text-black-contrast"
-      },
-      {
-        color: "white",
-        outlined: !1,
-        class: "uog:bg-white uog:text-white-contrast"
-      },
-      {
-        color: "white",
-        outlined: !0,
-        class: "uog:border-white uog:text-white"
-      },
-      {
-        color: "white",
-        outlined: !1,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-white-focus"
-      },
-      {
-        color: "white",
-        outlined: !0,
-        disabled: !1,
-        class: "uog:hocus-visible:bg-white uog:hocus-visible:text-white-contrast"
       }
     ]
-  }), c = b(g({ color: l, outlined: s, disabled: e }), t);
-  return /* @__PURE__ */ a(i, { className: `uofg-button ${c}`, disabled: e, ...r, children: u });
+  }), g = b(i({ color: l, outlined: s, disabled: o }), t);
+  return /* @__PURE__ */ a(c, { className: `uofg-button ${g}`, disabled: o, ...r, children: u });
 }
 f.displayName = "Button";
 export {

package/dist/card-content.js

@@ -5,7 +5,7 @@ import { tv as n } from "tailwind-variants";
 import { CardContext as u } from "./card-context.js";
 function a({ children: t, className: r }) {
   const o = s(u), e = n({
-    base: "uog:flex uog:flex-col uog:gap-2 uog:bg-light-grey-bg uog:p-5 uog:text-light-grey-contrast",
+    base: "uog:flex uog:flex-col uog:gap-2 uog:bg-grey-light-bg uog:p-5 uog:text-grey-light-contrast",
     variants: {
       isLink: {
         true: "uog:transition-colors uog:group-hocus-visible:bg-yellow uog:group-hocus-visible:text-yellow-contrast"

package/dist/card-footer.js

@@ -5,7 +5,7 @@ import { tv as n } from "tailwind-variants";
 import { CardContext as s } from "./card-context.js";
 function u({ children: r, className: t }) {
   const o = g(s), e = n({
-    base: "uog:flex uog:gap-2 uog:bg-light-grey uog:px-5 uog:py-2 uog:text-light-grey-contrast uog:transition-colors",
+    base: "uog:flex uog:gap-2 uog:bg-grey-light uog:px-5 uog:py-2 uog:text-grey-light-contrast uog:transition-colors",
     variants: {
       centered: {
         true: "uog:justify-center"

package/dist/carousel.js

@@ -1,42 +1,42 @@
 import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { b as j, c as I } from "./solid-DM6GVhkF.js";
+import { b as k, c as I } from "./solid-DM6GVhkF.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
 import { Children as A, useRef as d, useState as F, useEffect as L } from "react";
 import { tv as S } from "tailwind-variants";
 import { l as q, b as M, m as w, c as R } from "./math-utils-BwzyIQRL.js";
-const z = (l, m, e) => {
-  const n = l.scrollLeft, s = performance.now();
+const z = (c, m, e) => {
+  const n = c.scrollLeft, s = performance.now();
   return new Promise((r) => {
     const a = (o) => {
       const f = o - s, i = M(Math.min(f / e, 1), 0.25, 0, 0.25, 1);
-      l.scrollLeft = q(n, m, i), f < e ? requestAnimationFrame(a) : r();
+      c.scrollLeft = q(n, m, i), f < e ? requestAnimationFrame(a) : r();
     };
     requestAnimationFrame(a);
   });
 };
-function H({ children: l, display: m = 1, loop: e = "none" }) {
-  const n = A.count(l), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = F(0), i = n - s, h = d(!1);
+function H({ children: c, display: m = 1, loop: e = "none" }) {
+  const n = A.count(c), s = Math.max(m, 1), r = d(null), a = d(0), [o, f] = F(0), i = n - s, h = d(!1);
   L(() => {
     var t;
     if (!r.current)
       return;
-    const c = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
-    (e === "jump" || e === "none") && (h.current = !0, z(r.current, c * o, 250).then(() => {
+    const l = ((t = r.current) == null ? void 0 : t.offsetWidth) / s;
+    (e === "jump" || e === "none") && (h.current = !0, z(r.current, l * o, 250).then(() => {
       h.current = !1;
     })), a.current = o;
   }, [o, e, i, s]);
-  const x = (c) => {
+  const x = (l) => {
     if (h.current) return;
     let t;
     switch (e) {
       case "none":
-        t = R(o + c, 0, i);
+        t = R(o + l, 0, i);
         break;
       case "jump":
-        t = w(o + c, i + 1);
+        t = w(o + l, i + 1);
         break;
       case "continuous":
-        t = w(o + c, n);
+        t = w(o + l, n);
         break;
       default:
         t = 0;
@@ -47,7 +47,7 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
       base: "uog:relative uog:flex uog:h-fit uog:min-h-[7rem] uog:w-full uog:flex-col-reverse",
       contentContainer: "uog:grid uog:w-full uog:flex-1 uog:grid-cols-[repeat(var(--items),calc(100%/var(--display)))] uog:overflow-x-hidden [&>*]:[grid-row:1]",
       controlContainer: "uog:md:contents uog:flex uog:h-16 uog:w-full uog:pt-8",
-      control: "uog:sm:text-6xl uog:md:absolute uog:flex uog:h-full uog:w-16 uog:flex-1 uog:items-center uog:justify-center uog:text-3xl uog:text-yellow uog:transition-[transform,color,opacity,visibility] uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none uog:hocus-visible:text-black uog:focus-visible:text-black"
+      control: "uog:sm:text-6xl uog:md:absolute uog:flex uog:h-full uog:w-16 uog:flex-1 uog:items-center uog:justify-center uog:text-3xl uog:text-blue uog:transition-[transform,color,opacity,visibility] uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none uog:hocus-visible:text-blue-focus"
     },
     variants: {
       showControls: {
@@ -67,9 +67,9 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
         }
       }
     }
-  }), b = n > s, { base: y, contentContainer: k, controlContainer: N, control: v } = C({ showControls: b });
+  }), b = n > s, { base: y, contentContainer: N, controlContainer: j, control: v } = C({ showControls: b });
   return /* @__PURE__ */ g("div", { className: y(), children: [
-    b && /* @__PURE__ */ g("div", { className: N(), children: [
+    b && /* @__PURE__ */ g("div", { className: j(), children: [
       /* @__PURE__ */ g(
         "button",
         {
@@ -77,7 +77,7 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
           className: v({ showControls: !(e === "none" && o === 0), direction: "left" }),
           children: [
             /* @__PURE__ */ u("span", { className: "uog:sr-only", children: "Shift left" }),
-            /* @__PURE__ */ u(p, { icon: j })
+            /* @__PURE__ */ u(p, { icon: k })
           ]
         }
       ),
@@ -96,14 +96,14 @@ function H({ children: l, display: m = 1, loop: e = "none" }) {
     /* @__PURE__ */ u(
       "div",
       {
-        className: k(),
+        className: N(),
         ref: r,
         style: {
           // Define CSS variables for the grid layout
           "--items": n,
           "--display": s
         },
-        children: l
+        children: c
       }
     )
   ] });

package/dist/checkbox.js

@@ -1,33 +1,29 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { e as p } from "./regular-BRNZck7j.js";
 import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
-import { Field as v, Checkbox as w, Label as N, Description as C } from "@headlessui/react";
+import { Field as w, Checkbox as v, Label as N, Description as C } from "@headlessui/react";
 import { useState as j } from "react";
 import { tv as F } from "tailwind-variants";
 function z({
-  checked: r = !1,
+  checked: g = !1,
   label: c,
-  description: g,
-  color: s = "red",
-  disabled: t = !1,
+  description: t,
+  color: r = "yellow",
+  disabled: s = !1,
   onChange: o,
   ...l
 }) {
-  const [a, b] = j(r), n = F({
+  const [a, n] = j(g), b = F({
     slots: {
       base: "uog:flex uog:flex-col uog:gap-0.5 uog:cursor-pointer",
       container: "uog:flex uog:items-center uog:gap-2",
       box: "uog:group uog:rounded uog:flex uog:size-4 uog:items-center uog:justify-center uog:border uog:bg-white uog:p-3 uog:transition-colors uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2 uog:focus-visible:outline-none",
       check: "uog:h-5 uog:w-5 uog:opacity-0 uog:transition-opacity uog:group-ui-checked:opacity-100 uog:user-select-none",
       label: "uog:text-body-copy",
-      description: "uog:text-sm uog:text-dark-grey"
+      description: "uog:text-sm uog:text-grey-dark"
     },
     variants: {
       color: {
-        red: {
-          box: "uog:focus-visible:ring-red uog:ui-checked:bg-red",
-          check: "uog:text-red-contrast"
-        },
         yellow: {
           box: "uog:focus-visible:ring-yellow uog:ui-checked:bg-yellow",
           check: "uog:text-yellow-contrast"
@@ -40,14 +36,6 @@ function z({
           box: "uog:focus-visible:ring-green uog:ui-checked:bg-green",
           check: "uog:text-green-contrast"
         },
-        "light-grey": {
-          box: "uog:focus-visible:ring-light-grey uog:ui-checked:bg-light-grey",
-          check: "uog:text-light-grey-contrast"
-        },
-        "dark-grey": {
-          box: "uog:focus-visible:ring-dark-grey uog:ui-checked:bg-dark-grey",
-          check: "uog:text-dark-grey-contrast"
-        },
         black: {
           box: "uog:focus-visible:ring-black uog:ui-checked:bg-black",
           check: "uog:text-black-contrast"
@@ -60,37 +48,37 @@ function z({
       disabled: {
         true: {
           base: "uog:opacity-60",
-          label: "uog:text-dark-grey"
+          label: "uog:text-grey-dark"
         },
         false: {}
       }
     }
   }), {
     base: h,
-    container: d,
-    box: k,
-    check: x,
-    label: f,
+    container: x,
+    box: f,
+    check: k,
+    label: d,
     description: m
-  } = n({ color: s, disabled: t });
-  return /* @__PURE__ */ u(v, { className: h(), children: [
-    /* @__PURE__ */ u("div", { className: d(), children: [
+  } = b({ color: r, disabled: s });
+  return /* @__PURE__ */ i(w, { className: h(), children: [
+    /* @__PURE__ */ i("div", { className: x(), children: [
       /* @__PURE__ */ e(
-        w,
+        v,
         {
           checked: a,
-          onChange: (i) => {
-            b(i), o == null || o(i);
+          onChange: (u) => {
+            n(u), o == null || o(u);
           },
-          disabled: t,
-          className: k(),
+          disabled: s,
+          className: f(),
           ...l,
-          children: /* @__PURE__ */ e(y, { className: x(), icon: p })
+          children: /* @__PURE__ */ e(y, { className: k(), icon: p })
         }
       ),
-      c && /* @__PURE__ */ e(N, { className: f(), children: c })
+      c && /* @__PURE__ */ e(N, { className: d(), children: c })
     ] }),
-    g && /* @__PURE__ */ e(C, { className: m(), children: g })
+    t && /* @__PURE__ */ e(C, { className: m(), children: t })
   ] });
 }
 z.displayName = "Checkbox";

package/dist/components/alert/alert-title.d.ts

@@ -7,7 +7,7 @@ export type AlertTitleProps = PropsWithChildren<{
      *
      * @default 'red'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'grey-light' | 'grey-dark' | 'black' | 'white';
 }>;
 /** The AlertTitle component is used to display the title of an alert. */
 export declare function AlertTitle({ color, className, children }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/blockquote/blockquote-author.d.ts

@@ -0,0 +1,7 @@
+export type BlockquoteAuthorProps = {
+    /** The author of the blockquote. */
+    name: string;
+    /** The title of the author. */
+    title?: string;
+};
+export declare function BlockquoteAuthor({ name, title }: BlockquoteAuthorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/blockquote/blockquote-content.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export type BlockquoteContentProps = PropsWithChildren<{
+    /** Additional classes to apply to the blockquote */
+    className?: string;
+}>;
+/** The Blockquote component is used to highlight a quote or excerpt from another source. */
+export declare function BlockquoteContent({ className, children }: BlockquoteContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BlockquoteContent {
+    var displayName: string;
+}

package/dist/components/blockquote/blockquote-context.d.ts

@@ -0,0 +1,5 @@
+import { BlockquoteProps } from './blockquote';
+export type BlockquoteContextValue = {
+    color: BlockquoteProps['color'];
+};
+export declare const BlockquoteContext: import('react').Context<BlockquoteContextValue | null>;

package/dist/components/blockquote/blockquote.d.ts

@@ -7,10 +7,12 @@ export type BlockquoteProps = PropsWithChildren<{
      *
      * @default 'yellow'
      */
-    color?: 'yellow' | 'red' | 'blue';
+    color?: 'yellow' | 'blue';
 }>;
 /** The Blockquote component is used to highlight a quote or excerpt from another source. */
 export declare function Blockquote({ className, children, color }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Blockquote {
     var displayName: string;
 }
+export { BlockquoteAuthor } from './blockquote-author';
+export { BlockquoteContent } from './blockquote-content';

package/dist/components/button/button.d.ts

@@ -12,7 +12,7 @@ type ButtonPropsBase = {
      *
      * @default 'red'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'black';
     /**
      * Whether the button should be outlined
      *
@@ -30,7 +30,7 @@ type ButtonPropsBase = {
 };
 export type ButtonProps<T extends ButtonElementType = typeof defaultElement> = PropsWithChildren<ButtonPropsAs<T> & ComponentPropsWithoutRef<T> & ButtonPropsBase>;
 /**
- * The Button component is a interactive component designed to capture user actions (such as submitting forms). It can
+ * The Button component is an interactive component designed to capture user actions (such as submitting forms). It can
  * also function as a link to another page or resource.
  */
 export declare function Button<T extends ButtonElementType = typeof defaultElement>({ as, color, outlined, children, className, disabled, ...rest }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -13,9 +13,9 @@ export type CheckboxProps = {
     /**
      * The color of the checkbox
      *
-     * @default 'red'
+     * @default 'yellow'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'yellow' | 'blue' | 'green' | 'black' | 'white';
     /**
      * Whether the checkbox is disabled
      *

package/dist/components/info/info.d.ts

@@ -5,7 +5,7 @@ export type InfoProps = PropsWithChildren<{
      *
      * @default 'red'
      */
-    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'grey-light' | 'grey-dark' | 'black' | 'white';
 }>;
 export declare function Info({ children, color }: InfoProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Info {

package/dist/components/media-caption/media-caption.d.ts

@@ -13,7 +13,7 @@ type MediaCaptionPropsAs<T extends MediaCaptionElementType> = {
 type MediaCaptionPropsBase = {
     size?: 'small' | 'medium' | 'large';
     position?: 'left' | 'right' | 'above';
-    background?: 'none' | 'light-grey' | 'dark-grey';
+    background?: 'none' | 'grey-light' | 'grey-dark';
     className?: string;
     mediaClassName?: string;
 };

package/dist/contact.js

@@ -5,7 +5,7 @@ import { ContactName as i } from "./contact-name.js";
 import { ContactPhone as u } from "./contact-phone.js";
 import { ContactTitle as s } from "./contact-title.js";
 function c({ children: o, className: t }) {
-  const e = a("uog:bg-light-grey-bg uog:mb-2 uog:flex uog:flex-col uog:p-4 uog:text-body-copy", t);
+  const e = a("uog:bg-grey-light-bg uog:mb-2 uog:flex uog:flex-col uog:p-4 uog:text-body-copy", t);
   return /* @__PURE__ */ r("div", { className: e, children: o });
 }
 c.displayName = "Contact";

package/dist/divider.js

@@ -18,9 +18,9 @@ const i = () => {
   }), { base: s, red: r, yellow: a, black: c, hr: d } = e();
   return /* @__PURE__ */ l(g, { children: [
     /* @__PURE__ */ l("div", { className: s(), children: [
-      /* @__PURE__ */ o("div", { className: c() }),
       /* @__PURE__ */ o("div", { className: r() }),
-      /* @__PURE__ */ o("div", { className: a() })
+      /* @__PURE__ */ o("div", { className: a() }),
+      /* @__PURE__ */ o("div", { className: c() })
     ] }),
     /* @__PURE__ */ o("hr", { className: d() })
   ] });

package/dist/embedded-video-modal-button.js

@@ -4,12 +4,12 @@ import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
 import { useContext as m } from "react";
 import { twMerge as l } from "tailwind-merge";
 import { Button as a } from "./button.js";
-import { EmbeddedVideoContext as g } from "./embedded-video-context.js";
-function p({ type: e, children: u, className: r }) {
-  const o = m(g);
+import { EmbeddedVideoContext as f } from "./embedded-video-context.js";
+function g({ type: e, children: u, className: r }) {
+  const o = m(f);
   if (e === "play-button") {
     const n = l(
-      "uog:flex uog:aspect-square uog:w-24 uog:items-center uog:justify-center uog:rounded-full uog:bg-black/30 uog:text-4xl uog:text-white uog:transition-colors uog:hover:bg-red/30 uog:focus:bg-red/30",
+      "uog:flex uog:aspect-square uog:w-24 uog:items-center uog:justify-center uog:rounded-full uog:bg-red uog:text-4xl uog:text-white uog:transition-colors uog:hover:bg-red-focus uog:focus:bg-red-focus",
       r
     );
     return /* @__PURE__ */ d("button", { type: "button", className: n, onClick: () => o == null ? void 0 : o.setModalOpen(!0), children: [
@@ -19,7 +19,7 @@ function p({ type: e, children: u, className: r }) {
   }
   return /* @__PURE__ */ t(a, { type: "button", color: e, className: r, onClick: () => o == null ? void 0 : o.setModalOpen(!0), children: u });
 }
-p.displayName = "EmbeddedVideoModalButton";
+g.displayName = "EmbeddedVideoModalButton";
 export {
-  p as EmbeddedVideoModalButton
+  g as EmbeddedVideoModalButton
 };

package/dist/embedded-video.js

@@ -1,4 +1,4 @@
-import { jsxs as m, Fragment as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as c, Fragment as p, jsx as n } from "react/jsx-runtime";
 import { useState as w } from "react";
 import { twMerge as f } from "tailwind-merge";
 import { tv as g } from "tailwind-variants";
@@ -43,15 +43,15 @@ function N(l) {
   }
   return { type: e, id: t };
 }
-function c({ src: l, title: e, transcript: t, className: o }) {
+function m({ src: l, title: e, transcript: t, className: o }) {
   const { id: d, type: i } = N(l), r = g({
     slots: {
       base: f("uog:flex uog:flex-col", o),
       iframe: "uog:w-full uog:h-full uog:aspect-video",
       transcriptButton: "uog:p-3 uog:w-full"
     }
-  }), { base: s, iframe: u, transcriptButton: a } = r();
-  return /* @__PURE__ */ m("div", { className: s(), children: [
+  }), { base: a, iframe: u, transcriptButton: s } = r();
+  return /* @__PURE__ */ c("div", { className: a(), children: [
     i === "youtube" && d && /* @__PURE__ */ n(
       "iframe",
       {
@@ -70,36 +70,36 @@ function c({ src: l, title: e, transcript: t, className: o }) {
         title: e ?? "Vimeo Embedded Video Player"
       }
     ),
-    t && /* @__PURE__ */ n(h, { as: "a", color: "red", className: a(), href: t, download: !0, children: "Download Transcript" })
+    t && /* @__PURE__ */ n(h, { as: "a", color: "black", className: s(), href: t, download: !0, children: "Download Transcript" })
   ] });
 }
 function E({ src: l, title: e, transcript: t, className: o, children: d }) {
   const [i, r] = w(!1);
   if (d) {
-    const s = g({
+    const a = g({
       slots: {
-        container: "uog:bg-dark-grey-bg uog:flex uog:w-screen uog:max-w-6xl uog:lg:max-w-7xl uog:flex-col uog:gap-4 uog:p-4 uog:text-dark-grey-contrast",
+        container: "uog:bg-grey-dark-bg uog:flex uog:w-screen uog:max-w-6xl uog:lg:max-w-7xl uog:flex-col uog:gap-4 uog:p-4 uog:text-grey-dark-contrast",
         video: "uog:w-full",
         title: "uog:text-xl uog:font-bold"
       }
-    }), { container: u, video: a, title: v } = s();
-    return /* @__PURE__ */ m(p, { children: [
+    }), { container: u, video: s, title: v } = a();
+    return /* @__PURE__ */ c(p, { children: [
       /* @__PURE__ */ n(y.Provider, { value: { modalOpen: i, setModalOpen: r }, children: d }),
-      /* @__PURE__ */ n(x, { open: i, onClose: () => r(!1), children: /* @__PURE__ */ m("div", { className: `uofg-embedded-video-container ${u()}`, children: [
+      /* @__PURE__ */ n(x, { open: i, onClose: () => r(!1), children: /* @__PURE__ */ c("div", { className: `uofg-embedded-video-container ${u()}`, children: [
         /* @__PURE__ */ n("span", { className: `uofg-embedded-video-title ${v()}`, children: e }),
         /* @__PURE__ */ n(
-          c,
+          m,
           {
             src: l,
             title: e,
             transcript: t,
-            className: `uofg-embedded-video ${f(a(), o)}`
+            className: `uofg-embedded-video ${f(s(), o)}`
           }
         )
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ n(c, { src: l, title: e, transcript: t, className: `uofg-embedded-video ${o}` });
+  return /* @__PURE__ */ n(m, { src: l, title: e, transcript: t, className: `uofg-embedded-video ${o}` });
 }
 E.displayName = "EmbeddedVideo";
 export {

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--uog-font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--uog-color-black:#000;--uog-color-white:#fff;--uog-spacing:.4rem;--uog-container-6xl:72rem;--uog-container-7xl:80rem;--uog-text-sm:1.4rem;--uog-text-sm--line-height:1.4;--uog-text-base:1.6rem;--uog-text-base--line-height:1.4;--uog-text-lg:1.8rem;--uog-text-lg--line-height:1.4;--uog-text-xl:2rem;--uog-text-xl--line-height:1.4;--uog-text-2xl:2.5rem;--uog-text-2xl--line-height:1.4;--uog-text-3xl:3rem;--uog-text-3xl--line-height:1.4;--uog-text-4xl:4rem;--uog-text-4xl--line-height:1.4;--uog-text-6xl:6rem;--uog-text-6xl--line-height:1.6;--uog-font-weight-light:300;--uog-font-weight-normal:400;--uog-font-weight-medium:500;--uog-font-weight-bold:700;--uog-radius-sm:.25rem;--uog-radius-md:.375rem;--uog-ease-out:cubic-bezier(0,0,.2,1);--uog-ease-in-out:cubic-bezier(.4,0,.2,1);--uog-animate-spin:spin 1s linear infinite;--uog-blur-sm:8px;--uog-aspect-video:16/9;--uog-default-transition-duration:.15s;--uog-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--uog-color-white-focus:#ddd;--uog-color-white-contrast:#000;--uog-color-black-focus:#444;--uog-color-black-contrast:#fff;--uog-color-red:#e51937;--uog-color-red-focus:#b3142c;--uog-color-red-contrast:#fff;--uog-color-yellow:#ffc429;--uog-color-yellow-focus:#ffe299;--uog-color-yellow-contrast:#000;--uog-color-blue:#187bb4;--uog-color-blue-focus:#135f8b;--uog-color-blue-on-light:#1775ab;--uog-color-blue-contrast:#fff;--uog-color-green:#318738;--uog-color-green-focus:#27682c;--uog-color-green-contrast:#fff;--uog-color-light-grey:#d8d8d8;--uog-color-light-grey-focus:#bfbfbf;--uog-color-light-grey-contrast:#000;--uog-color-light-grey-bg:#f5f5f5;--uog-color-dark-grey:#747676;--uog-color-dark-grey-focus:#63625f;--uog-color-dark-grey-contrast:#fff;--uog-color-dark-grey-bg:#222;--uog-color-body-copy:#555;--uog-color-body-copy-on-dark:#ccc;--uog-color-body-copy-bold:#333;--uog-color-body-copy-link:#187bb4;--uog-color-body-copy-link-on-light:#166ea2;--uog-color-body-copy-link-on-dark:#1d93d7;--uog-animate-fade-in:fade .25s ease-in-out 1 normal forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components;@layer utilities{.uog\:pointer-events-none{pointer-events:none}.uog\:invisible{visibility:hidden}.uog\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uog\:absolute{position:absolute}.uog\:fixed{position:fixed}.uog\:relative{position:relative}.uog\:inset-0{inset:calc(var(--uog-spacing)*0)}.uog\:top-0{top:calc(var(--uog-spacing)*0)}.uog\:top-1\/2{top:50%}.uog\:right-0{right:calc(var(--uog-spacing)*0)}.uog\:bottom-0{bottom:calc(var(--uog-spacing)*0)}.uog\:left-0{left:calc(var(--uog-spacing)*0)}.uog\:left-1\/2{left:50%}.uog\:z-0{z-index:0}.uog\:z-10{z-index:10}.uog\:z-20{z-index:20}.uog\:z-50{z-index:50}.uog\:col-start-1{grid-column-start:1}.uog\:col-start-2{grid-column-start:2}.uog\:row-start-1{grid-row-start:1}.uog\:container{width:100%}@media (width>=40rem){.uog\:container{max-width:40rem}}@media (width>=48rem){.uog\:container{max-width:48rem}}@media (width>=64rem){.uog\:container{max-width:64rem}}@media (width>=80rem){.uog\:container{max-width:80rem}}@media (width>=96rem){.uog\:container{max-width:96rem}}.uog\:mx-auto{margin-inline:auto}.uog\:my-2{margin-block:calc(var(--uog-spacing)*2)}.uog\:my-7{margin-block:calc(var(--uog-spacing)*7)}.uog\:mt-3\.75{margin-top:calc(var(--uog-spacing)*3.75)}.uog\:mt-7\.5{margin-top:calc(var(--uog-spacing)*7.5)}.uog\:mr-\[0\.3em\]{margin-right:.3em}.uog\:mr-auto{margin-right:auto}.uog\:mb-0{margin-bottom:calc(var(--uog-spacing)*0)}.uog\:mb-1{margin-bottom:calc(var(--uog-spacing)*1)}.uog\:mb-2{margin-bottom:calc(var(--uog-spacing)*2)}.uog\:mb-3\.75{margin-bottom:calc(var(--uog-spacing)*3.75)}.uog\:mb-4{margin-bottom:calc(var(--uog-spacing)*4)}.uog\:ml-4{margin-left:calc(var(--uog-spacing)*4)}.uog\:ml-\[0\.25em\]{margin-left:.25em}.uog\:ml-auto{margin-left:auto}.uog\:block{display:block}.uog\:contents{display:contents}.uog\:flex{display:flex}.uog\:grid{display:grid}.uog\:hidden{display:none}.uog\:inline-block{display:inline-block}.uog\:inline-flex{display:inline-flex}.uog\:aspect-\[16\/9\]{aspect-ratio:16/9}.uog\:aspect-square{aspect-ratio:1}.uog\:aspect-video{aspect-ratio:var(--uog-aspect-video)}.uog\:size-4{width:calc(var(--uog-spacing)*4);height:calc(var(--uog-spacing)*4)}.uog\:h-1{height:calc(var(--uog-spacing)*1)}.uog\:h-2{height:calc(var(--uog-spacing)*2)}.uog\:h-5{height:calc(var(--uog-spacing)*5)}.uog\:h-9{height:calc(var(--uog-spacing)*9)}.uog\:h-16{height:calc(var(--uog-spacing)*16)}.uog\:h-\[\.75em\]{height:.75em}.uog\:h-\[1\.5em\]{height:1.5em}.uog\:h-\[1em\]{height:1em}.uog\:h-auto{height:auto}.uog\:h-fit{height:fit-content}.uog\:h-full{height:100%}.uog\:max-h-\[80vh\]{max-height:80vh}.uog\:max-h-\[calc\(85vh-14rem\)\]{max-height:calc(85vh - 14rem)}.uog\:min-h-\[7rem\]{min-height:7rem}.uog\:min-h-\[50rem\]{min-height:50rem}.uog\:w-2{width:calc(var(--uog-spacing)*2)}.uog\:w-3\/4{width:75%}.uog\:w-5{width:calc(var(--uog-spacing)*5)}.uog\:w-16{width:calc(var(--uog-spacing)*16)}.uog\:w-24{width:calc(var(--uog-spacing)*24)}.uog\:w-\[1em\]{width:1em}.uog\:w-fit{width:fit-content}.uog\:w-full{width:100%}.uog\:w-screen{width:100vw}.uog\:max-w-6xl{max-width:var(--uog-container-6xl)}.uog\:max-w-\[--tw-max-content-width\]{max-width:--tw-max-content-width}.uog\:flex-1{flex:1}.uog\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:rotate-90{rotate:90deg}.uog\:animate-fade-in{animation:var(--uog-animate-fade-in)}.uog\:animate-spin{animation:var(--uog-animate-spin)}.uog\:cursor-not-allowed{cursor:not-allowed}.uog\:cursor-pointer{cursor:pointer}.uog\:list-inside{list-style-position:inside}.uog\:list-\[circle\]{list-style-type:circle}.uog\:list-\[lower-alpha\]{list-style-type:lower-alpha}.uog\:list-\[lower-roman\]{list-style-type:lower-roman}.uog\:list-\[square\]{list-style-type:square}.uog\:list-decimal{list-style-type:decimal}.uog\:list-disc{list-style-type:disc}.uog\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.uog\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.uog\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.uog\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.uog\:grid-cols-\[4fr_1fr\]{grid-template-columns:4fr 1fr}.uog\:grid-cols-\[repeat\(var\(--items\)\,calc\(100\%\/var\(--display\)\)\)\]{grid-template-columns:repeat(var(--items),calc(100%/var(--display)))}.uog\:flex-col{flex-direction:column}.uog\:flex-col-reverse{flex-direction:column-reverse}.uog\:flex-row{flex-direction:row}.uog\:flex-row-reverse{flex-direction:row-reverse}.uog\:flex-wrap{flex-wrap:wrap}.uog\:items-center{align-items:center}.uog\:items-end{align-items:flex-end}.uog\:items-start{align-items:flex-start}.uog\:justify-between{justify-content:space-between}.uog\:justify-center{justify-content:center}.uog\:justify-end{justify-content:flex-end}.uog\:justify-start{justify-content:flex-start}.uog\:gap-0\.5{gap:calc(var(--uog-spacing)*.5)}.uog\:gap-1{gap:calc(var(--uog-spacing)*1)}.uog\:gap-2{gap:calc(var(--uog-spacing)*2)}.uog\:gap-4{gap:calc(var(--uog-spacing)*4)}.uog\:gap-5{gap:calc(var(--uog-spacing)*5)}.uog\:gap-\[1em\]{gap:1em}.uog\:overflow-hidden{overflow:hidden}.uog\:overflow-x-hidden{overflow-x:hidden}.uog\:rounded{border-radius:.25rem}.uog\:rounded-full{border-radius:3.40282e38px}.uog\:rounded-md{border-radius:var(--uog-radius-md)}.uog\:rounded-t-sm{border-top-left-radius:var(--uog-radius-sm);border-top-right-radius:var(--uog-radius-sm)}.uog\:border{border-style:var(--tw-border-style);border-width:1px}.uog\:border-0{border-style:var(--tw-border-style);border-width:0}.uog\:border-2{border-style:var(--tw-border-style);border-width:2px}.uog\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.uog\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.uog\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.uog\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.uog\:border-black{border-color:var(--uog-color-black)}.uog\:border-blue{border-color:var(--uog-color-blue)}.uog\:border-dark-grey{border-color:var(--uog-color-dark-grey)}.uog\:border-green{border-color:var(--uog-color-green)}.uog\:border-light-grey{border-color:var(--uog-color-light-grey)}.uog\:border-red{border-color:var(--uog-color-red)}.uog\:border-white{border-color:var(--uog-color-white)}.uog\:border-white\/40{border-color:color-mix(in oklab,var(--uog-color-white)40%,transparent)}.uog\:border-yellow{border-color:var(--uog-color-yellow)}.uog\:border-l-black{border-left-color:var(--uog-color-black)}.uog\:border-l-blue{border-left-color:var(--uog-color-blue)}.uog\:border-l-dark-grey{border-left-color:var(--uog-color-dark-grey)}.uog\:border-l-green{border-left-color:var(--uog-color-green)}.uog\:border-l-light-grey{border-left-color:var(--uog-color-light-grey)}.uog\:border-l-red{border-left-color:var(--uog-color-red)}.uog\:border-l-white{border-left-color:var(--uog-color-white)}.uog\:border-l-yellow{border-left-color:var(--uog-color-yellow)}.uog\:bg-black{background-color:var(--uog-color-black)}.uog\:bg-black\/30{background-color:color-mix(in oklab,var(--uog-color-black)30%,transparent)}.uog\:bg-black\/40{background-color:color-mix(in oklab,var(--uog-color-black)40%,transparent)}.uog\:bg-black\/60{background-color:color-mix(in oklab,var(--uog-color-black)60%,transparent)}.uog\:bg-blue{background-color:var(--uog-color-blue)}.uog\:bg-dark-grey{background-color:var(--uog-color-dark-grey)}.uog\:bg-dark-grey-bg{background-color:var(--uog-color-dark-grey-bg)}.uog\:bg-green{background-color:var(--uog-color-green)}.uog\:bg-light-grey{background-color:var(--uog-color-light-grey)}.uog\:bg-light-grey-bg{background-color:var(--uog-color-light-grey-bg)}.uog\:bg-red{background-color:var(--uog-color-red)}.uog\:bg-transparent{background-color:#0000}.uog\:bg-white{background-color:var(--uog-color-white)}.uog\:bg-white\/60{background-color:color-mix(in oklab,var(--uog-color-white)60%,transparent)}.uog\:bg-yellow{background-color:var(--uog-color-yellow)}.uog\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.uog\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-black)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-white)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-black)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-white)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-30\%{--tw-gradient-via-position:30%}.uog\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:fill-black{fill:var(--uog-color-black)}.uog\:object-cover{object-fit:cover}.uog\:p-0{padding:calc(var(--uog-spacing)*0)}.uog\:p-1{padding:calc(var(--uog-spacing)*1)}.uog\:p-1\.5{padding:calc(var(--uog-spacing)*1.5)}.uog\:p-2\.5{padding:calc(var(--uog-spacing)*2.5)}.uog\:p-3{padding:calc(var(--uog-spacing)*3)}.uog\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:p-5{padding:calc(var(--uog-spacing)*5)}.uog\:p-6{padding:calc(var(--uog-spacing)*6)}.uog\:p-7{padding:calc(var(--uog-spacing)*7)}.uog\:px-0{padding-inline:calc(var(--uog-spacing)*0)}.uog\:px-4{padding-inline:calc(var(--uog-spacing)*4)}.uog\:px-5{padding-inline:calc(var(--uog-spacing)*5)}.uog\:px-6{padding-inline:calc(var(--uog-spacing)*6)}.uog\:py-0{padding-block:calc(var(--uog-spacing)*0)}.uog\:py-2{padding-block:calc(var(--uog-spacing)*2)}.uog\:py-3{padding-block:calc(var(--uog-spacing)*3)}.uog\:py-4{padding-block:calc(var(--uog-spacing)*4)}.uog\:pt-2{padding-top:calc(var(--uog-spacing)*2)}.uog\:pt-8{padding-top:calc(var(--uog-spacing)*8)}.uog\:pb-4{padding-bottom:calc(var(--uog-spacing)*4)}.uog\:pl-4{padding-left:calc(var(--uog-spacing)*4)}.uog\:pl-5{padding-left:calc(var(--uog-spacing)*5)}.uog\:text-center{text-align:center}.uog\:text-left{text-align:left}.uog\:font-serif{font-family:var(--uog-font-serif)}.uog\:text-2xl{font-size:var(--uog-text-2xl);line-height:var(--tw-leading,var(--uog-text-2xl--line-height))}.uog\:text-3xl{font-size:var(--uog-text-3xl);line-height:var(--tw-leading,var(--uog-text-3xl--line-height))}.uog\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}.uog\:text-base{font-size:var(--uog-text-base);line-height:var(--tw-leading,var(--uog-text-base--line-height))}.uog\:text-lg{font-size:var(--uog-text-lg);line-height:var(--tw-leading,var(--uog-text-lg--line-height))}.uog\:text-sm{font-size:var(--uog-text-sm);line-height:var(--tw-leading,var(--uog-text-sm--line-height))}.uog\:text-xl{font-size:var(--uog-text-xl);line-height:var(--tw-leading,var(--uog-text-xl--line-height))}.uog\:text-\[1\.5rem\]{font-size:1.5rem}.uog\:text-\[4rem\]{font-size:4rem}.uog\:text-\[6rem\]{font-size:6rem}.uog\:text-\[8rem\]{font-size:8rem}.uog\:text-\[14rem\]{font-size:14rem}.uog\:text-\[18rem\]{font-size:18rem}.uog\:leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.uog\:leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.uog\:font-bold{--tw-font-weight:var(--uog-font-weight-bold);font-weight:var(--uog-font-weight-bold)}.uog\:font-light{--tw-font-weight:var(--uog-font-weight-light);font-weight:var(--uog-font-weight-light)}.uog\:font-medium{--tw-font-weight:var(--uog-font-weight-medium);font-weight:var(--uog-font-weight-medium)}.uog\:font-normal{--tw-font-weight:var(--uog-font-weight-normal);font-weight:var(--uog-font-weight-normal)}.uog\:text-black{color:var(--uog-color-black)}.uog\:text-black-contrast{color:var(--uog-color-black-contrast)}.uog\:text-blue{color:var(--uog-color-blue)}.uog\:text-blue-contrast{color:var(--uog-color-blue-contrast)}.uog\:text-blue-on-light{color:var(--uog-color-blue-on-light)}.uog\:text-body-copy{color:var(--uog-color-body-copy)}.uog\:text-body-copy-bold{color:var(--uog-color-body-copy-bold)}.uog\:text-body-copy-link{color:var(--uog-color-body-copy-link)}.uog\:text-body-copy-link-on-dark{color:var(--uog-color-body-copy-link-on-dark)}.uog\:text-body-copy-link-on-light{color:var(--uog-color-body-copy-link-on-light)}.uog\:text-body-copy-on-dark{color:var(--uog-color-body-copy-on-dark)}.uog\:text-dark-grey{color:var(--uog-color-dark-grey)}.uog\:text-dark-grey-contrast{color:var(--uog-color-dark-grey-contrast)}.uog\:text-green{color:var(--uog-color-green)}.uog\:text-green-contrast{color:var(--uog-color-green-contrast)}.uog\:text-light-grey{color:var(--uog-color-light-grey)}.uog\:text-light-grey-contrast{color:var(--uog-color-light-grey-contrast)}.uog\:text-red{color:var(--uog-color-red)}.uog\:text-red-contrast{color:var(--uog-color-red-contrast)}.uog\:text-white{color:var(--uog-color-white)}.uog\:text-white-contrast{color:var(--uog-color-white-contrast)}.uog\:text-yellow{color:var(--uog-color-yellow)}.uog\:text-yellow-contrast{color:var(--uog-color-yellow-contrast)}.uog\:italic{font-style:italic}.uog\:no-underline{text-decoration-line:none}.uog\:underline{text-decoration-line:underline}.uog\:decoration-current{text-decoration-color:currentColor}.uog\:decoration-transparent{text-decoration-color:#0000}.uog\:decoration-1{text-decoration-thickness:1px}.uog\:opacity-0{opacity:0}.uog\:opacity-50{opacity:.5}.uog\:opacity-60{opacity:.6}.uog\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:blur-sm{--tw-blur:blur(var(--uog-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.uog\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-\[transform\,color\,opacity\,visibility\]{transition-property:transform,color,opacity,visibility;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:duration-200{--tw-duration:.2s;transition-duration:.2s}.uog\:duration-300{--tw-duration:.3s;transition-duration:.3s}.uog\:ease-in-out{--tw-ease:var(--uog-ease-in-out);transition-timing-function:var(--uog-ease-in-out)}.uog\:ease-out{--tw-ease:var(--uog-ease-out);transition-timing-function:var(--uog-ease-out)}@media (hover:hover){.uog\:group-hover\:scale-110:is(:where(.uog\:group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.uog\:group-hover\:bg-yellow:is(:where(.uog\:group):hover *){background-color:var(--uog-color-yellow)}}.uog\:group-ui-checked\:opacity-100:is(:where(.uog\:group)[data-headlessui-state~=checked] *),.uog\:group-ui-checked\:opacity-100:is(:where([data-headlessui-state~=checked]) :where(.uog\:group) *){opacity:1}.uog\:group-hocus-visible\:bg-yellow:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){background-color:var(--uog-color-yellow)}.uog\:group-hocus-visible\:text-blue-contrast:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){color:var(--uog-color-blue-contrast)}.uog\:group-hocus-visible\:text-yellow-contrast:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){color:var(--uog-color-yellow-contrast)}.uog\:focus-within\:border-blue:focus-within{border-color:var(--uog-color-blue)}@media (hover:hover){.uog\:hover\:bg-red:hover{background-color:var(--uog-color-red)}.uog\:hover\:bg-red\/30:hover{background-color:color-mix(in oklab,var(--uog-color-red)30%,transparent)}.uog\:hover\:decoration-transparent:hover{text-decoration-color:#0000}}.uog\:focus\:bg-red\/30:focus{background-color:color-mix(in oklab,var(--uog-color-red)30%,transparent)}.uog\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.uog\:focus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:focus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:focus-visible\:text-black:focus-visible{color:var(--uog-color-black)}.uog\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--uog-color-black)}.uog\:focus-visible\:ring-blue:focus-visible{--tw-ring-color:var(--uog-color-blue)}.uog\:focus-visible\:ring-body-copy-link:focus-visible{--tw-ring-color:var(--uog-color-body-copy-link)}.uog\:focus-visible\:ring-body-copy-link-on-light:focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.uog\:focus-visible\:ring-dark-grey:focus-visible{--tw-ring-color:var(--uog-color-dark-grey)}.uog\:focus-visible\:ring-green:focus-visible{--tw-ring-color:var(--uog-color-green)}.uog\:focus-visible\:ring-light-grey:focus-visible{--tw-ring-color:var(--uog-color-light-grey)}.uog\:focus-visible\:ring-red:focus-visible{--tw-ring-color:var(--uog-color-red)}.uog\:focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--uog-color-white)}.uog\:focus-visible\:ring-yellow:focus-visible{--tw-ring-color:var(--uog-color-yellow)}.uog\:focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.uog\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.uog\:has-\[strong\]\:text-body-copy-bold:has(:is(strong)){color:var(--uog-color-body-copy-bold)}.uog\:data-\[closed\]\:opacity-0[data-closed]{opacity:0}@media (width>=40rem){.uog\:sm\:px-16{padding-inline:calc(var(--uog-spacing)*16)}.uog\:sm\:text-6xl{font-size:var(--uog-text-6xl);line-height:var(--tw-leading,var(--uog-text-6xl--line-height))}}@media (width>=48rem){.uog\:md\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uog\:md\:absolute{position:absolute}.uog\:md\:z-20{z-index:20}.uog\:md\:block{display:block}.uog\:md\:contents{display:contents}.uog\:md\:grid{display:grid}.uog\:md\:aspect-\[2\.625\]{aspect-ratio:2.625}.uog\:md\:w-1\/3{width:33.3333%}.uog\:md\:w-9{width:calc(var(--uog-spacing)*9)}.uog\:md\:flex-row{flex-direction:row}.uog\:md\:rounded-full{border-radius:3.40282e38px}.uog\:md\:bg-black\/70{background-color:color-mix(in oklab,var(--uog-color-black)70%,transparent)}.uog\:md\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:md\:px-4{padding-inline:calc(var(--uog-spacing)*4)}.uog\:md\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}}@media (width>=64rem){.uog\:lg\:absolute{position:absolute}.uog\:lg\:bottom-0{bottom:calc(var(--uog-spacing)*0)}.uog\:lg\:left-1\/2{left:50%}.uog\:lg\:container{width:100%}@media (width>=40rem){.uog\:lg\:container{max-width:40rem}}@media (width>=48rem){.uog\:lg\:container{max-width:48rem}}.uog\:lg\:container{max-width:64rem}@media (width>=80rem){.uog\:lg\:container{max-width:80rem}}@media (width>=96rem){.uog\:lg\:container{max-width:96rem}}.uog\:lg\:mx-auto{margin-inline:auto}.uog\:lg\:ml-auto{margin-left:auto}.uog\:lg\:max-w-7xl{max-width:var(--uog-container-7xl)}.uog\:lg\:max-w-\[50\%\]{max-width:50%}.uog\:lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:lg\:items-center{align-items:center}.uog\:lg\:items-end{align-items:flex-end}.uog\:lg\:bg-black\/80{background-color:color-mix(in oklab,var(--uog-color-black)80%,transparent)}.uog\:lg\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:lg\:text-center{text-align:center}.uog\:lg\:text-right{text-align:right}.uog\:lg\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}.uog\:ui-checked\:bg-black[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-black{background-color:var(--uog-color-black)}.uog\:ui-checked\:bg-blue[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-blue{background-color:var(--uog-color-blue)}.uog\:ui-checked\:bg-dark-grey[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-dark-grey{background-color:var(--uog-color-dark-grey)}.uog\:ui-checked\:bg-green[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-green{background-color:var(--uog-color-green)}.uog\:ui-checked\:bg-light-grey[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-light-grey{background-color:var(--uog-color-light-grey)}.uog\:ui-checked\:bg-red[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-red{background-color:var(--uog-color-red)}.uog\:ui-checked\:bg-white[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-white{background-color:var(--uog-color-white)}.uog\:ui-checked\:bg-yellow[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-yellow{background-color:var(--uog-color-yellow)}.uog\:hocus-visible\:-translate-x-1:hover,.uog\:hocus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:hocus-visible\:translate-x-1:hover,.uog\:hocus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:hocus-visible\:bg-black:hover,.uog\:hocus-visible\:bg-black:focus-visible{background-color:var(--uog-color-black)}.uog\:hocus-visible\:bg-black-focus:hover,.uog\:hocus-visible\:bg-black-focus:focus-visible{background-color:var(--uog-color-black-focus)}.uog\:hocus-visible\:bg-blue:hover,.uog\:hocus-visible\:bg-blue:focus-visible{background-color:var(--uog-color-blue)}.uog\:hocus-visible\:bg-blue-focus:hover,.uog\:hocus-visible\:bg-blue-focus:focus-visible{background-color:var(--uog-color-blue-focus)}.uog\:hocus-visible\:bg-dark-grey:hover,.uog\:hocus-visible\:bg-dark-grey:focus-visible{background-color:var(--uog-color-dark-grey)}.uog\:hocus-visible\:bg-dark-grey-focus:hover,.uog\:hocus-visible\:bg-dark-grey-focus:focus-visible{background-color:var(--uog-color-dark-grey-focus)}.uog\:hocus-visible\:bg-green:hover,.uog\:hocus-visible\:bg-green:focus-visible{background-color:var(--uog-color-green)}.uog\:hocus-visible\:bg-green-focus:hover,.uog\:hocus-visible\:bg-green-focus:focus-visible{background-color:var(--uog-color-green-focus)}.uog\:hocus-visible\:bg-light-grey:hover,.uog\:hocus-visible\:bg-light-grey:focus-visible{background-color:var(--uog-color-light-grey)}.uog\:hocus-visible\:bg-light-grey-focus:hover,.uog\:hocus-visible\:bg-light-grey-focus:focus-visible{background-color:var(--uog-color-light-grey-focus)}.uog\:hocus-visible\:bg-red:hover,.uog\:hocus-visible\:bg-red:focus-visible{background-color:var(--uog-color-red)}.uog\:hocus-visible\:bg-red-focus:hover,.uog\:hocus-visible\:bg-red-focus:focus-visible{background-color:var(--uog-color-red-focus)}.uog\:hocus-visible\:bg-white:hover,.uog\:hocus-visible\:bg-white:focus-visible{background-color:var(--uog-color-white)}.uog\:hocus-visible\:bg-white-focus:hover,.uog\:hocus-visible\:bg-white-focus:focus-visible{background-color:var(--uog-color-white-focus)}.uog\:hocus-visible\:bg-yellow:hover,.uog\:hocus-visible\:bg-yellow:focus-visible{background-color:var(--uog-color-yellow)}.uog\:hocus-visible\:bg-yellow-focus:hover,.uog\:hocus-visible\:bg-yellow-focus:focus-visible{background-color:var(--uog-color-yellow-focus)}.uog\:hocus-visible\:text-black:hover,.uog\:hocus-visible\:text-black:focus-visible{color:var(--uog-color-black)}.uog\:hocus-visible\:text-black-contrast:hover,.uog\:hocus-visible\:text-black-contrast:focus-visible{color:var(--uog-color-black-contrast)}.uog\:hocus-visible\:text-blue-contrast:hover,.uog\:hocus-visible\:text-blue-contrast:focus-visible{color:var(--uog-color-blue-contrast)}.uog\:hocus-visible\:text-dark-grey-contrast:hover,.uog\:hocus-visible\:text-dark-grey-contrast:focus-visible{color:var(--uog-color-dark-grey-contrast)}.uog\:hocus-visible\:text-green-contrast:hover,.uog\:hocus-visible\:text-green-contrast:focus-visible{color:var(--uog-color-green-contrast)}.uog\:hocus-visible\:text-light-grey-contrast:hover,.uog\:hocus-visible\:text-light-grey-contrast:focus-visible{color:var(--uog-color-light-grey-contrast)}.uog\:hocus-visible\:text-red-contrast:hover,.uog\:hocus-visible\:text-red-contrast:focus-visible{color:var(--uog-color-red-contrast)}.uog\:hocus-visible\:text-white-contrast:hover,.uog\:hocus-visible\:text-white-contrast:focus-visible{color:var(--uog-color-white-contrast)}.uog\:hocus-visible\:text-yellow-contrast:hover,.uog\:hocus-visible\:text-yellow-contrast:focus-visible{color:var(--uog-color-yellow-contrast)}.uog\:hocus-visible\:decoration-black:hover,.uog\:hocus-visible\:decoration-black:focus-visible{-webkit-text-decoration-color:var(--uog-color-black);text-decoration-color:var(--uog-color-black)}.uog\:hocus-visible\:decoration-transparent:hover,.uog\:hocus-visible\:decoration-transparent:focus-visible{text-decoration-color:#0000}.uog\:\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--uog-spacing)*0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--uog-font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--uog-color-black:#000;--uog-color-white:#fff;--uog-spacing:.4rem;--uog-container-6xl:72rem;--uog-container-7xl:80rem;--uog-text-sm:1.4rem;--uog-text-sm--line-height:1.4;--uog-text-base:1.6rem;--uog-text-base--line-height:1.4;--uog-text-lg:1.8rem;--uog-text-lg--line-height:1.4;--uog-text-xl:2rem;--uog-text-xl--line-height:1.4;--uog-text-2xl:2.5rem;--uog-text-2xl--line-height:1.4;--uog-text-3xl:3rem;--uog-text-3xl--line-height:1.4;--uog-text-4xl:4rem;--uog-text-4xl--line-height:1.4;--uog-text-6xl:6rem;--uog-text-6xl--line-height:1.6;--uog-font-weight-light:300;--uog-font-weight-normal:400;--uog-font-weight-medium:500;--uog-font-weight-bold:700;--uog-radius-sm:.25rem;--uog-radius-md:.375rem;--uog-ease-out:cubic-bezier(0,0,.2,1);--uog-ease-in-out:cubic-bezier(.4,0,.2,1);--uog-animate-spin:spin 1s linear infinite;--uog-blur-sm:8px;--uog-aspect-video:16/9;--uog-default-transition-duration:.15s;--uog-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--uog-color-white-contrast:#000;--uog-color-black-focus:#444;--uog-color-black-contrast:#fff;--uog-color-red:#e51937;--uog-color-red-focus:#b3142c;--uog-color-red-contrast:#fff;--uog-color-yellow:#ffc429;--uog-color-yellow-focus:#ffe299;--uog-color-yellow-contrast:#000;--uog-color-blue:#187bb4;--uog-color-blue-focus:#135f8b;--uog-color-blue-on-light:#1775ab;--uog-color-blue-contrast:#fff;--uog-color-green:#318738;--uog-color-green-focus:#27682c;--uog-color-green-contrast:#fff;--uog-color-grey-light:#d8d8d8;--uog-color-grey-light-contrast:#000;--uog-color-grey-light-bg:#f5f5f5;--uog-color-grey-dark:#747676;--uog-color-grey-dark-contrast:#fff;--uog-color-grey-dark-bg:#222;--uog-color-body-copy:#555;--uog-color-body-copy-on-dark:#ccc;--uog-color-body-copy-bold:#333;--uog-color-body-copy-link:#187bb4;--uog-color-body-copy-link-on-light:#166ea2;--uog-color-body-copy-link-on-dark:#1d93d7;--uog-animate-fade-in:fade .25s ease-in-out 1 normal forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components;@layer utilities{.uog\:pointer-events-none{pointer-events:none}.uog\:invisible{visibility:hidden}.uog\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uog\:absolute{position:absolute}.uog\:fixed{position:fixed}.uog\:relative{position:relative}.uog\:inset-0{inset:calc(var(--uog-spacing)*0)}.uog\:top-0{top:calc(var(--uog-spacing)*0)}.uog\:top-1\/2{top:50%}.uog\:right-0{right:calc(var(--uog-spacing)*0)}.uog\:bottom-0{bottom:calc(var(--uog-spacing)*0)}.uog\:left-0{left:calc(var(--uog-spacing)*0)}.uog\:left-1\/2{left:50%}.uog\:z-0{z-index:0}.uog\:z-10{z-index:10}.uog\:z-20{z-index:20}.uog\:z-50{z-index:50}.uog\:col-start-1{grid-column-start:1}.uog\:col-start-2{grid-column-start:2}.uog\:row-start-1{grid-row-start:1}.uog\:container{width:100%}@media (width>=40rem){.uog\:container{max-width:40rem}}@media (width>=48rem){.uog\:container{max-width:48rem}}@media (width>=64rem){.uog\:container{max-width:64rem}}@media (width>=80rem){.uog\:container{max-width:80rem}}@media (width>=96rem){.uog\:container{max-width:96rem}}.uog\:mx-auto{margin-inline:auto}.uog\:my-2{margin-block:calc(var(--uog-spacing)*2)}.uog\:my-7{margin-block:calc(var(--uog-spacing)*7)}.uog\:mt-3\.75{margin-top:calc(var(--uog-spacing)*3.75)}.uog\:mt-7\.5{margin-top:calc(var(--uog-spacing)*7.5)}.uog\:mr-\[0\.3em\]{margin-right:.3em}.uog\:mr-auto{margin-right:auto}.uog\:mb-0{margin-bottom:calc(var(--uog-spacing)*0)}.uog\:mb-1{margin-bottom:calc(var(--uog-spacing)*1)}.uog\:mb-2{margin-bottom:calc(var(--uog-spacing)*2)}.uog\:mb-3\.75{margin-bottom:calc(var(--uog-spacing)*3.75)}.uog\:mb-4{margin-bottom:calc(var(--uog-spacing)*4)}.uog\:ml-4{margin-left:calc(var(--uog-spacing)*4)}.uog\:ml-\[0\.25em\]{margin-left:.25em}.uog\:ml-auto{margin-left:auto}.uog\:block{display:block}.uog\:contents{display:contents}.uog\:flex{display:flex}.uog\:grid{display:grid}.uog\:hidden{display:none}.uog\:inline-block{display:inline-block}.uog\:inline-flex{display:inline-flex}.uog\:aspect-\[16\/9\]{aspect-ratio:16/9}.uog\:aspect-square{aspect-ratio:1}.uog\:aspect-video{aspect-ratio:var(--uog-aspect-video)}.uog\:size-4{width:calc(var(--uog-spacing)*4);height:calc(var(--uog-spacing)*4)}.uog\:h-1{height:calc(var(--uog-spacing)*1)}.uog\:h-2{height:calc(var(--uog-spacing)*2)}.uog\:h-5{height:calc(var(--uog-spacing)*5)}.uog\:h-9{height:calc(var(--uog-spacing)*9)}.uog\:h-16{height:calc(var(--uog-spacing)*16)}.uog\:h-\[\.75em\]{height:.75em}.uog\:h-\[1\.5em\]{height:1.5em}.uog\:h-\[1em\]{height:1em}.uog\:h-auto{height:auto}.uog\:h-fit{height:fit-content}.uog\:h-full{height:100%}.uog\:max-h-\[80vh\]{max-height:80vh}.uog\:max-h-\[calc\(85vh-14rem\)\]{max-height:calc(85vh - 14rem)}.uog\:min-h-\[7rem\]{min-height:7rem}.uog\:min-h-\[50rem\]{min-height:50rem}.uog\:w-2{width:calc(var(--uog-spacing)*2)}.uog\:w-3\/4{width:75%}.uog\:w-5{width:calc(var(--uog-spacing)*5)}.uog\:w-16{width:calc(var(--uog-spacing)*16)}.uog\:w-24{width:calc(var(--uog-spacing)*24)}.uog\:w-\[1em\]{width:1em}.uog\:w-fit{width:fit-content}.uog\:w-full{width:100%}.uog\:w-screen{width:100vw}.uog\:max-w-6xl{max-width:var(--uog-container-6xl)}.uog\:max-w-\[--tw-max-content-width\]{max-width:--tw-max-content-width}.uog\:flex-1{flex:1}.uog\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:rotate-90{rotate:90deg}.uog\:animate-fade-in{animation:var(--uog-animate-fade-in)}.uog\:animate-spin{animation:var(--uog-animate-spin)}.uog\:cursor-not-allowed{cursor:not-allowed}.uog\:cursor-pointer{cursor:pointer}.uog\:list-inside{list-style-position:inside}.uog\:list-\[circle\]{list-style-type:circle}.uog\:list-\[lower-alpha\]{list-style-type:lower-alpha}.uog\:list-\[lower-roman\]{list-style-type:lower-roman}.uog\:list-\[square\]{list-style-type:square}.uog\:list-decimal{list-style-type:decimal}.uog\:list-disc{list-style-type:disc}.uog\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.uog\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.uog\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.uog\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.uog\:grid-cols-\[4fr_1fr\]{grid-template-columns:4fr 1fr}.uog\:grid-cols-\[repeat\(var\(--items\)\,calc\(100\%\/var\(--display\)\)\)\]{grid-template-columns:repeat(var(--items),calc(100%/var(--display)))}.uog\:flex-col{flex-direction:column}.uog\:flex-col-reverse{flex-direction:column-reverse}.uog\:flex-row{flex-direction:row}.uog\:flex-row-reverse{flex-direction:row-reverse}.uog\:flex-wrap{flex-wrap:wrap}.uog\:items-center{align-items:center}.uog\:items-end{align-items:flex-end}.uog\:items-start{align-items:flex-start}.uog\:justify-between{justify-content:space-between}.uog\:justify-center{justify-content:center}.uog\:justify-end{justify-content:flex-end}.uog\:justify-start{justify-content:flex-start}.uog\:gap-0\.5{gap:calc(var(--uog-spacing)*.5)}.uog\:gap-1{gap:calc(var(--uog-spacing)*1)}.uog\:gap-2{gap:calc(var(--uog-spacing)*2)}.uog\:gap-4{gap:calc(var(--uog-spacing)*4)}.uog\:gap-5{gap:calc(var(--uog-spacing)*5)}.uog\:gap-\[1em\]{gap:1em}.uog\:overflow-hidden{overflow:hidden}.uog\:overflow-x-hidden{overflow-x:hidden}.uog\:rounded{border-radius:.25rem}.uog\:rounded-full{border-radius:3.40282e38px}.uog\:rounded-md{border-radius:var(--uog-radius-md)}.uog\:rounded-t-sm{border-top-left-radius:var(--uog-radius-sm);border-top-right-radius:var(--uog-radius-sm)}.uog\:border{border-style:var(--tw-border-style);border-width:1px}.uog\:border-0{border-style:var(--tw-border-style);border-width:0}.uog\:border-2{border-style:var(--tw-border-style);border-width:2px}.uog\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.uog\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.uog\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.uog\:border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.uog\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.uog\:border-black{border-color:var(--uog-color-black)}.uog\:border-blue{border-color:var(--uog-color-blue)}.uog\:border-green{border-color:var(--uog-color-green)}.uog\:border-grey-light{border-color:var(--uog-color-grey-light)}.uog\:border-red{border-color:var(--uog-color-red)}.uog\:border-white\/40{border-color:color-mix(in oklab,var(--uog-color-white)40%,transparent)}.uog\:border-yellow{border-color:var(--uog-color-yellow)}.uog\:border-l-black{border-left-color:var(--uog-color-black)}.uog\:border-l-blue{border-left-color:var(--uog-color-blue)}.uog\:border-l-green{border-left-color:var(--uog-color-green)}.uog\:border-l-grey-dark{border-left-color:var(--uog-color-grey-dark)}.uog\:border-l-grey-light{border-left-color:var(--uog-color-grey-light)}.uog\:border-l-red{border-left-color:var(--uog-color-red)}.uog\:border-l-white{border-left-color:var(--uog-color-white)}.uog\:border-l-yellow{border-left-color:var(--uog-color-yellow)}.uog\:bg-black{background-color:var(--uog-color-black)}.uog\:bg-black\/40{background-color:color-mix(in oklab,var(--uog-color-black)40%,transparent)}.uog\:bg-black\/60{background-color:color-mix(in oklab,var(--uog-color-black)60%,transparent)}.uog\:bg-blue{background-color:var(--uog-color-blue)}.uog\:bg-green{background-color:var(--uog-color-green)}.uog\:bg-grey-dark{background-color:var(--uog-color-grey-dark)}.uog\:bg-grey-dark-bg{background-color:var(--uog-color-grey-dark-bg)}.uog\:bg-grey-light{background-color:var(--uog-color-grey-light)}.uog\:bg-grey-light-bg{background-color:var(--uog-color-grey-light-bg)}.uog\:bg-red{background-color:var(--uog-color-red)}.uog\:bg-transparent{background-color:#0000}.uog\:bg-white{background-color:var(--uog-color-white)}.uog\:bg-white\/60{background-color:color-mix(in oklab,var(--uog-color-white)60%,transparent)}.uog\:bg-yellow{background-color:var(--uog-color-yellow)}.uog\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uog\:bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.uog\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-black)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-white)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-black)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-white)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-30\%{--tw-gradient-via-position:30%}.uog\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:fill-black{fill:var(--uog-color-black)}.uog\:object-cover{object-fit:cover}.uog\:p-0{padding:calc(var(--uog-spacing)*0)}.uog\:p-1{padding:calc(var(--uog-spacing)*1)}.uog\:p-1\.5{padding:calc(var(--uog-spacing)*1.5)}.uog\:p-2\.5{padding:calc(var(--uog-spacing)*2.5)}.uog\:p-3{padding:calc(var(--uog-spacing)*3)}.uog\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:p-5{padding:calc(var(--uog-spacing)*5)}.uog\:p-6{padding:calc(var(--uog-spacing)*6)}.uog\:p-7{padding:calc(var(--uog-spacing)*7)}.uog\:px-0{padding-inline:calc(var(--uog-spacing)*0)}.uog\:px-4{padding-inline:calc(var(--uog-spacing)*4)}.uog\:px-5{padding-inline:calc(var(--uog-spacing)*5)}.uog\:px-6{padding-inline:calc(var(--uog-spacing)*6)}.uog\:py-0{padding-block:calc(var(--uog-spacing)*0)}.uog\:py-2{padding-block:calc(var(--uog-spacing)*2)}.uog\:py-3{padding-block:calc(var(--uog-spacing)*3)}.uog\:py-4{padding-block:calc(var(--uog-spacing)*4)}.uog\:pt-2{padding-top:calc(var(--uog-spacing)*2)}.uog\:pt-8{padding-top:calc(var(--uog-spacing)*8)}.uog\:pb-4{padding-bottom:calc(var(--uog-spacing)*4)}.uog\:pl-4{padding-left:calc(var(--uog-spacing)*4)}.uog\:pl-5{padding-left:calc(var(--uog-spacing)*5)}.uog\:text-center{text-align:center}.uog\:text-left{text-align:left}.uog\:font-serif{font-family:var(--uog-font-serif)}.uog\:text-2xl{font-size:var(--uog-text-2xl);line-height:var(--tw-leading,var(--uog-text-2xl--line-height))}.uog\:text-3xl{font-size:var(--uog-text-3xl);line-height:var(--tw-leading,var(--uog-text-3xl--line-height))}.uog\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}.uog\:text-base{font-size:var(--uog-text-base);line-height:var(--tw-leading,var(--uog-text-base--line-height))}.uog\:text-lg{font-size:var(--uog-text-lg);line-height:var(--tw-leading,var(--uog-text-lg--line-height))}.uog\:text-sm{font-size:var(--uog-text-sm);line-height:var(--tw-leading,var(--uog-text-sm--line-height))}.uog\:text-xl{font-size:var(--uog-text-xl);line-height:var(--tw-leading,var(--uog-text-xl--line-height))}.uog\:text-\[1\.5rem\]{font-size:1.5rem}.uog\:text-\[4rem\]{font-size:4rem}.uog\:text-\[6rem\]{font-size:6rem}.uog\:text-\[8rem\]{font-size:8rem}.uog\:text-\[14rem\]{font-size:14rem}.uog\:text-\[18rem\]{font-size:18rem}.uog\:leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.uog\:leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.uog\:font-bold{--tw-font-weight:var(--uog-font-weight-bold);font-weight:var(--uog-font-weight-bold)}.uog\:font-light{--tw-font-weight:var(--uog-font-weight-light);font-weight:var(--uog-font-weight-light)}.uog\:font-medium{--tw-font-weight:var(--uog-font-weight-medium);font-weight:var(--uog-font-weight-medium)}.uog\:font-normal{--tw-font-weight:var(--uog-font-weight-normal);font-weight:var(--uog-font-weight-normal)}.uog\:text-black{color:var(--uog-color-black)}.uog\:text-black-contrast{color:var(--uog-color-black-contrast)}.uog\:text-blue{color:var(--uog-color-blue)}.uog\:text-blue-contrast{color:var(--uog-color-blue-contrast)}.uog\:text-blue-on-light{color:var(--uog-color-blue-on-light)}.uog\:text-body-copy{color:var(--uog-color-body-copy)}.uog\:text-body-copy-bold{color:var(--uog-color-body-copy-bold)}.uog\:text-body-copy-link{color:var(--uog-color-body-copy-link)}.uog\:text-body-copy-link-on-dark{color:var(--uog-color-body-copy-link-on-dark)}.uog\:text-body-copy-link-on-light{color:var(--uog-color-body-copy-link-on-light)}.uog\:text-body-copy-on-dark{color:var(--uog-color-body-copy-on-dark)}.uog\:text-green{color:var(--uog-color-green)}.uog\:text-green-contrast{color:var(--uog-color-green-contrast)}.uog\:text-grey-dark{color:var(--uog-color-grey-dark)}.uog\:text-grey-dark-contrast{color:var(--uog-color-grey-dark-contrast)}.uog\:text-grey-light-contrast{color:var(--uog-color-grey-light-contrast)}.uog\:text-red{color:var(--uog-color-red)}.uog\:text-red-contrast{color:var(--uog-color-red-contrast)}.uog\:text-white{color:var(--uog-color-white)}.uog\:text-white-contrast{color:var(--uog-color-white-contrast)}.uog\:text-yellow{color:var(--uog-color-yellow)}.uog\:text-yellow-contrast{color:var(--uog-color-yellow-contrast)}.uog\:italic{font-style:italic}.uog\:not-italic{font-style:normal}.uog\:no-underline{text-decoration-line:none}.uog\:underline{text-decoration-line:underline}.uog\:decoration-current{text-decoration-color:currentColor}.uog\:decoration-transparent{text-decoration-color:#0000}.uog\:decoration-1{text-decoration-thickness:1px}.uog\:opacity-0{opacity:0}.uog\:opacity-50{opacity:.5}.uog\:opacity-60{opacity:.6}.uog\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:blur-sm{--tw-blur:blur(var(--uog-blur-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.uog\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-\[transform\,color\,opacity\,visibility\]{transition-property:transform,color,opacity,visibility;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:duration-200{--tw-duration:.2s;transition-duration:.2s}.uog\:duration-300{--tw-duration:.3s;transition-duration:.3s}.uog\:ease-in-out{--tw-ease:var(--uog-ease-in-out);transition-timing-function:var(--uog-ease-in-out)}.uog\:ease-out{--tw-ease:var(--uog-ease-out);transition-timing-function:var(--uog-ease-out)}@media (hover:hover){.uog\:group-hover\:scale-110:is(:where(.uog\:group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.uog\:group-hover\:bg-yellow:is(:where(.uog\:group):hover *){background-color:var(--uog-color-yellow)}}.uog\:group-ui-checked\:opacity-100:is(:where(.uog\:group)[data-headlessui-state~=checked] *),.uog\:group-ui-checked\:opacity-100:is(:where([data-headlessui-state~=checked]) :where(.uog\:group) *){opacity:1}.uog\:group-hocus-visible\:bg-yellow:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){background-color:var(--uog-color-yellow)}.uog\:group-hocus-visible\:text-blue-contrast:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){color:var(--uog-color-blue-contrast)}.uog\:group-hocus-visible\:text-yellow-contrast:is(:is(:where(.uog\:group):hover,:where(.uog\:group):focus-visible) *){color:var(--uog-color-yellow-contrast)}.uog\:focus-within\:border-blue:focus-within{border-color:var(--uog-color-blue)}@media (hover:hover){.uog\:hover\:bg-red:hover{background-color:var(--uog-color-red)}.uog\:hover\:bg-red-focus:hover{background-color:var(--uog-color-red-focus)}.uog\:hover\:decoration-transparent:hover{text-decoration-color:#0000}}.uog\:focus\:bg-red-focus:focus{background-color:var(--uog-color-red-focus)}.uog\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.uog\:focus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:focus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.uog\:focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--uog-color-black)}.uog\:focus-visible\:ring-blue:focus-visible{--tw-ring-color:var(--uog-color-blue)}.uog\:focus-visible\:ring-body-copy-link:focus-visible{--tw-ring-color:var(--uog-color-body-copy-link)}.uog\:focus-visible\:ring-body-copy-link-on-light:focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.uog\:focus-visible\:ring-green:focus-visible{--tw-ring-color:var(--uog-color-green)}.uog\:focus-visible\:ring-red:focus-visible{--tw-ring-color:var(--uog-color-red)}.uog\:focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--uog-color-white)}.uog\:focus-visible\:ring-yellow:focus-visible{--tw-ring-color:var(--uog-color-yellow)}.uog\:focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.uog\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.uog\:has-\[strong\]\:text-body-copy-bold:has(:is(strong)){color:var(--uog-color-body-copy-bold)}.uog\:data-\[closed\]\:opacity-0[data-closed]{opacity:0}@media (width>=40rem){.uog\:sm\:px-16{padding-inline:calc(var(--uog-spacing)*16)}.uog\:sm\:text-6xl{font-size:var(--uog-text-6xl);line-height:var(--tw-leading,var(--uog-text-6xl--line-height))}}@media (width>=48rem){.uog\:md\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uog\:md\:absolute{position:absolute}.uog\:md\:z-20{z-index:20}.uog\:md\:block{display:block}.uog\:md\:contents{display:contents}.uog\:md\:grid{display:grid}.uog\:md\:aspect-\[2\.625\]{aspect-ratio:2.625}.uog\:md\:w-1\/3{width:33.3333%}.uog\:md\:w-9{width:calc(var(--uog-spacing)*9)}.uog\:md\:flex-row{flex-direction:row}.uog\:md\:rounded-full{border-radius:3.40282e38px}.uog\:md\:bg-black\/70{background-color:color-mix(in oklab,var(--uog-color-black)70%,transparent)}.uog\:md\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:md\:px-4{padding-inline:calc(var(--uog-spacing)*4)}.uog\:md\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}}@media (width>=64rem){.uog\:lg\:absolute{position:absolute}.uog\:lg\:bottom-0{bottom:calc(var(--uog-spacing)*0)}.uog\:lg\:left-1\/2{left:50%}.uog\:lg\:container{width:100%}@media (width>=40rem){.uog\:lg\:container{max-width:40rem}}@media (width>=48rem){.uog\:lg\:container{max-width:48rem}}.uog\:lg\:container{max-width:64rem}@media (width>=80rem){.uog\:lg\:container{max-width:80rem}}@media (width>=96rem){.uog\:lg\:container{max-width:96rem}}.uog\:lg\:mx-auto{margin-inline:auto}.uog\:lg\:ml-auto{margin-left:auto}.uog\:lg\:max-w-7xl{max-width:var(--uog-container-7xl)}.uog\:lg\:max-w-\[50\%\]{max-width:50%}.uog\:lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:lg\:items-center{align-items:center}.uog\:lg\:items-end{align-items:flex-end}.uog\:lg\:bg-black\/80{background-color:color-mix(in oklab,var(--uog-color-black)80%,transparent)}.uog\:lg\:p-4{padding:calc(var(--uog-spacing)*4)}.uog\:lg\:text-center{text-align:center}.uog\:lg\:text-right{text-align:right}.uog\:lg\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}.uog\:ui-checked\:bg-black[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-black{background-color:var(--uog-color-black)}.uog\:ui-checked\:bg-blue[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-blue{background-color:var(--uog-color-blue)}.uog\:ui-checked\:bg-green[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-green{background-color:var(--uog-color-green)}.uog\:ui-checked\:bg-white[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-white{background-color:var(--uog-color-white)}.uog\:ui-checked\:bg-yellow[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .uog\:ui-checked\:bg-yellow{background-color:var(--uog-color-yellow)}.uog\:hocus-visible\:-translate-x-1:hover,.uog\:hocus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:hocus-visible\:translate-x-1:hover,.uog\:hocus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--uog-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.uog\:hocus-visible\:bg-black:hover,.uog\:hocus-visible\:bg-black:focus-visible{background-color:var(--uog-color-black)}.uog\:hocus-visible\:bg-black-focus:hover,.uog\:hocus-visible\:bg-black-focus:focus-visible{background-color:var(--uog-color-black-focus)}.uog\:hocus-visible\:bg-blue:hover,.uog\:hocus-visible\:bg-blue:focus-visible{background-color:var(--uog-color-blue)}.uog\:hocus-visible\:bg-blue-focus:hover,.uog\:hocus-visible\:bg-blue-focus:focus-visible{background-color:var(--uog-color-blue-focus)}.uog\:hocus-visible\:bg-green:hover,.uog\:hocus-visible\:bg-green:focus-visible{background-color:var(--uog-color-green)}.uog\:hocus-visible\:bg-green-focus:hover,.uog\:hocus-visible\:bg-green-focus:focus-visible{background-color:var(--uog-color-green-focus)}.uog\:hocus-visible\:bg-grey-light:hover,.uog\:hocus-visible\:bg-grey-light:focus-visible{background-color:var(--uog-color-grey-light)}.uog\:hocus-visible\:bg-red:hover,.uog\:hocus-visible\:bg-red:focus-visible{background-color:var(--uog-color-red)}.uog\:hocus-visible\:bg-red-focus:hover,.uog\:hocus-visible\:bg-red-focus:focus-visible{background-color:var(--uog-color-red-focus)}.uog\:hocus-visible\:bg-yellow:hover,.uog\:hocus-visible\:bg-yellow:focus-visible{background-color:var(--uog-color-yellow)}.uog\:hocus-visible\:bg-yellow-focus:hover,.uog\:hocus-visible\:bg-yellow-focus:focus-visible{background-color:var(--uog-color-yellow-focus)}.uog\:hocus-visible\:text-black-contrast:hover,.uog\:hocus-visible\:text-black-contrast:focus-visible{color:var(--uog-color-black-contrast)}.uog\:hocus-visible\:text-blue-contrast:hover,.uog\:hocus-visible\:text-blue-contrast:focus-visible{color:var(--uog-color-blue-contrast)}.uog\:hocus-visible\:text-blue-focus:hover,.uog\:hocus-visible\:text-blue-focus:focus-visible{color:var(--uog-color-blue-focus)}.uog\:hocus-visible\:text-green-contrast:hover,.uog\:hocus-visible\:text-green-contrast:focus-visible{color:var(--uog-color-green-contrast)}.uog\:hocus-visible\:text-red-contrast:hover,.uog\:hocus-visible\:text-red-contrast:focus-visible{color:var(--uog-color-red-contrast)}.uog\:hocus-visible\:text-yellow-contrast:hover,.uog\:hocus-visible\:text-yellow-contrast:focus-visible{color:var(--uog-color-yellow-contrast)}.uog\:hocus-visible\:decoration-black:hover,.uog\:hocus-visible\:decoration-black:focus-visible{-webkit-text-decoration-color:var(--uog-color-black);text-decoration-color:var(--uog-color-black)}.uog\:hocus-visible\:decoration-transparent:hover,.uog\:hocus-visible\:decoration-transparent:focus-visible{text-decoration-color:#0000}.uog\:\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--uog-spacing)*0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/info.js

@@ -9,8 +9,8 @@ function u({ children: r, color: o = "red" }) {
         yellow: "uog:border-l-yellow",
         blue: "uog:border-l-blue",
         green: "uog:border-l-green",
-        "light-grey": "uog:border-l-light-grey",
-        "dark-grey": "uog:border-l-dark-grey",
+        "grey-light": "uog:border-l-grey-light",
+        "grey-dark": "uog:border-l-grey-dark",
         black: "uog:border-l-black",
         white: "uog:border-l-white"
       }

package/dist/media-caption.js

@@ -43,11 +43,11 @@ function k({
         }
       },
       background: {
-        "light-grey": {
-          caption: "uog:bg-light-grey-bg uog:text-body-copy"
+        "grey-light": {
+          caption: "uog:bg-grey-light-bg uog:text-body-copy"
         },
-        "dark-grey": {
-          caption: "uog:bg-dark-grey-bg uog:text-body-copy-on-dark"
+        "grey-dark": {
+          caption: "uog:bg-grey-dark-bg uog:text-body-copy-on-dark"
         },
         none: {}
       }

package/dist/modal.js

@@ -12,7 +12,7 @@ function v({ open: t, onClose: a = () => {
       wrapper: "uog:fixed uog:inset-0 uog:flex uog:w-screen uog:justify-center uog:md:p-4",
       panelWrapper: "uog:relative uog:w-full uog:flex uog:flex-col uog:items-center",
       panel: "",
-      closeButton: "uog:bg-dark-grey-bg uog:md:absolute uog:border-b uog:border-white/40 uog:top-0 uog:right-0 uog:flex uog:h-9 uog:w-full uog:md:w-9 uog:items-center uog:justify-center uog:md:rounded-full uog:text-xl uog:text-white uog:transition-colors uog:hover:bg-red uog:gap-1"
+      closeButton: "uog:bg-grey-dark-bg uog:md:absolute uog:border-b uog:border-white/40 uog:top-0 uog:right-0 uog:flex uog:h-9 uog:w-full uog:md:w-9 uog:items-center uog:justify-center uog:md:rounded-full uog:text-xl uog:text-white uog:transition-colors uog:hover:bg-red uog:gap-1"
     },
     variants: {
       centered: {

package/dist/navigation-link.js

@@ -13,7 +13,7 @@ function f({
   const l = e ?? b, r = m({
     slots: {
       listItem: "uog:contents uog:flex-1",
-      link: "uog:rounded-t-sm uog:bg-light-grey-bg uog:font-bold uog:hocus-visible:bg-light-grey uog:mb-1 uog:flex uog:items-center uog:justify-center uog:px-4 uog:py-3 uog:text-center uog:text-lg uog:text-black uog:transition-colors uog:focus:outline-none uog:flex-1"
+      link: "uog:rounded-t-sm uog:bg-grey-light-bg uog:font-bold uog:hocus-visible:bg-grey-light uog:mb-1 uog:flex uog:items-center uog:justify-center uog:px-4 uog:py-3 uog:text-center uog:text-lg uog:text-black uog:transition-colors uog:focus:outline-none uog:flex-1"
     },
     variants: {
       active: {

package/dist/text-input.js

@@ -15,7 +15,7 @@ function T({
   const [r, g] = j(i), e = B(null), m = E({
     slots: {
       base: "uog:flex uog:flex-col uog:gap-0.5",
-      wrapper: "uog:text-input uog:border-light-grey uog:flex uog:rounded-md uog:border uog:px-4 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none",
+      wrapper: "uog:text-input uog:border-grey-light uog:flex uog:rounded-md uog:border uog:px-4 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none",
       input: "uog:flex-1 uog:focus:outline-none",
       clearButton: "uog:rounded-full uog:text-xl"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.0.0-rc.8",
+  "version": "1.0.0",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -48,7 +48,7 @@
     "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@uoguelph/tailwind-theme": "^1.0.0-rc.5",
+    "@uoguelph/tailwind-theme": "^1.0.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.19.0",
@@ -72,5 +72,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "accf4e8deb68e8445715d5f4d8035506882d6ef1"
+  "gitHead": "e19f9d63b106ce9def4f0d2c07ea242fc667e5fd"
 }