@uoguelph/react-components 1.6.0-rc.1 → 1.6.0-rc.10

package/dist/accordion.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Disclosure as t } from "@headlessui/react";
-import { twMerge as e } from "tailwind-merge";
-import { AccordionContext as m } from "./accordion-context.js";
-import { AccordionButton as x } from "./accordion-button.js";
-import { AccordionContent as h } from "./accordion-content.js";
-function d({ children: r, className: c }) {
-  const i = e("my-2 [&_p:last-child]:mb-0", c);
-  return /* @__PURE__ */ o(t, { children: ({ open: n }) => /* @__PURE__ */ o("div", { className: `uofg-accordion ${i}`, children: /* @__PURE__ */ o(m.Provider, { value: { isOpen: n }, children: r }) }) });
+import { Disclosure as e } from "@headlessui/react";
+import { twMerge as m } from "tailwind-merge";
+import { AccordionContext as d } from "./accordion-context.js";
+import { AccordionButton as A } from "./accordion-button.js";
+import { AccordionContent as v } from "./accordion-content.js";
+function p({ id: r, children: c, className: i }) {
+  const n = m("my-2 [&_p:last-child]:mb-0", i);
+  return /* @__PURE__ */ o(e, { children: ({ open: t }) => /* @__PURE__ */ o("div", { id: r, className: `uofg-accordion ${n}`, children: /* @__PURE__ */ o(d.Provider, { value: { isOpen: t }, children: c }) }) });
 }
-d.displayName = "Accordion";
+p.displayName = "Accordion";
 export {
-  d as Accordion,
-  x as AccordionButton,
-  h as AccordionContent
+  p as Accordion,
+  A as AccordionButton,
+  v as AccordionContent
 };

package/dist/back-to-top.js

@@ -1,30 +1,32 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+"use client";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { a } from "./solid-CwgZbR1c.js";
 import { FontAwesomeIcon as m } from "@fortawesome/react-fontawesome";
-import { useState as d, useEffect as f } from "react";
-import { twMerge as p } from "tailwind-merge";
-function v({ className: s, threshold: o = 100 }) {
-  const [n, r] = d(!1);
-  f(() => {
-    const e = () => {
-      r(window.scrollY > o);
+import { useState as d, useEffect as p } from "react";
+import { twMerge as f } from "tailwind-merge";
+function x({ className: s, threshold: o = 100 }) {
+  const [e, i] = d(!1);
+  p(() => {
+    const t = () => {
+      i(window.scrollY > o);
     };
-    return window.addEventListener("scroll", e), () => {
-      window.removeEventListener("scroll", e);
+    return window.addEventListener("scroll", t), () => {
+      window.removeEventListener("scroll", t);
     };
   }, [o]);
-  const i = () => {
+  const n = () => {
     window.scrollTo({ top: 0, behavior: "smooth" });
-  }, l = p(
-    "fixed right-4 bottom-4 z-50 rounded-full bg-black p-2 text-white shadow-md",
-    !n && "hidden",
+  }, c = f(
+    "fixed right-4 bottom-4 z-50 flex aspect-square w-12 items-center justify-center rounded-full border border-white bg-black p-2 text-white transition hover:bg-red hover:text-red-contrast",
+    !e && "invisible opacity-0",
+    e && "visible opacity-100",
     s
   );
-  return /* @__PURE__ */ c("button", { onClick: i, className: `uofg-back-to-top ${l}`, children: [
-    /* @__PURE__ */ t("span", { className: "sr-only", children: "Back to top" }),
-    /* @__PURE__ */ t(m, { icon: a })
+  return /* @__PURE__ */ l("button", { onClick: n, className: `uofg-back-to-top ${c}`, children: [
+    /* @__PURE__ */ r("span", { className: "sr-only", children: "Back to top" }),
+    /* @__PURE__ */ r(m, { icon: a })
   ] });
 }
 export {
-  v as BackToTop
+  x as BackToTop
 };

package/dist/carousel.js

@@ -1,49 +1,49 @@
 "use client";
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { d as k, e as I } from "./solid-CwgZbR1c.js";
-import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
-import { Children as $, useRef as x, useState as A, useEffect as F } from "react";
-import { tv as L } from "tailwind-variants";
-import { l as S, b as q, m as w, c as M } from "./math-utils-CnAd98v6.js";
-const R = (c, h, t) => {
-  const o = c.scrollLeft, n = performance.now();
-  return new Promise((r) => {
-    const f = (e) => {
-      const u = e - n, i = q(Math.min(u / t, 1), 0.25, 0, 0.25, 1);
-      c.scrollLeft = S(o, h, i), u < t ? requestAnimationFrame(f) : r();
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { d as I, e as $ } from "./solid-CwgZbR1c.js";
+import { FontAwesomeIcon as w } from "@fortawesome/react-fontawesome";
+import { Children as A, useRef as b, useState as F, useEffect as L } from "react";
+import { tv as S } from "tailwind-variants";
+import { l as q, b as M, m as C, c as R } from "./math-utils-CnAd98v6.js";
+const z = (l, a, f) => {
+  const t = l.scrollLeft, r = performance.now();
+  return new Promise((n) => {
+    const o = (h) => {
+      const e = h - r, d = M(Math.min(e / f, 1), 0.25, 0, 0.25, 1);
+      l.scrollLeft = q(t, a, d), e < f ? requestAnimationFrame(o) : n();
     };
-    requestAnimationFrame(f);
+    requestAnimationFrame(o);
   });
 };
-function G({ children: c, display: h = 1, loop: t = "none" }) {
-  const o = $.count(c), n = Math.max(h, 1), r = x(null), f = x(0), [e, u] = A(0), i = o - n, d = x(!1);
-  F(() => {
+function H({ id: l, children: a, display: f = 1, loop: t = "none" }) {
+  const r = A.count(a), n = Math.max(f, 1), o = b(null), h = b(0), [e, d] = F(0), u = r - n, x = b(!1);
+  L(() => {
     var s;
-    if (!r.current)
+    if (!o.current)
       return;
-    const l = ((s = r.current) == null ? void 0 : s.offsetWidth) / n;
-    (t === "jump" || t === "none") && (d.current = !0, R(r.current, l * e, 250).then(() => {
-      d.current = !1;
-    })), f.current = e;
-  }, [e, t, i, n]);
-  const b = (l) => {
-    if (d.current) return;
+    const i = ((s = o.current) == null ? void 0 : s.offsetWidth) / n;
+    (t === "jump" || t === "none") && (x.current = !0, z(o.current, i * e, 250).then(() => {
+      x.current = !1;
+    })), h.current = e;
+  }, [e, t, u, n]);
+  const v = (i) => {
+    if (x.current) return;
     let s;
     switch (t) {
       case "none":
-        s = M(e + l, 0, i);
+        s = R(e + i, 0, u);
         break;
       case "jump":
-        s = w(e + l, i + 1);
+        s = C(e + i, u + 1);
         break;
       case "continuous":
-        s = w(e + l, o);
+        s = C(e + i, r);
         break;
       default:
         s = 0;
     }
-    u(s);
-  }, C = L({
+    d(s);
+  }, y = S({
     slots: {
       base: "relative flex h-fit min-h-[7rem] w-full flex-col-reverse",
       contentContainer: "grid w-full flex-1 grid-cols-[repeat(var(--items),calc(100%/var(--display)))] overflow-x-hidden [&>*]:[grid-row:1]",
@@ -68,47 +68,47 @@ function G({ children: c, display: h = 1, loop: t = "none" }) {
         }
       }
     }
-  }), v = o > n, { base: y, contentContainer: N, controlContainer: j, control: p } = C({ showControls: v });
-  return /* @__PURE__ */ m("div", { className: `uofg-carousel ${y()}`, children: [
-    v && /* @__PURE__ */ m("div", { className: `uofg-carousel-control-container ${j()}`, children: [
+  }), p = r > n, { base: N, contentContainer: j, controlContainer: k, control: g } = y({ showControls: p });
+  return /* @__PURE__ */ m("div", { id: l, className: `uofg-carousel ${N()}`, children: [
+    p && /* @__PURE__ */ m("div", { className: `uofg-carousel-control-container ${k()}`, children: [
       /* @__PURE__ */ m(
         "button",
         {
-          onClick: () => b(-1),
-          className: `uofg-carousel-shift-left ${p({ showControls: !(t === "none" && e === 0), direction: "left" })}`,
+          onClick: () => v(-1),
+          className: `uofg-carousel-shift-left ${g({ showControls: !(t === "none" && e === 0), direction: "left" })}`,
           children: [
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Shift left" }),
-            /* @__PURE__ */ a(g, { icon: k })
+            /* @__PURE__ */ c("span", { className: "sr-only", children: "Shift left" }),
+            /* @__PURE__ */ c(w, { icon: I })
           ]
         }
       ),
       /* @__PURE__ */ m(
         "button",
         {
-          onClick: () => b(1),
-          className: `uofg-carousel-shift-right ${p({ showControls: !(t === "none" && e === i), direction: "right" })}`,
+          onClick: () => v(1),
+          className: `uofg-carousel-shift-right ${g({ showControls: !(t === "none" && e === u), direction: "right" })}`,
           children: [
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Shift right" }),
-            /* @__PURE__ */ a(g, { icon: I })
+            /* @__PURE__ */ c("span", { className: "sr-only", children: "Shift right" }),
+            /* @__PURE__ */ c(w, { icon: $ })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: `uofg-carousel-content-container ${N()}`,
-        ref: r,
+        className: `uofg-carousel-content-container ${j()}`,
+        ref: o,
         style: {
           // Define CSS variables for the grid layout
-          "--items": o,
+          "--items": r,
           "--display": n
         },
-        children: c
+        children: a
       }
     )
   ] });
 }
 export {
-  G as Carousel
+  H as Carousel
 };

package/dist/components/accordion/accordion.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 export type AccordionProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the accordion. */
     className?: string;
 }>;
@@ -7,7 +8,7 @@ export type AccordionProps = PropsWithChildren<{
  * The Accordion component is used for organizing information into collapsible sections which respond to user
  * interaction.
  */
-export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ id, children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {
     var displayName: string;
 }

package/dist/components/card/card-image.d.ts

@@ -13,9 +13,9 @@ export type CardImageProps<T extends CardImageElementType = typeof defaultCardIm
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the image */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/carousel/carousel.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 export type CarouselProps = PropsWithChildren<{
+    id?: string;
     /**
      * The number of items to display at once
      *
@@ -17,4 +18,4 @@ export type CarouselProps = PropsWithChildren<{
  * The Carousel component is used to display a series of items in a horizontal row, allowing the user to scroll through
  * them.
  */
-export declare function Carousel({ children, display, loop }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function Carousel({ id, children, display, loop }: CarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/contact/contact.d.ts

@@ -4,6 +4,7 @@ import { ContactName } from './contact-name';
 import { ContactPhone } from './contact-phone';
 import { ContactTitle } from './contact-title';
 export type ContactProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the contact */
     className?: string;
 }>;
@@ -11,7 +12,7 @@ export type ContactProps = PropsWithChildren<{
  * The Contact component is a container used to group contact information like name, title, phone number, and email
  * address in a styled, organized layout
  */
-export declare function Contact({ children, className }: ContactProps): import("react/jsx-runtime").JSX.Element;
+export declare function Contact({ id, children, className }: ContactProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Contact {
     var displayName: string;
 }

package/dist/components/grid/grid.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 type Breakpoints = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type GridProps = PropsWithChildren<{
+    id?: string;
     /** Extra CSS classes to add to the grid container (optional). */
     className?: string;
     /**
@@ -32,7 +33,7 @@ export type GridProps = PropsWithChildren<{
         y: number | string;
     };
 }>;
-export declare function Grid({ template, major, gap, alignment, children, className }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ id, template, major, gap, alignment, children, className }: GridProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Grid {
     var displayName: string;
 }

package/dist/components/hero/hero.d.ts

@@ -24,9 +24,9 @@ export type HeroProps<T extends HeroElementType = typeof defaultElement> = Props
     /** The alt text for the image */
     alt: string;
     /** The width of the image in pixels */
-    width?: number;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: number;
+    height?: `${number}` | number;
     /**
      * The alignment of the hero content, only applies to the spotlight variant
      *

package/dist/components/image-overlay/image-overlay.d.ts

@@ -12,10 +12,10 @@ export type ImageOverlayProps<T extends ImageOverlayElementType = typeof default
     src: string;
     /** The image alt text. */
     alt: string;
-    /** The image width in pixels. */
-    width?: number;
-    /** The image height in pixels. */
-    height?: number;
+    /** The width of the image in pixels */
+    width?: `${number}` | number;
+    /** The height of the image in pixels */
+    height?: `${number}` | number;
     /** Additional classes to apply to the image. */
     className?: string;
     /**

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

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 export type InfoProps = PropsWithChildren<{
+    id?: string;
     /**
      * The color of the left border in the info component.
      *
@@ -7,7 +8,7 @@ export type InfoProps = PropsWithChildren<{
      */
     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 function Info({ id, children, color }: InfoProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Info {
     var displayName: string;
 }

package/dist/components/link-carousel/link-carousel.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 export type LinkCarouselProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the link carousel. */
     className?: string;
     /** Whether the carousel links should stack on top of the content, rather than beside it. */
@@ -18,7 +19,7 @@ export type LinkCarouselProps = PropsWithChildren<{
  * and is not focus friendly. If your content doesn't match this criteria, use the Carousel component instead, or find
  * another way to display your content.
  */
-export declare function LinkCarousel({ children, className, stack, direction }: LinkCarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkCarousel({ id, children, className, stack, direction }: LinkCarouselProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LinkCarousel {
     var displayName: string;
 }

package/dist/components/navigation/navigation.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
 export type NavigationProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to add the navigation */
     className?: string;
 }>;
-export declare function Navigation({ className, children }: NavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Navigation({ id, className, children }: NavigationProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Navigation {
     var displayName: string;
 }

package/dist/components/statistics/statistics-item-image.d.ts

@@ -13,9 +13,9 @@ export type StatisticsItemImageProps<T extends StatisticsItemImageElementType =
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the image */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/statistics/statistics.d.ts

@@ -1,12 +1,13 @@
 import { PropsWithChildren } from 'react';
 export type StatisticsProps = PropsWithChildren<{
+    id?: string;
     /** The variant of the statistics */
     variant: 'solid-colors-full' | 'solid-colors-no-gap' | 'solid-colors' | 'light-grey' | 'left-border';
     /** Additional classes to apply to the statistics */
     className?: string;
 }>;
 /** The Statistic component is used to display a list of statistics in a grid layout. */
-export declare function Statistics({ children, variant, className }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Statistics({ id, children, variant, className }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Statistics {
     var displayName: string;
 }

package/dist/components/story/story-background-image.d.ts

@@ -13,9 +13,9 @@ export type StoryBackgroundImageProps<T extends StoryBackgroundImageElementType
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the component. */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/story/story-foreground-image.d.ts

@@ -13,9 +13,9 @@ export type StoryForegroundImageProps<T extends StoryForegroundImageElementType
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the component. */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/story/story.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
 export type StoryProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the component. */
     className?: string;
 }>;
-export declare function Story({ children, className }: StoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function Story({ id, children, className }: StoryProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Story {
     var displayName: string;
 }

package/dist/components/tabs/tabs.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
 export type TabsProps = PropsWithChildren<{
+    id?: string;
     /** Additional classes to apply to the component. */
     className?: string;
 }>;
-export declare function Tabs({ children, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ id, children, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Tabs {
     var displayName: string;
 }

package/dist/contact.js

@@ -1,18 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { twMerge as c } from "tailwind-merge";
-import { ContactEmail as i } from "./contact-email.js";
-import { ContactName as x } from "./contact-name.js";
-import { ContactPhone as C } from "./contact-phone.js";
-import { ContactTitle as b } from "./contact-title.js";
-function a({ children: t, className: o }) {
-  const e = c("mb-2 flex flex-col bg-grey-light-bg p-4 text-body-copy-on-light", o);
-  return /* @__PURE__ */ r("div", { className: `uofg-contact ${e}`, children: t });
+import { jsx as c } from "react/jsx-runtime";
+import { twMerge as a } from "tailwind-merge";
+import { ContactEmail as l } from "./contact-email.js";
+import { ContactName as g } from "./contact-name.js";
+import { ContactPhone as s } from "./contact-phone.js";
+import { ContactTitle as y } from "./contact-title.js";
+function n({ id: t, children: o, className: e }) {
+  const r = a("mb-2 flex flex-col bg-grey-light-bg p-4 text-body-copy-on-light", e);
+  return /* @__PURE__ */ c("div", { id: t, className: `uofg-contact ${r}`, children: o });
 }
-a.displayName = "Contact";
+n.displayName = "Contact";
 export {
-  a as Contact,
-  i as ContactEmail,
-  x as ContactName,
-  C as ContactPhone,
-  b as ContactTitle
+  n as Contact,
+  l as ContactEmail,
+  g as ContactName,
+  s as ContactPhone,
+  y as ContactTitle
 };

package/dist/grid.js

@@ -1,8 +1,8 @@
-import { jsx as c } from "react/jsx-runtime";
-import { twMerge as g } from "tailwind-merge";
-import { tv as f } from "tailwind-variants";
-function h({ template: r, major: t = "column", gap: e, alignment: s, children: l, className: m }) {
-  const a = f({
+import { jsx as g } from "react/jsx-runtime";
+import { twMerge as f } from "tailwind-merge";
+import { tv as h } from "tailwind-variants";
+function n({ id: l, template: r, major: t = "column", gap: e, alignment: s, children: m, className: a }) {
+  const i = h({
     base: "grid gap-x-(--uofg-grid-gap-x) gap-y-(--uofg-grid-gap-y)",
     variants: {
       major: { row: "grid-flow-col", column: "" },
@@ -97,25 +97,26 @@ function h({ template: r, major: t = "column", gap: e, alignment: s, children: l
     has2XlTemplate: r["2xl"] !== void 0,
     alignmentX: (s == null ? void 0 : s.x) ?? "start",
     alignmentY: (s == null ? void 0 : s.y) ?? "start"
-  }), i = Object.entries(r).reduce(
-    (o, [u, d]) => (o[`--uofg-grid-${u}-template-${t}`] = d.join(" "), o),
+  }), u = Object.entries(r).reduce(
+    (o, [d, c]) => (o[`--uofg-grid-${d}-template-${t}`] = c.join(" "), o),
     {}
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: `uofg-grid ${g(a, m)}`,
+      id: l,
+      className: `uofg-grid ${f(i, a)}`,
       style: {
-        ...i,
+        ...u,
         // @ts-ignore
         "--uofg-grid-gap-x": typeof (e == null ? void 0 : e.x) == "string" ? e == null ? void 0 : e.x : `${e == null ? void 0 : e.x}px`,
         "--uofg-grid-gap-y": typeof (e == null ? void 0 : e.y) == "string" ? e == null ? void 0 : e.y : `${e == null ? void 0 : e.y}px`
       },
-      children: l
+      children: m
     }
   );
 }
-h.displayName = "Grid";
+n.displayName = "Grid";
 export {
-  h as Grid
+  n as Grid
 };

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.4rem;--container-6xl:72rem;--container-7xl:80rem;--text-sm:1.4rem;--text-sm--line-height:1.4;--text-base:1.6rem;--text-base--line-height:1.4;--text-lg:1.8rem;--text-lg--line-height:1.4;--text-xl:2rem;--text-xl--line-height:1.4;--text-2xl:2.5rem;--text-2xl--line-height:1.4;--text-3xl:3rem;--text-3xl--line-height:1.4;--text-4xl:4rem;--text-4xl--line-height:1.4;--text-6xl:6rem;--text-6xl--line-height:1.6;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white-contrast:#000;--color-black-focus:#444;--color-black-on-light:#000;--color-black-contrast:#fff;--color-red:#e51937;--color-red-focus:#b3142c;--color-red-contrast:#fff;--color-yellow:#ffc429;--color-yellow-focus:#ffe299;--color-yellow-contrast:#000;--color-blue:#187bb4;--color-blue-focus:#135f8b;--color-blue-on-light:#1775ab;--color-blue-contrast:#fff;--color-green:#318738;--color-green-focus:#27682c;--color-green-contrast:#fff;--color-grey-light:#d8d8d8;--color-grey-light-focus:#bfbfbf;--color-grey-light-contrast:#000;--color-grey-light-bg:#f5f5f5;--color-grey-dark:#747676;--color-grey-dark-contrast:#fff;--color-grey-dark-bg:#222;--color-body-copy:#555;--color-body-copy-on-light:#555;--color-body-copy-on-dark:#ccc;--color-body-copy-bold:#333;--color-body-copy-bold-on-light:#333;--color-body-copy-bold-on-dark:#e2e2e2;--color-body-copy-link:#187bb4;--color-body-copy-link-on-light:#166ea2;--color-body-copy-link-on-dark:#1d93d7;--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}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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.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}.sr-only\!{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.order-last{order:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-1{grid-row:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-2{margin-block:calc(var(--spacing)*2)}.my-7{margin-block:calc(var(--spacing)*7)}.mt-3\.75{margin-top:calc(var(--spacing)*3.75)}.mt-7\.5{margin-top:calc(var(--spacing)*7.5)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3\.75{margin-bottom:calc(var(--spacing)*3.75)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-16{height:calc(var(--spacing)*16)}.h-\[\.75em\]{height:.75em}.h-\[1\.5em\]{height:1.5em}.h-\[1em\]{height:1em}.h-\[2em\]{height:2em}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-\[20rem\]{max-height:20rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[calc\(85vh-14rem\)\]{max-height:calc(85vh - 14rem)}.max-h-full{max-height:100%}.min-h-\[7rem\]{min-height:7rem}.min-h-\[50rem\]{min-height:50rem}.w-\(--button-width\){width:var(--button-width)}.w-\(--input-width\){width:var(--input-width)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing)*5)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-\[0\.6em\]\!{width:.6em!important}.w-\[1em\]{width:1em}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[80rem\]\!{max-width:80rem!important}.max-w-\[137rem\]{max-width:137rem}.flex-1{flex:1}.-translate-1\/2{--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-\[circle\]{list-style-type:circle}.list-\[lower-alpha\]{list-style-type:lower-alpha}.list-\[lower-roman\]{list-style-type:lower-roman}.list-\[square\]{list-style-type:square}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-flow-col{grid-auto-flow:column}.grid-cols-\(--uofg-grid-template-column\){grid-template-columns:var(--uofg-grid-template-column)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.grid-cols-\[2rem_1fr_2rem\]{grid-template-columns:2rem 1fr 2rem}.grid-cols-\[4fr_1fr\]{grid-template-columns:4fr 1fr}.grid-cols-\[repeat\(var\(--items\)\,calc\(100\%\/var\(--display\)\)\)\]{grid-template-columns:repeat(var(--items),calc(100%/var(--display)))}.grid-rows-\(--uofg-grid-template-row\){grid-template-rows:var(--uofg-grid-template-row)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-x-\(--uofg-grid-gap-x\){column-gap:var(--uofg-grid-gap-x)}.gap-y-\(--uofg-grid-gap-y\){row-gap:var(--uofg-grid-gap-y)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.border-black{border-color:var(--color-black)}.border-blue{border-color:var(--color-blue)}.border-green{border-color:var(--color-green)}.border-grey-dark{border-color:var(--color-grey-dark)}.border-grey-light{border-color:var(--color-grey-light)}.border-red{border-color:var(--color-red)}.border-white{border-color:var(--color-white)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow{border-color:var(--color-yellow)}.border-l-black{border-left-color:var(--color-black)}.border-l-blue{border-left-color:var(--color-blue)}.border-l-green{border-left-color:var(--color-green)}.border-l-grey-dark{border-left-color:var(--color-grey-dark)}.border-l-grey-light{border-left-color:var(--color-grey-light)}.border-l-red{border-left-color:var(--color-red)}.border-l-white{border-left-color:var(--color-white)}.border-l-yellow{border-left-color:var(--color-yellow)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-green{background-color:var(--color-green)}.bg-grey-dark{background-color:var(--color-grey-dark)}.bg-grey-dark-bg{background-color:var(--color-grey-dark-bg)}.bg-grey-light{background-color:var(--color-grey-light)}.bg-grey-light-bg{background-color:var(--color-grey-light-bg)}.bg-red{background-color:var(--color-red)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-yellow{background-color:var(--color-yellow)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab,red,red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent)}}.from-black\/50{--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))}.from-white\/50{--tw-gradient-from:#ffffff80}@supports (color:color-mix(in lab,red,red)){.from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}.from-white\/50{--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))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab,red,red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)}}.via-black\/20{--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)}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab,red,red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--color-white)20%,transparent)}}.via-white\/20{--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)}.via-30\%{--tw-gradient-via-position:30%}.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))}.fill-black{fill:var(--color-black)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-\[3rem\]{font-size:3rem}.text-\[4\.5rem\]{font-size:4.5rem}.text-\[4rem\]{font-size:4rem}.text-\[5rem\]{font-size:5rem}.text-\[8rem\]{font-size:8rem}.text-\[12rem\]{font-size:12rem}.text-\[15rem\]{font-size:15rem}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-black{color:var(--color-black)}.text-black-contrast{color:var(--color-black-contrast)}.text-black-on-light{color:var(--color-black-on-light)}.text-blue{color:var(--color-blue)}.text-blue-contrast{color:var(--color-blue-contrast)}.text-blue-on-light{color:var(--color-blue-on-light)}.text-body-copy{color:var(--color-body-copy)}.text-body-copy-bold{color:var(--color-body-copy-bold)}.text-body-copy-bold-on-light{color:var(--color-body-copy-bold-on-light)}.text-body-copy-link{color:var(--color-body-copy-link)}.text-body-copy-link-on-light{color:var(--color-body-copy-link-on-light)}.text-body-copy-on-dark{color:var(--color-body-copy-on-dark)}.text-body-copy-on-light{color:var(--color-body-copy-on-light)}.text-gray-900{color:var(--color-gray-900)}.text-green{color:var(--color-green)}.text-green-contrast{color:var(--color-green-contrast)}.text-grey-dark{color:var(--color-grey-dark)}.text-grey-dark-contrast{color:var(--color-grey-dark-contrast)}.text-grey-light-contrast{color:var(--color-grey-light-contrast)}.text-red{color:var(--color-red)}.text-red-contrast{color:var(--color-red-contrast)}.text-white{color:var(--color-white)}.text-white-contrast{color:var(--color-white-contrast)}.text-yellow{color:var(--color-yellow)}.text-yellow-contrast{color:var(--color-yellow-contrast)}.italic{font-style:italic}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-current{text-decoration-color:currentColor}.decoration-transparent{text-decoration-color:#0000}.decoration-1{text-decoration-thickness:1px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.blur-sm{--tw-blur:blur(var(--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,)}.brightness-50{--tw-brightness:brightness(50%);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,)}.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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,color\,opacity\,visibility\]{transition-property:transform,color,opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:border-blue:is(:where(.group):focus-within *){border-color:var(--color-blue)}.group-focus-within\:outline-none:is(:where(.group):focus-within *){--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-yellow:is(:where(.group):hover *){background-color:var(--color-yellow)}}.group-ui-checked\:opacity-100:is(:where(.group)[data-headlessui-state~=checked] *),.group-ui-checked\:opacity-100:is(:where([data-headlessui-state~=checked]) :where(.group) *){opacity:1}.group-hocus-visible\:bg-yellow:is(:is(:where(.group):hover,:where(.group):focus-visible) *){background-color:var(--color-yellow)}.group-hocus-visible\:text-blue-contrast:is(:is(:where(.group):hover,:where(.group):focus-visible) *){color:var(--color-blue-contrast)}.group-hocus-visible\:text-yellow-contrast:is(:is(:where(.group):hover,:where(.group):focus-visible) *){color:var(--color-yellow-contrast)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:right-full:before{content:var(--tw-content);right:100%}.before\:-z-1:before{content:var(--tw-content);z-index:-1}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:h-2\/3:before{content:var(--tw-content);height:66.6667%}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-2\/3:before{content:var(--tw-content);width:66.6667%}.before\:w-\[calc\(\(100vw-var\(--statistic-bg-width\)\)\/2\)\]:before{content:var(--tw-content);width:calc((100vw - var(--statistic-bg-width))/2)}.before\:bg-blue-contrast:before{content:var(--tw-content);background-color:var(--color-blue-contrast)}.before\:bg-green-contrast:before{content:var(--tw-content);background-color:var(--color-green-contrast)}.before\:bg-inherit:before{content:var(--tw-content);background-color:inherit}.before\:bg-red-contrast:before{content:var(--tw-content);background-color:var(--color-red-contrast)}.before\:bg-yellow-contrast:before{content:var(--tw-content);background-color:var(--color-yellow-contrast)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:left-full:after{content:var(--tw-content);left:100%}.after\:z-\[-1\]:after{content:var(--tw-content);z-index:-1}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[calc\(\(100vw-var\(--statistic-bg-width\)\)\/2\)\]:after{content:var(--tw-content);width:calc((100vw - var(--statistic-bg-width))/2)}.after\:bg-inherit:after{content:var(--tw-content);background-color:inherit}.first\:before\:z-0:first-child:before{content:var(--tw-content);z-index:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:after\:z-0:last-child:after{content:var(--tw-content);z-index:0}.focus-within\:border-blue:focus-within{border-color:var(--color-blue)}@media (hover:hover){.hover\:bg-grey-dark-bg:hover{background-color:var(--color-grey-dark-bg)}.hover\:bg-grey-light:hover{background-color:var(--color-grey-light)}.hover\:bg-red:hover{background-color:var(--color-red)}.hover\:bg-red-focus:hover{background-color:var(--color-red-focus)}.hover\:text-body-copy-on-dark:hover{color:var(--color-body-copy-on-dark)}.hover\:decoration-transparent:hover{text-decoration-color:#0000}}.focus\:bg-grey-light:focus{background-color:var(--color-grey-light)}.focus\:bg-red-focus:focus{background-color:var(--color-red-focus)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:not-sr-only\!:focus-visible{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.focus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.focus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.focus-visible\:p-2\!:focus-visible{padding:calc(var(--spacing)*2)!important}.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)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-blue:focus-visible{--tw-ring-color:var(--color-blue)}.focus-visible\:ring-green:focus-visible{--tw-ring-color:var(--color-green)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-yellow:focus-visible{--tw-ring-color:var(--color-yellow)}.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)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-black:focus-visible{outline-color:var(--color-black)}.focus-visible\:outline-blue:focus-visible{outline-color:var(--color-blue)}.focus-visible\:outline-body-copy-link:focus-visible{outline-color:var(--color-body-copy-link)}.focus-visible\:outline-green:focus-visible{outline-color:var(--color-green)}.focus-visible\:outline-red:focus-visible{outline-color:var(--color-red)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-yellow:focus-visible{outline-color:var(--color-yellow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-15:disabled{opacity:.15}.data-\[closed\]\:opacity-0[data-closed]{opacity:0}.nth-\[2n\]\:border-red:nth-child(2n){border-color:var(--color-red)}.nth-\[2n\]\:bg-red:nth-child(2n){background-color:var(--color-red)}.nth-\[2n\]\:text-red-contrast:nth-child(2n){color:var(--color-red-contrast)}.nth-\[3n\]\:border-yellow:nth-child(3n){border-color:var(--color-yellow)}.nth-\[3n\]\:bg-yellow:nth-child(3n){background-color:var(--color-yellow)}.nth-\[3n\]\:text-yellow-contrast:nth-child(3n){color:var(--color-yellow-contrast)}.nth-\[4n\]\:border-blue:nth-child(4n){border-color:var(--color-blue)}.nth-\[4n\]\:bg-blue:nth-child(4n){background-color:var(--color-blue)}.nth-\[4n\]\:text-blue-contrast:nth-child(4n){color:var(--color-blue-contrast)}@media (min-width:40rem){.sm\:grid-cols-\(--uofg-grid-sm-template-column\){grid-template-columns:var(--uofg-grid-sm-template-column)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-rows-\(--uofg-grid-sm-template-row\){grid-template-rows:var(--uofg-grid-sm-template-row)}.sm\:flex-row{flex-direction:row}.sm\:px-16{padding-inline:calc(var(--spacing)*16)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:before\:content-\[\"\"\]:before,.sm\:after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}}@media (min-width:48rem){.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}.md\:absolute{position:absolute}.md\:z-20{z-index:20}.md\:order-none{order:0}.md\:block{display:block}.md\:contents{display:contents}.md\:grid{display:grid}.md\:aspect-\[2\.625\]{aspect-ratio:2.625}.md\:h-12{height:calc(var(--spacing)*12)}.md\:w-1{width:calc(var(--spacing)*1)}.md\:w-1\/3{width:33.3333%}.md\:w-9{width:calc(var(--spacing)*9)}.md\:grid-cols-\(--uofg-grid-md-template-column\){grid-template-columns:var(--uofg-grid-md-template-column)}.md\:grid-rows-\(--uofg-grid-md-template-row\){grid-template-rows:var(--uofg-grid-md-template-row)}.md\:flex-row{flex-direction:row}.md\:rounded-full{border-radius:3.40282e38px}.md\:bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.md\:bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:bottom-0{bottom:calc(var(--spacing)*0)}.lg\:left-1\/2{left:50%}.lg\:mx-auto{margin-inline:auto}.lg\:mt-auto{margin-top:auto}.lg\:ml-auto{margin-left:auto}.lg\:w-1\/2{width:50%}.lg\:max-w-7xl{max-width:var(--container-7xl)}.lg\:max-w-\[50\%\]{max-width:50%}.lg\:max-w-\[137rem\]{max-width:137rem}.lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-\(--uofg-grid-lg-template-column\){grid-template-columns:var(--uofg-grid-lg-template-column)}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-rows-\(--uofg-grid-lg-template-row\){grid-template-rows:var(--uofg-grid-lg-template-row)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.lg\:bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.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,)}}@media (min-width:80rem){.xl\:grid-cols-\(--uofg-grid-xl-template-column\){grid-template-columns:var(--uofg-grid-xl-template-column)}.xl\:grid-rows-\(--uofg-grid-xl-template-row\){grid-template-rows:var(--uofg-grid-xl-template-row)}}@media (min-width:96rem){.\32xl\:grid-cols-\(--uofg-grid-2xl-template-column\){grid-template-columns:var(--uofg-grid-2xl-template-column)}.\32xl\:grid-rows-\(--uofg-grid-2xl-template-row\){grid-template-rows:var(--uofg-grid-2xl-template-row)}}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:border-yellow:where(.dark,.dark *){border-color:var(--color-yellow)}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-yellow:where(.dark,.dark *){background-color:var(--color-yellow)}.dark\:text-body-copy-bold-on-dark:where(.dark,.dark *){color:var(--color-body-copy-bold-on-dark)}.dark\:text-body-copy-link-on-dark:where(.dark,.dark *){color:var(--color-body-copy-link-on-dark)}.dark\:text-body-copy-on-dark:where(.dark,.dark *){color:var(--color-body-copy-on-dark)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white-contrast:where(.dark,.dark *){color:var(--color-white-contrast)}.dark\:text-yellow:where(.dark,.dark *){color:var(--color-yellow)}.dark\:text-yellow-contrast:where(.dark,.dark *){color:var(--color-yellow-contrast)}.dark\:focus-visible\:outline-body-copy-link-on-light:where(.dark,.dark *):focus-visible{outline-color:var(--color-body-copy-link-on-light)}.dark\:focus-visible\:outline-white:where(.dark,.dark *):focus-visible{outline-color:var(--color-white)}.dark\:focus-visible\:outline-yellow:where(.dark,.dark *):focus-visible{outline-color:var(--color-yellow)}.ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:rotate-180{rotate:180deg}.ui-open\:rounded-b-none[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.ui-open\:border-blue[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:border-blue{border-color:var(--color-blue)}.ui-checked\:bg-black[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-black{background-color:var(--color-black)}.ui-checked\:bg-blue[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-blue{background-color:var(--color-blue)}.ui-checked\:bg-green[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-green{background-color:var(--color-green)}.ui-checked\:bg-white[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-white{background-color:var(--color-white)}.ui-checked\:bg-yellow[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-yellow{background-color:var(--color-yellow)}.ui-selected\:mb-0[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:mb-0{margin-bottom:calc(var(--spacing)*0)}.ui-selected\:border-2[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:border-2{border-style:var(--tw-border-style);border-width:2px}.ui-selected\:border-yellow[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:border-yellow{border-color:var(--color-yellow)}.ui-selected\:bg-yellow[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:bg-yellow{background-color:var(--color-yellow)}.ui-active\:bg-grey-light[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .ui-active\:bg-grey-light{background-color:var(--color-grey-light)}.light\:text-black:where(.light,.light *){color:var(--color-black)}.light\:text-body-copy-bold-on-light:where(.light,.light *){color:var(--color-body-copy-bold-on-light)}.light\:text-body-copy-link-on-light:where(.light,.light *){color:var(--color-body-copy-link-on-light)}.light\:text-body-copy-on-light:where(.light,.light *){color:var(--color-body-copy-on-light)}.light\:focus-visible\:outline-body-copy-link-on-light:where(.light,.light *):focus-visible{outline-color:var(--color-body-copy-link-on-light)}.hocus\:bg-yellow:hover,.hocus\:bg-yellow:focus{background-color:var(--color-yellow)}.hocus\:text-black:hover,.hocus\:text-black:focus{color:var(--color-black)}.hocus-visible\:-translate-x-1:hover,.hocus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hocus-visible\:translate-x-1:hover,.hocus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hocus-visible\:bg-black:hover,.hocus-visible\:bg-black:focus-visible{background-color:var(--color-black)}.hocus-visible\:bg-black-focus:hover,.hocus-visible\:bg-black-focus:focus-visible{background-color:var(--color-black-focus)}.hocus-visible\:bg-blue:hover,.hocus-visible\:bg-blue:focus-visible{background-color:var(--color-blue)}.hocus-visible\:bg-blue-focus:hover,.hocus-visible\:bg-blue-focus:focus-visible{background-color:var(--color-blue-focus)}.hocus-visible\:bg-green:hover,.hocus-visible\:bg-green:focus-visible{background-color:var(--color-green)}.hocus-visible\:bg-green-focus:hover,.hocus-visible\:bg-green-focus:focus-visible{background-color:var(--color-green-focus)}.hocus-visible\:bg-grey-light-focus:hover,.hocus-visible\:bg-grey-light-focus:focus-visible{background-color:var(--color-grey-light-focus)}.hocus-visible\:bg-red:hover,.hocus-visible\:bg-red:focus-visible{background-color:var(--color-red)}.hocus-visible\:bg-red-focus:hover,.hocus-visible\:bg-red-focus:focus-visible{background-color:var(--color-red-focus)}.hocus-visible\:bg-white:hover,.hocus-visible\:bg-white:focus-visible{background-color:var(--color-white)}.hocus-visible\:bg-yellow:hover,.hocus-visible\:bg-yellow:focus-visible{background-color:var(--color-yellow)}.hocus-visible\:bg-yellow-focus:hover,.hocus-visible\:bg-yellow-focus:focus-visible{background-color:var(--color-yellow-focus)}.hocus-visible\:text-black:hover,.hocus-visible\:text-black:focus-visible{color:var(--color-black)}.hocus-visible\:text-black-contrast:hover,.hocus-visible\:text-black-contrast:focus-visible{color:var(--color-black-contrast)}.hocus-visible\:text-blue-contrast:hover,.hocus-visible\:text-blue-contrast:focus-visible{color:var(--color-blue-contrast)}.hocus-visible\:text-blue-focus:hover,.hocus-visible\:text-blue-focus:focus-visible{color:var(--color-blue-focus)}.hocus-visible\:text-green-contrast:hover,.hocus-visible\:text-green-contrast:focus-visible{color:var(--color-green-contrast)}.hocus-visible\:text-green-focus:hover,.hocus-visible\:text-green-focus:focus-visible{color:var(--color-green-focus)}.hocus-visible\:text-red-contrast:hover,.hocus-visible\:text-red-contrast:focus-visible{color:var(--color-red-contrast)}.hocus-visible\:text-red-focus:hover,.hocus-visible\:text-red-focus:focus-visible{color:var(--color-red-focus)}.hocus-visible\:text-yellow-contrast:hover,.hocus-visible\:text-yellow-contrast:focus-visible{color:var(--color-yellow-contrast)}.hocus-visible\:text-yellow-focus:hover,.hocus-visible\:text-yellow-focus:focus-visible{color:var(--color-yellow-focus)}.hocus-visible\:decoration-black:hover,.hocus-visible\:decoration-black:focus-visible{-webkit-text-decoration-color:var(--color-black);text-decoration-color:var(--color-black)}.hocus-visible\:decoration-transparent:hover,.hocus-visible\:decoration-transparent:focus-visible{text-decoration-color:#0000}.dark\:hocus-visible\:bg-grey-light-focus:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-grey-light-focus:where(.dark,.dark *):focus-visible{background-color:var(--color-grey-light-focus)}.dark\:hocus-visible\:bg-white:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-white:where(.dark,.dark *):focus-visible{background-color:var(--color-white)}.dark\:hocus-visible\:bg-yellow:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-yellow:where(.dark,.dark *):focus-visible{background-color:var(--color-yellow)}.dark\:hocus-visible\:bg-yellow-focus:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-yellow-focus:where(.dark,.dark *):focus-visible{background-color:var(--color-yellow-focus)}.dark\:hocus-visible\:text-white-contrast:where(.dark,.dark *):hover,.dark\:hocus-visible\:text-white-contrast:where(.dark,.dark *):focus-visible{color:var(--color-white-contrast)}.dark\:hocus-visible\:text-yellow-contrast:where(.dark,.dark *):hover,.dark\:hocus-visible\:text-yellow-contrast:where(.dark,.dark *):focus-visible{color:var(--color-yellow-contrast)}.\[\&_\.uofg-number-input\]\:text-center .uofg-number-input{text-align:center}.\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--spacing)*0)}.\[\&_strong\]\:text-body-copy-bold strong{color:var(--color-body-copy-bold)}.\[\&_strong\]\:dark\:text-body-copy-bold-on-dark strong:where(.dark,.dark *){color:var(--color-body-copy-bold-on-dark)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\]\:\[grid-row\:1\]>*{grid-row:1}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@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-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{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-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.4rem;--container-6xl:72rem;--container-7xl:80rem;--text-sm:1.4rem;--text-sm--line-height:1.4;--text-base:1.6rem;--text-base--line-height:1.4;--text-lg:1.8rem;--text-lg--line-height:1.4;--text-xl:2rem;--text-xl--line-height:1.4;--text-2xl:2.5rem;--text-2xl--line-height:1.4;--text-3xl:3rem;--text-3xl--line-height:1.4;--text-4xl:4rem;--text-4xl--line-height:1.4;--text-6xl:6rem;--text-6xl--line-height:1.6;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white-contrast:#000;--color-black-focus:#444;--color-black-on-light:#000;--color-black-contrast:#fff;--color-red:#e51937;--color-red-focus:#b3142c;--color-red-contrast:#fff;--color-yellow:#ffc429;--color-yellow-focus:#ffe299;--color-yellow-contrast:#000;--color-blue:#187bb4;--color-blue-focus:#135f8b;--color-blue-on-light:#1775ab;--color-blue-contrast:#fff;--color-green:#318738;--color-green-focus:#27682c;--color-green-contrast:#fff;--color-grey-light:#d8d8d8;--color-grey-light-focus:#bfbfbf;--color-grey-light-contrast:#000;--color-grey-light-bg:#f5f5f5;--color-grey-dark:#747676;--color-grey-dark-contrast:#fff;--color-grey-dark-bg:#222;--color-body-copy:#555;--color-body-copy-on-light:#555;--color-body-copy-on-dark:#ccc;--color-body-copy-bold:#333;--color-body-copy-bold-on-light:#333;--color-body-copy-bold-on-dark:#e2e2e2;--color-body-copy-link:#187bb4;--color-body-copy-link-on-light:#166ea2;--color-body-copy-link-on-dark:#1d93d7;--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}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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.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}.sr-only\!{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-3\.5{top:calc(var(--spacing)*-3.5)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.-right-3\.5{right:calc(var(--spacing)*-3.5)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.order-last{order:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-1{grid-row:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-2{margin-block:calc(var(--spacing)*2)}.my-7{margin-block:calc(var(--spacing)*7)}.mt-3\.75{margin-top:calc(var(--spacing)*3.75)}.mt-7\.5{margin-top:calc(var(--spacing)*7.5)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3\.75{margin-bottom:calc(var(--spacing)*3.75)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-16{height:calc(var(--spacing)*16)}.h-\[\.75em\]{height:.75em}.h-\[1\.5em\]{height:1.5em}.h-\[1em\]{height:1em}.h-\[2em\]{height:2em}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-\[20rem\]{max-height:20rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[calc\(85vh-14rem\)\]{max-height:calc(85vh - 14rem)}.max-h-full{max-height:100%}.min-h-\[7rem\]{min-height:7rem}.min-h-\[50rem\]{min-height:50rem}.w-\(--button-width\){width:var(--button-width)}.w-\(--input-width\){width:var(--input-width)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing)*5)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-\[0\.6em\]\!{width:.6em!important}.w-\[1em\]{width:1em}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[80rem\]\!{max-width:80rem!important}.max-w-\[137rem\]{max-width:137rem}.flex-1{flex:1}.-translate-1\/2{--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-\[circle\]{list-style-type:circle}.list-\[lower-alpha\]{list-style-type:lower-alpha}.list-\[lower-roman\]{list-style-type:lower-roman}.list-\[square\]{list-style-type:square}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-flow-col{grid-auto-flow:column}.grid-cols-\(--uofg-grid-template-column\){grid-template-columns:var(--uofg-grid-template-column)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.grid-cols-\[2rem_1fr_2rem\]{grid-template-columns:2rem 1fr 2rem}.grid-cols-\[4fr_1fr\]{grid-template-columns:4fr 1fr}.grid-cols-\[repeat\(var\(--items\)\,calc\(100\%\/var\(--display\)\)\)\]{grid-template-columns:repeat(var(--items),calc(100%/var(--display)))}.grid-rows-\(--uofg-grid-template-row\){grid-template-rows:var(--uofg-grid-template-row)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-x-\(--uofg-grid-gap-x\){column-gap:var(--uofg-grid-gap-x)}.gap-y-\(--uofg-grid-gap-y\){row-gap:var(--uofg-grid-gap-y)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.border-black{border-color:var(--color-black)}.border-blue{border-color:var(--color-blue)}.border-green{border-color:var(--color-green)}.border-grey-dark{border-color:var(--color-grey-dark)}.border-grey-light{border-color:var(--color-grey-light)}.border-red{border-color:var(--color-red)}.border-white{border-color:var(--color-white)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow{border-color:var(--color-yellow)}.border-l-black{border-left-color:var(--color-black)}.border-l-blue{border-left-color:var(--color-blue)}.border-l-green{border-left-color:var(--color-green)}.border-l-grey-dark{border-left-color:var(--color-grey-dark)}.border-l-grey-light{border-left-color:var(--color-grey-light)}.border-l-red{border-left-color:var(--color-red)}.border-l-white{border-left-color:var(--color-white)}.border-l-yellow{border-left-color:var(--color-yellow)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-green{background-color:var(--color-green)}.bg-grey-dark{background-color:var(--color-grey-dark)}.bg-grey-dark-bg{background-color:var(--color-grey-dark-bg)}.bg-grey-light{background-color:var(--color-grey-light)}.bg-grey-light-bg{background-color:var(--color-grey-light-bg)}.bg-red{background-color:var(--color-red)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-yellow{background-color:var(--color-yellow)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab,red,red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent)}}.from-black\/50{--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))}.from-white\/50{--tw-gradient-from:#ffffff80}@supports (color:color-mix(in lab,red,red)){.from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--color-white)50%,transparent)}}.from-white\/50{--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))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab,red,red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)}}.via-black\/20{--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)}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab,red,red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--color-white)20%,transparent)}}.via-white\/20{--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)}.via-30\%{--tw-gradient-via-position:30%}.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))}.fill-black{fill:var(--color-black)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-\[3rem\]{font-size:3rem}.text-\[4\.5rem\]{font-size:4.5rem}.text-\[4rem\]{font-size:4rem}.text-\[5rem\]{font-size:5rem}.text-\[8rem\]{font-size:8rem}.text-\[12rem\]{font-size:12rem}.text-\[15rem\]{font-size:15rem}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-black{color:var(--color-black)}.text-black-contrast{color:var(--color-black-contrast)}.text-black-on-light{color:var(--color-black-on-light)}.text-blue{color:var(--color-blue)}.text-blue-contrast{color:var(--color-blue-contrast)}.text-blue-on-light{color:var(--color-blue-on-light)}.text-body-copy{color:var(--color-body-copy)}.text-body-copy-bold{color:var(--color-body-copy-bold)}.text-body-copy-bold-on-light{color:var(--color-body-copy-bold-on-light)}.text-body-copy-link{color:var(--color-body-copy-link)}.text-body-copy-link-on-light{color:var(--color-body-copy-link-on-light)}.text-body-copy-on-dark{color:var(--color-body-copy-on-dark)}.text-body-copy-on-light{color:var(--color-body-copy-on-light)}.text-gray-900{color:var(--color-gray-900)}.text-green{color:var(--color-green)}.text-green-contrast{color:var(--color-green-contrast)}.text-grey-dark{color:var(--color-grey-dark)}.text-grey-dark-contrast{color:var(--color-grey-dark-contrast)}.text-grey-light-contrast{color:var(--color-grey-light-contrast)}.text-red{color:var(--color-red)}.text-red-contrast{color:var(--color-red-contrast)}.text-white{color:var(--color-white)}.text-white-contrast{color:var(--color-white-contrast)}.text-yellow{color:var(--color-yellow)}.text-yellow-contrast{color:var(--color-yellow-contrast)}.italic{font-style:italic}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-current{text-decoration-color:currentColor}.decoration-transparent{text-decoration-color:#0000}.decoration-1{text-decoration-thickness:1px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.blur-sm{--tw-blur:blur(var(--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,)}.brightness-50{--tw-brightness:brightness(50%);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,)}.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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,color\,opacity\,visibility\]{transition-property:transform,color,opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:border-blue:is(:where(.group):focus-within *){border-color:var(--color-blue)}.group-focus-within\:outline-none:is(:where(.group):focus-within *){--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-yellow:is(:where(.group):hover *){background-color:var(--color-yellow)}}.group-ui-checked\:opacity-100:is(:where(.group)[data-headlessui-state~=checked] *),.group-ui-checked\:opacity-100:is(:where([data-headlessui-state~=checked]) :where(.group) *){opacity:1}.group-hocus-visible\:bg-yellow:is(:is(:where(.group):hover,:where(.group):focus-visible) *){background-color:var(--color-yellow)}.group-hocus-visible\:text-blue-contrast:is(:is(:where(.group):hover,:where(.group):focus-visible) *){color:var(--color-blue-contrast)}.group-hocus-visible\:text-yellow-contrast:is(:is(:where(.group):hover,:where(.group):focus-visible) *){color:var(--color-yellow-contrast)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:right-full:before{content:var(--tw-content);right:100%}.before\:-z-1:before{content:var(--tw-content);z-index:-1}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:h-2\/3:before{content:var(--tw-content);height:66.6667%}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-2\/3:before{content:var(--tw-content);width:66.6667%}.before\:w-\[calc\(\(100vw-var\(--statistic-bg-width\)\)\/2\)\]:before{content:var(--tw-content);width:calc((100vw - var(--statistic-bg-width))/2)}.before\:bg-blue-contrast:before{content:var(--tw-content);background-color:var(--color-blue-contrast)}.before\:bg-green-contrast:before{content:var(--tw-content);background-color:var(--color-green-contrast)}.before\:bg-inherit:before{content:var(--tw-content);background-color:inherit}.before\:bg-red-contrast:before{content:var(--tw-content);background-color:var(--color-red-contrast)}.before\:bg-yellow-contrast:before{content:var(--tw-content);background-color:var(--color-yellow-contrast)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:left-full:after{content:var(--tw-content);left:100%}.after\:z-\[-1\]:after{content:var(--tw-content);z-index:-1}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[calc\(\(100vw-var\(--statistic-bg-width\)\)\/2\)\]:after{content:var(--tw-content);width:calc((100vw - var(--statistic-bg-width))/2)}.after\:bg-inherit:after{content:var(--tw-content);background-color:inherit}.first\:before\:z-0:first-child:before{content:var(--tw-content);z-index:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:after\:z-0:last-child:after{content:var(--tw-content);z-index:0}.focus-within\:border-blue:focus-within{border-color:var(--color-blue)}@media (hover:hover){.hover\:bg-grey-dark-bg:hover{background-color:var(--color-grey-dark-bg)}.hover\:bg-grey-light:hover{background-color:var(--color-grey-light)}.hover\:bg-red:hover{background-color:var(--color-red)}.hover\:bg-red-focus:hover{background-color:var(--color-red-focus)}.hover\:text-body-copy-on-dark:hover{color:var(--color-body-copy-on-dark)}.hover\:text-red-contrast:hover{color:var(--color-red-contrast)}.hover\:decoration-transparent:hover{text-decoration-color:#0000}}.focus\:bg-grey-light:focus{background-color:var(--color-grey-light)}.focus\:bg-red-focus:focus{background-color:var(--color-red-focus)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:not-sr-only\!:focus-visible{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.focus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.focus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.focus-visible\:p-2\!:focus-visible{padding:calc(var(--spacing)*2)!important}.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)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-blue:focus-visible{--tw-ring-color:var(--color-blue)}.focus-visible\:ring-green:focus-visible{--tw-ring-color:var(--color-green)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-yellow:focus-visible{--tw-ring-color:var(--color-yellow)}.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)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-black:focus-visible{outline-color:var(--color-black)}.focus-visible\:outline-blue:focus-visible{outline-color:var(--color-blue)}.focus-visible\:outline-body-copy-link:focus-visible{outline-color:var(--color-body-copy-link)}.focus-visible\:outline-green:focus-visible{outline-color:var(--color-green)}.focus-visible\:outline-red:focus-visible{outline-color:var(--color-red)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-yellow:focus-visible{outline-color:var(--color-yellow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-15:disabled{opacity:.15}.data-\[closed\]\:opacity-0[data-closed]{opacity:0}.nth-\[2n\]\:border-red:nth-child(2n){border-color:var(--color-red)}.nth-\[2n\]\:bg-red:nth-child(2n){background-color:var(--color-red)}.nth-\[2n\]\:text-red-contrast:nth-child(2n){color:var(--color-red-contrast)}.nth-\[3n\]\:border-yellow:nth-child(3n){border-color:var(--color-yellow)}.nth-\[3n\]\:bg-yellow:nth-child(3n){background-color:var(--color-yellow)}.nth-\[3n\]\:text-yellow-contrast:nth-child(3n){color:var(--color-yellow-contrast)}.nth-\[4n\]\:border-blue:nth-child(4n){border-color:var(--color-blue)}.nth-\[4n\]\:bg-blue:nth-child(4n){background-color:var(--color-blue)}.nth-\[4n\]\:text-blue-contrast:nth-child(4n){color:var(--color-blue-contrast)}@media (min-width:40rem){.sm\:grid-cols-\(--uofg-grid-sm-template-column\){grid-template-columns:var(--uofg-grid-sm-template-column)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-rows-\(--uofg-grid-sm-template-row\){grid-template-rows:var(--uofg-grid-sm-template-row)}.sm\:flex-row{flex-direction:row}.sm\:px-16{padding-inline:calc(var(--spacing)*16)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:before\:content-\[\"\"\]:before,.sm\:after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}}@media (min-width:48rem){.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}.md\:absolute{position:absolute}.md\:z-20{z-index:20}.md\:order-none{order:0}.md\:block{display:block}.md\:contents{display:contents}.md\:grid{display:grid}.md\:aspect-\[2\.625\]{aspect-ratio:2.625}.md\:h-12{height:calc(var(--spacing)*12)}.md\:w-1{width:calc(var(--spacing)*1)}.md\:w-1\/3{width:33.3333%}.md\:w-9{width:calc(var(--spacing)*9)}.md\:grid-cols-\(--uofg-grid-md-template-column\){grid-template-columns:var(--uofg-grid-md-template-column)}.md\:grid-rows-\(--uofg-grid-md-template-row\){grid-template-rows:var(--uofg-grid-md-template-row)}.md\:flex-row{flex-direction:row}.md\:rounded-full{border-radius:3.40282e38px}.md\:bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.md\:bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:bottom-0{bottom:calc(var(--spacing)*0)}.lg\:left-1\/2{left:50%}.lg\:mx-auto{margin-inline:auto}.lg\:mt-auto{margin-top:auto}.lg\:ml-auto{margin-left:auto}.lg\:w-1\/2{width:50%}.lg\:max-w-7xl{max-width:var(--container-7xl)}.lg\:max-w-\[50\%\]{max-width:50%}.lg\:max-w-\[137rem\]{max-width:137rem}.lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-\(--uofg-grid-lg-template-column\){grid-template-columns:var(--uofg-grid-lg-template-column)}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-rows-\(--uofg-grid-lg-template-row\){grid-template-rows:var(--uofg-grid-lg-template-row)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.lg\:bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.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,)}}@media (min-width:80rem){.xl\:grid-cols-\(--uofg-grid-xl-template-column\){grid-template-columns:var(--uofg-grid-xl-template-column)}.xl\:grid-rows-\(--uofg-grid-xl-template-row\){grid-template-rows:var(--uofg-grid-xl-template-row)}}@media (min-width:96rem){.\32xl\:grid-cols-\(--uofg-grid-2xl-template-column\){grid-template-columns:var(--uofg-grid-2xl-template-column)}.\32xl\:grid-rows-\(--uofg-grid-2xl-template-row\){grid-template-rows:var(--uofg-grid-2xl-template-row)}}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:border-yellow:where(.dark,.dark *){border-color:var(--color-yellow)}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-yellow:where(.dark,.dark *){background-color:var(--color-yellow)}.dark\:text-body-copy-bold-on-dark:where(.dark,.dark *){color:var(--color-body-copy-bold-on-dark)}.dark\:text-body-copy-link-on-dark:where(.dark,.dark *){color:var(--color-body-copy-link-on-dark)}.dark\:text-body-copy-on-dark:where(.dark,.dark *){color:var(--color-body-copy-on-dark)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white-contrast:where(.dark,.dark *){color:var(--color-white-contrast)}.dark\:text-yellow:where(.dark,.dark *){color:var(--color-yellow)}.dark\:text-yellow-contrast:where(.dark,.dark *){color:var(--color-yellow-contrast)}.dark\:focus-visible\:outline-body-copy-link-on-light:where(.dark,.dark *):focus-visible{outline-color:var(--color-body-copy-link-on-light)}.dark\:focus-visible\:outline-white:where(.dark,.dark *):focus-visible{outline-color:var(--color-white)}.dark\:focus-visible\:outline-yellow:where(.dark,.dark *):focus-visible{outline-color:var(--color-yellow)}.ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:rotate-180{rotate:180deg}.ui-open\:rounded-b-none[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.ui-open\:border-blue[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .ui-open\:border-blue{border-color:var(--color-blue)}.ui-checked\:bg-black[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-black{background-color:var(--color-black)}.ui-checked\:bg-blue[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-blue{background-color:var(--color-blue)}.ui-checked\:bg-green[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-green{background-color:var(--color-green)}.ui-checked\:bg-white[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-white{background-color:var(--color-white)}.ui-checked\:bg-yellow[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .ui-checked\:bg-yellow{background-color:var(--color-yellow)}.ui-selected\:mb-0[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:mb-0{margin-bottom:calc(var(--spacing)*0)}.ui-selected\:border-2[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:border-2{border-style:var(--tw-border-style);border-width:2px}.ui-selected\:border-yellow[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:border-yellow{border-color:var(--color-yellow)}.ui-selected\:bg-yellow[data-headlessui-state~=selected],:where([data-headlessui-state~=selected]) .ui-selected\:bg-yellow{background-color:var(--color-yellow)}.ui-active\:bg-grey-light[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .ui-active\:bg-grey-light{background-color:var(--color-grey-light)}.light\:text-black:where(.light,.light *){color:var(--color-black)}.light\:text-body-copy-bold-on-light:where(.light,.light *){color:var(--color-body-copy-bold-on-light)}.light\:text-body-copy-link-on-light:where(.light,.light *){color:var(--color-body-copy-link-on-light)}.light\:text-body-copy-on-light:where(.light,.light *){color:var(--color-body-copy-on-light)}.light\:focus-visible\:outline-body-copy-link-on-light:where(.light,.light *):focus-visible{outline-color:var(--color-body-copy-link-on-light)}.hocus\:bg-yellow:hover,.hocus\:bg-yellow:focus{background-color:var(--color-yellow)}.hocus\:text-black:hover,.hocus\:text-black:focus{color:var(--color-black)}.hocus-visible\:-translate-x-1:hover,.hocus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hocus-visible\:translate-x-1:hover,.hocus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hocus-visible\:bg-black:hover,.hocus-visible\:bg-black:focus-visible{background-color:var(--color-black)}.hocus-visible\:bg-black-focus:hover,.hocus-visible\:bg-black-focus:focus-visible{background-color:var(--color-black-focus)}.hocus-visible\:bg-blue:hover,.hocus-visible\:bg-blue:focus-visible{background-color:var(--color-blue)}.hocus-visible\:bg-blue-focus:hover,.hocus-visible\:bg-blue-focus:focus-visible{background-color:var(--color-blue-focus)}.hocus-visible\:bg-green:hover,.hocus-visible\:bg-green:focus-visible{background-color:var(--color-green)}.hocus-visible\:bg-green-focus:hover,.hocus-visible\:bg-green-focus:focus-visible{background-color:var(--color-green-focus)}.hocus-visible\:bg-grey-light-focus:hover,.hocus-visible\:bg-grey-light-focus:focus-visible{background-color:var(--color-grey-light-focus)}.hocus-visible\:bg-red:hover,.hocus-visible\:bg-red:focus-visible{background-color:var(--color-red)}.hocus-visible\:bg-red-focus:hover,.hocus-visible\:bg-red-focus:focus-visible{background-color:var(--color-red-focus)}.hocus-visible\:bg-white:hover,.hocus-visible\:bg-white:focus-visible{background-color:var(--color-white)}.hocus-visible\:bg-yellow:hover,.hocus-visible\:bg-yellow:focus-visible{background-color:var(--color-yellow)}.hocus-visible\:bg-yellow-focus:hover,.hocus-visible\:bg-yellow-focus:focus-visible{background-color:var(--color-yellow-focus)}.hocus-visible\:text-black:hover,.hocus-visible\:text-black:focus-visible{color:var(--color-black)}.hocus-visible\:text-black-contrast:hover,.hocus-visible\:text-black-contrast:focus-visible{color:var(--color-black-contrast)}.hocus-visible\:text-blue-contrast:hover,.hocus-visible\:text-blue-contrast:focus-visible{color:var(--color-blue-contrast)}.hocus-visible\:text-blue-focus:hover,.hocus-visible\:text-blue-focus:focus-visible{color:var(--color-blue-focus)}.hocus-visible\:text-green-contrast:hover,.hocus-visible\:text-green-contrast:focus-visible{color:var(--color-green-contrast)}.hocus-visible\:text-green-focus:hover,.hocus-visible\:text-green-focus:focus-visible{color:var(--color-green-focus)}.hocus-visible\:text-red-contrast:hover,.hocus-visible\:text-red-contrast:focus-visible{color:var(--color-red-contrast)}.hocus-visible\:text-red-focus:hover,.hocus-visible\:text-red-focus:focus-visible{color:var(--color-red-focus)}.hocus-visible\:text-yellow-contrast:hover,.hocus-visible\:text-yellow-contrast:focus-visible{color:var(--color-yellow-contrast)}.hocus-visible\:text-yellow-focus:hover,.hocus-visible\:text-yellow-focus:focus-visible{color:var(--color-yellow-focus)}.hocus-visible\:decoration-black:hover,.hocus-visible\:decoration-black:focus-visible{-webkit-text-decoration-color:var(--color-black);text-decoration-color:var(--color-black)}.hocus-visible\:decoration-transparent:hover,.hocus-visible\:decoration-transparent:focus-visible{text-decoration-color:#0000}.dark\:hocus-visible\:bg-grey-light-focus:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-grey-light-focus:where(.dark,.dark *):focus-visible{background-color:var(--color-grey-light-focus)}.dark\:hocus-visible\:bg-white:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-white:where(.dark,.dark *):focus-visible{background-color:var(--color-white)}.dark\:hocus-visible\:bg-yellow:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-yellow:where(.dark,.dark *):focus-visible{background-color:var(--color-yellow)}.dark\:hocus-visible\:bg-yellow-focus:where(.dark,.dark *):hover,.dark\:hocus-visible\:bg-yellow-focus:where(.dark,.dark *):focus-visible{background-color:var(--color-yellow-focus)}.dark\:hocus-visible\:text-white-contrast:where(.dark,.dark *):hover,.dark\:hocus-visible\:text-white-contrast:where(.dark,.dark *):focus-visible{color:var(--color-white-contrast)}.dark\:hocus-visible\:text-yellow-contrast:where(.dark,.dark *):hover,.dark\:hocus-visible\:text-yellow-contrast:where(.dark,.dark *):focus-visible{color:var(--color-yellow-contrast)}.\[\&_\.uofg-number-input\]\:text-center .uofg-number-input{text-align:center}.\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--spacing)*0)}.\[\&_strong\]\:text-body-copy-bold strong{color:var(--color-body-copy-bold)}.\[\&_strong\]\:dark\:text-body-copy-bold-on-dark strong:where(.dark,.dark *){color:var(--color-body-copy-bold-on-dark)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\]\:\[grid-row\:1\]>*{grid-row:1}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@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-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{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-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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

@@ -1,7 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
-import { tv as d } from "tailwind-variants";
-function b({ children: r, color: e = "red" }) {
-  const l = d({
+import { jsx as d } from "react/jsx-runtime";
+import { tv as b } from "tailwind-variants";
+function a({ id: r, children: e, color: l = "red" }) {
+  const o = b({
     base: "flex flex-col gap-1 border-l-4 pl-4",
     variants: {
       color: {
@@ -16,9 +16,9 @@ function b({ children: r, color: e = "red" }) {
       }
     }
   });
-  return /* @__PURE__ */ o("div", { className: `uofg-info ${l({ color: e })}`, children: r });
+  return /* @__PURE__ */ d("div", { id: r, className: `uofg-info ${o({ color: l })}`, children: e });
 }
-b.displayName = "Info";
+a.displayName = "Info";
 export {
-  b as Info
+  a as Info
 };

package/dist/link-carousel.js

@@ -1,28 +1,28 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { useMemo as p, useState as d, useRef as v, Children as k, isValidElement as C } from "react";
-import { twMerge as I } from "tailwind-merge";
-import { tv as L } from "tailwind-variants";
-import { LinkCarouselContext as x } from "./link-carousel-context.js";
-import { LinkCarouselLink as A } from "./link-carousel-link.js";
-import { LinkCarouselContent as F } from "./link-carousel-content.js";
-import { LinkCarouselItem as S } from "./link-carousel-item.js";
-import { LinkCarouselLinks as $ } from "./link-carousel-links.js";
-function w(r) {
-  let t = null;
-  function o(i) {
-    k.forEach(i, (e) => {
-      if (t) return;
-      const n = C(e);
-      n && e.type === A ? t = e.props.id : n && e.props.children && o(e.props.children);
+import { useMemo as d, useState as v, useRef as k, Children as C, isValidElement as I } from "react";
+import { twMerge as L } from "tailwind-merge";
+import { tv as x } from "tailwind-variants";
+import { LinkCarouselContext as A } from "./link-carousel-context.js";
+import { LinkCarouselLink as w } from "./link-carousel-link.js";
+import { LinkCarouselContent as R } from "./link-carousel-content.js";
+import { LinkCarouselItem as V } from "./link-carousel-item.js";
+import { LinkCarouselLinks as q } from "./link-carousel-links.js";
+function h(i) {
+  let r = null;
+  function t(n) {
+    C.forEach(n, (e) => {
+      if (r) return;
+      const o = I(e);
+      o && e.type === w ? r = e.props.id : o && e.props.children && t(e.props.children);
     });
   }
-  return o(r), t;
+  return t(i), r;
 }
-function h({ children: r, className: t, stack: o = !1, direction: i = "left" }) {
-  const e = p(() => w(r), [r]), [n, l] = d(e), s = v(null), f = (c) => {
-    l((m) => (s.current = m, c));
-  }, a = L({
+function g({ id: i, children: r, className: t, stack: n = !1, direction: e = "left" }) {
+  const o = d(() => h(r), [r]), [l, f] = v(o), s = k(null), a = (m) => {
+    f((p) => (s.current = p, m));
+  }, c = x({
     base: "relative flex h-fit w-full overflow-hidden",
     variants: {
       direction: {
@@ -31,15 +31,15 @@ function h({ children: r, className: t, stack: o = !1, direction: i = "left" })
       }
     }
   });
-  return /* @__PURE__ */ u("div", { className: `uofg-link-carousel ${I(a({ direction: i }), t)}`, children: /* @__PURE__ */ u(
-    x.Provider,
+  return /* @__PURE__ */ u("div", { id: i, className: `uofg-link-carousel ${L(c({ direction: e }), t)}`, children: /* @__PURE__ */ u(
+    A.Provider,
     {
       value: {
         previousActiveId: s.current,
-        activeId: n,
-        setActiveId: f,
-        stack: o ?? !1,
-        direction: i,
+        activeId: l,
+        setActiveId: a,
+        stack: n ?? !1,
+        direction: e,
         clearPreviousActiveId: () => {
           s.current = null;
         }
@@ -48,11 +48,11 @@ function h({ children: r, className: t, stack: o = !1, direction: i = "left" })
     }
   ) });
 }
-h.displayName = "LinkCarousel";
+g.displayName = "LinkCarousel";
 export {
-  h as LinkCarousel,
-  F as LinkCarouselContent,
-  S as LinkCarouselItem,
-  A as LinkCarouselLink,
-  $ as LinkCarouselLinks
+  g as LinkCarousel,
+  R as LinkCarouselContent,
+  V as LinkCarouselItem,
+  w as LinkCarouselLink,
+  q as LinkCarouselLinks
 };

package/dist/modal.js

@@ -2,18 +2,18 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { h as b } from "./solid-CwgZbR1c.js";
 import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
-import { Dialog as x, DialogBackdrop as h, CloseButton as w, DialogPanel as y } from "@headlessui/react";
-import { tv as N } from "tailwind-variants";
-function k({ open: t, onClose: o = () => {
-}, role: r = "dialog", labelledBy: l, centered: s, children: i }) {
-  const n = N({
+import { Dialog as x, DialogBackdrop as h, DialogPanel as w, CloseButton as y } from "@headlessui/react";
+import { tv as v } from "tailwind-variants";
+function N({ open: r, onClose: o = () => {
+}, role: t = "dialog", labelledBy: l, centered: s, children: i }) {
+  const n = v({
     slots: {
       base: "relative z-50 transition duration-300 ease-out data-[closed]:opacity-0",
       backdrop: "fixed inset-0 bg-black/40 transition duration-300 ease-out data-[closed]:opacity-0",
-      wrapper: "fixed inset-0 flex w-screen justify-center md:p-4",
+      wrapper: "fixed inset-0 flex w-screen justify-center md:p-6",
       panelWrapper: "relative flex w-full flex-col items-center",
-      panel: "",
-      closeButton: "top-0 right-0 flex h-9 w-full items-center justify-center gap-1 border-b border-white/40 bg-grey-dark-bg text-xl text-white transition-colors hover:bg-red md:absolute md:w-9 md:rounded-full"
+      panel: "relative",
+      closeButton: "-top-3.5 -right-3.5 flex h-9 w-full items-center justify-center gap-1 border border-white/40 bg-grey-dark-bg text-xl text-white transition-colors hover:bg-red md:absolute md:w-9 md:rounded-full"
     },
     variants: {
       centered: {
@@ -27,25 +27,25 @@ function k({ open: t, onClose: o = () => {
     x,
     {
       transition: !0,
-      open: t,
-      role: r,
+      open: r,
+      role: t,
       onClose: o,
       className: `uofg-modal ${d()}`,
       "aria-labelledby": l,
       children: [
         /* @__PURE__ */ e(h, { transition: !0, className: `uofg-modal-backdrop ${c()}` }),
-        /* @__PURE__ */ e("div", { className: `uofg-modal-wrapper ${p()}`, children: /* @__PURE__ */ a("div", { className: `uofg-modal-panel-wrapper ${m()}`, children: [
-          /* @__PURE__ */ a(w, { onClick: o, className: `uofg-modal-close-button ${f()}`, children: [
+        /* @__PURE__ */ e("div", { className: `uofg-modal-wrapper ${p()}`, children: /* @__PURE__ */ e("div", { className: `uofg-modal-panel-wrapper ${m()}`, children: /* @__PURE__ */ a(w, { className: `uofg-modal-panel ${u()}`, children: [
+          /* @__PURE__ */ a(y, { onClick: o, className: `uofg-modal-close-button ${f()}`, children: [
             /* @__PURE__ */ e(g, { icon: b }),
             /* @__PURE__ */ e("span", { className: "text-base md:sr-only", children: "Close Modal" })
           ] }),
-          /* @__PURE__ */ e(y, { className: `uofg-modal-panel ${u()}`, children: i })
-        ] }) })
+          i
+        ] }) }) })
       ]
     }
   );
 }
-k.displayName = "Modal";
+N.displayName = "Modal";
 export {
-  k as Modal
+  N as Modal
 };

package/dist/navigation.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import { twMerge as e } from "tailwind-merge";
-import { NavigationLink as g } from "./navigation-link.js";
-function n({ className: a, children: i }) {
-  const t = e("flex w-full flex-col gap-1 border-b-4 border-yellow md:flex-row", a);
-  return /* @__PURE__ */ o("nav", { className: "uofg-navigation contents", children: /* @__PURE__ */ o("ul", { className: `uofg-navigation-list ${t}`, children: i }) });
+import { twMerge as n } from "tailwind-merge";
+import { NavigationLink as m } from "./navigation-link.js";
+function r({ id: a, className: i, children: t }) {
+  const e = n("flex w-full flex-col gap-1 border-b-4 border-yellow md:flex-row", i);
+  return /* @__PURE__ */ o("nav", { id: a, className: "uofg-navigation contents", children: /* @__PURE__ */ o("ul", { className: `uofg-navigation-list ${e}`, children: t }) });
 }
-n.displayName = "Navigation";
+r.displayName = "Navigation";
 export {
-  n as Navigation,
-  g as NavigationLink
+  r as Navigation,
+  m as NavigationLink
 };

package/dist/statistics.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { twMerge as f } from "tailwind-merge";
-import { tv as g } from "tailwind-variants";
-import { u as n } from "./use-resize-observer-DmddO4OQ.js";
-import { StatisticsContext as p } from "./statistics-context.js";
-import { StatisticsItem as I } from "./statistics-item.js";
-import { StatisticsItemImage as F } from "./statistics-item-image.js";
-import { StatisticsItemRepresents as N } from "./statistics-item-represents.js";
-import { StatisticsItemValue as j } from "./statistics-item-value.js";
-function v({ children: o, variant: s, className: r }) {
-  const [i, l] = u(0), [c, e] = n(), d = g({
+import { useState as f } from "react";
+import { twMerge as g } from "tailwind-merge";
+import { tv as n } from "tailwind-variants";
+import { u as p } from "./use-resize-observer-DmddO4OQ.js";
+import { StatisticsContext as v } from "./statistics-context.js";
+import { StatisticsItem as C } from "./statistics-item.js";
+import { StatisticsItemImage as R } from "./statistics-item-image.js";
+import { StatisticsItemRepresents as V } from "./statistics-item-represents.js";
+import { StatisticsItemValue as z } from "./statistics-item-value.js";
+function b({ id: o, children: r, variant: s, className: l }) {
+  const [i, c] = f(0), [d, e] = p(), a = n({
     base: "mx-auto my-0 flex flex-col flex-wrap sm:flex-row",
     variants: {
       divisibleByTwo: {
@@ -47,42 +47,43 @@ function v({ children: o, variant: s, className: r }) {
         class: "grid grid-cols-1 sm:grid-cols-3"
       }
     ]
-  }), a = f(
-    d({
+  }), m = g(
+    a({
       variant: s,
       divisibleByTwo: i % 2 === 0,
       divisibleByThree: i % 3 === 0,
       divisibleByFour: i % 4 === 0
     }),
-    r
+    l
   );
   return /* @__PURE__ */ t(
-    p.Provider,
+    v.Provider,
     {
       value: {
         variant: s,
-        incrementCount: () => l((m) => m + 1)
+        incrementCount: () => c((u) => u + 1)
       },
       children: /* @__PURE__ */ t(
         "dl",
         {
-          className: `uofg-statistics ${a}`,
+          id: o,
+          className: `uofg-statistics ${m}`,
           style: (
             /* @ts-expect-error TypeScript doesn't like CSS Variables */
             s === "solid-colors-full" ? { "--statistic-bg-width": (e == null ? void 0 : e.contentRect.width) + "px" } : void 0
           ),
-          ref: c,
-          children: o
+          ref: d,
+          children: r
         }
       )
     }
   );
 }
-v.displayName = "Statistics";
+b.displayName = "Statistics";
 export {
-  v as Statistics,
-  I as StatisticsItem,
-  F as StatisticsItemImage,
-  N as StatisticsItemRepresents,
-  j as StatisticsItemValue
+  b as Statistics,
+  C as StatisticsItem,
+  R as StatisticsItemImage,
+  V as StatisticsItemRepresents,
+  z as StatisticsItemValue
 };

package/dist/story.js

@@ -1,24 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import { twMerge as m } from "tailwind-merge";
-import { StoryBackground as a } from "./story-background.js";
-import { StoryBackgroundImage as s } from "./story-background-image.js";
-import { StoryBody as S } from "./story-body.js";
-import { StoryFooter as l } from "./story-footer.js";
-import { StoryForeground as i } from "./story-foreground.js";
-import { StoryForegroundContent as B } from "./story-foreground-content.js";
-import { StoryForegroundImage as w } from "./story-foreground-image.js";
-function f({ children: o, className: r }) {
-  const t = m("flex w-full flex-col", r);
-  return /* @__PURE__ */ e("div", { className: `uofg-story ${t}`, children: o });
+import { jsx as m } from "react/jsx-runtime";
+import { twMerge as f } from "tailwind-merge";
+import { StoryBackground as g } from "./story-background.js";
+import { StoryBackgroundImage as u } from "./story-background-image.js";
+import { StoryBody as d } from "./story-body.js";
+import { StoryFooter as c } from "./story-footer.js";
+import { StoryForeground as F } from "./story-foreground.js";
+import { StoryForegroundContent as k } from "./story-foreground-content.js";
+import { StoryForegroundImage as I } from "./story-foreground-image.js";
+function y({ id: o, children: r, className: t }) {
+  const e = f("flex w-full flex-col", t);
+  return /* @__PURE__ */ m("div", { id: o, className: `uofg-story ${e}`, children: r });
 }
-f.displayName = "Story";
+y.displayName = "Story";
 export {
-  f as Story,
-  a as StoryBackground,
-  s as StoryBackgroundImage,
-  S as StoryBody,
-  l as StoryFooter,
-  i as StoryForeground,
-  B as StoryForegroundContent,
-  w as StoryForegroundImage
+  y as Story,
+  g as StoryBackground,
+  u as StoryBackgroundImage,
+  d as StoryBody,
+  c as StoryFooter,
+  F as StoryForeground,
+  k as StoryForegroundContent,
+  I as StoryForegroundImage
 };

package/dist/tabs.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { TabGroup as e } from "@headlessui/react";
-import { twMerge as s } from "tailwind-merge";
-import { Tab as T } from "./tab.js";
-import { TabList as u } from "./tab-list.js";
-import { TabPanel as c } from "./tab-panel.js";
-import { TabPanels as N } from "./tab-panels.js";
-function m({ children: o, className: r }) {
-  const a = s("uofg-tabs", r);
-  return /* @__PURE__ */ t(e, { className: `uofg-tabs ${a}`, children: o });
+import { jsx as e } from "react/jsx-runtime";
+import { TabGroup as s } from "@headlessui/react";
+import { twMerge as m } from "tailwind-merge";
+import { Tab as l } from "./tab.js";
+import { TabList as x } from "./tab-list.js";
+import { TabPanel as g } from "./tab-panel.js";
+import { TabPanels as P } from "./tab-panels.js";
+function f({ id: o, children: r, className: a }) {
+  const t = m("uofg-tabs", a);
+  return /* @__PURE__ */ e(s, { id: o, className: `uofg-tabs ${t}`, children: r });
 }
-m.displayName = "Tabs";
+f.displayName = "Tabs";
 export {
-  T as Tab,
-  u as TabList,
-  c as TabPanel,
-  N as TabPanels,
-  m as Tabs
+  l as Tab,
+  x as TabList,
+  g as TabPanel,
+  P as TabPanels,
+  f as Tabs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.6.0-rc.1",
+  "version": "1.6.0-rc.10",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -78,5 +78,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "4b32ad27f83a6a777f506d3dedd923c04617dfb6"
+  "gitHead": "eca449d086294dc867a779b45eab584098c1447d"
 }