@uoguelph/react-components 1.0.0 → 1.2.0

package/dist/components/container/container.d.ts

@@ -1,21 +1,17 @@
 import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
 declare const defaultElement = "div";
-type ContainerPropsAs<T extends ElementType> = {
-    as?: T;
-};
-type ContainerPropsBase = {
+export type ContainerProps<T extends ElementType = typeof defaultElement> = PropsWithChildren<{
     /**
-     * Whether the container content should be horizontally centered
+     * The element to render as.
      *
-     * @default false
+     * @default 'div'
      */
-    centered?: boolean;
+    as?: T;
     /** Additional classes to apply to the container */
     className?: string;
-};
-export type ContainerProps<T extends ElementType = typeof defaultElement> = PropsWithChildren<ContainerPropsAs<T> & ComponentPropsWithoutRef<T> & ContainerPropsBase>;
+} & ComponentPropsWithoutRef<T>>;
 /** The Container component is a layout component that wraps content and applies padding and max-width styles. */
-export declare function Container<T extends ElementType = typeof defaultElement>({ as, centered, children, className, ...rest }: ContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Container<T extends ElementType = typeof defaultElement>({ as, children, className, ...rest }: ContainerProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Container {
     var displayName: string;
 }

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

@@ -0,0 +1,6 @@
+import { StatisticsProps } from './statistics';
+export type StatisticsContextValue = {
+    variant: StatisticsProps['variant'];
+    incrementCount: () => void;
+};
+export declare const StatisticsContext: import('react').Context<StatisticsContextValue | null>;

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

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+declare const defaultElement = "img";
+type StatisticsItemImageElementType = ElementType<{
+    src: string;
+    alt: string;
+    width?: string;
+    height?: string;
+}, 'img'>;
+export type StatisticsItemImageProps<T extends StatisticsItemImageElementType = typeof defaultElement> = {
+    /**
+     * The element to render the image as
+     *
+     * @default 'img'
+     */
+    as?: T;
+    /** The source URL of the image */
+    src: string;
+    /** An accessible description of the image, used primarily for screen readers */
+    alt: string;
+    /** The width of the image in pixels */
+    width?: string;
+    /** The height of the image in pixels */
+    height?: string;
+    /** Additional classes to apply to the image */
+    className?: string;
+} & ComponentPropsWithoutRef<T>;
+export declare function StatisticsItemImage<T extends StatisticsItemImageElementType = typeof defaultElement>({ as, src, alt, width, height, className, ...rest }: StatisticsItemImageProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace StatisticsItemImage {
+    var displayName: string;
+}
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export type StatisticsProps = PropsWithChildren<{
+    variant: 'solid-colors-full' | 'solid-colors-no-gap' | 'solid-colors' | 'light-grey' | 'left-border';
+}>;
+/** The Statistic component is used to display a list of statistics in a grid layout. */
+export declare function Statistics({ children, variant }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Statistics {
+    var displayName: string;
+}
+export { StatisticsItem } from './statistics-item';
+export { StatisticsItemImage } from './statistics-item-image';
+export { StatisticsItemRepresents } from './statistics-item-represents';
+export { StatisticsItemValue } from './statistics-item-value';

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

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+declare const defaultElement = "img";
+type StoryBackgroundImageElementType = ElementType<{
+    src: string;
+    alt: string;
+    width?: string;
+    height?: string;
+}, 'img'>;
+export type StoryBackgroundImageProps<T extends StoryBackgroundImageElementType = typeof defaultElement> = {
+    /**
+     * The element to render the image as
+     *
+     * @default 'img'
+     */
+    as?: T;
+    /** The source URL of the image */
+    src: string;
+    /** An accessible description of the image, used primarily for screen readers */
+    alt: string;
+    /** The width of the image in pixels */
+    width?: string;
+    /** The height of the image in pixels */
+    height?: string;
+    /** Additional classes to apply to the component. */
+    className?: string;
+} & ComponentPropsWithoutRef<T>;
+export declare function StoryBackgroundImage<T extends StoryBackgroundImageElementType = typeof defaultElement>({ as, src, alt, width, height, className, ...rest }: StoryBackgroundImageProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace StoryBackgroundImage {
+    var displayName: string;
+}
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+declare const defaultElement = "img";
+type StoryForegroundImageElementType = ElementType<{
+    src: string;
+    alt: string;
+    width?: string;
+    height?: string;
+}, 'img'>;
+export type StoryForegroundImageProps<T extends StoryForegroundImageElementType = typeof defaultElement> = {
+    /**
+     * The element to render the image as
+     *
+     * @default 'img'
+     */
+    as?: T;
+    /** The source URL of the image */
+    src: string;
+    /** An accessible description of the image, used primarily for screen readers */
+    alt: string;
+    /** The width of the image in pixels */
+    width?: string;
+    /** The height of the image in pixels */
+    height?: string;
+    /** Additional classes to apply to the component. */
+    className?: string;
+} & ComponentPropsWithoutRef<T>;
+export declare function StoryForegroundImage<T extends StoryForegroundImageElementType = typeof defaultElement>({ as, src, alt, width, height, className, ...rest }: StoryForegroundImageProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace StoryForegroundImage {
+    var displayName: string;
+}
+export {};

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

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

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

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export type StoryProps = PropsWithChildren<{
+    /** Additional classes to apply to the component. */
+    className?: string;
+}>;
+export declare function Story({ children, className }: StoryProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Story {
+    var displayName: string;
+}
+export { StoryBackground } from './story-background';
+export { StoryBackgroundImage } from './story-background-image';
+export { StoryBody } from './story-body';
+export { StoryFooter } from './story-footer';
+export { StoryForeground } from './story-foreground';
+export { StoryForegroundContent } from './story-foreground-content';
+export { StoryForegroundImage } from './story-foreground-image';

package/dist/components/tabs/tab-list.d.ts

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

package/dist/components/tabs/tab-panel.d.ts

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

package/dist/components/tabs/tab-panels.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export type TabsProps = PropsWithChildren<{
+    /** Additional classes to apply to the component. */
+    className?: string;
+}>;
+export declare function Tabs({ children, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var displayName: string;
+}
+export { Tab } from './tab';
+export { TabList } from './tab-list';
+export { TabPanel } from './tab-panel';
+export { TabPanels } from './tab-panels';

package/dist/container.js

@@ -1,25 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { twMerge as u } from "tailwind-merge";
-import { tv as s } from "tailwind-variants";
-const c = "div";
-function p({
-  as: t,
-  centered: o = !1,
-  children: e,
+import { jsx as r } from "react/jsx-runtime";
+import { twMerge as s } from "tailwind-merge";
+const u = "div";
+function i({
+  as: o,
+  children: t,
   className: n,
-  ...r
+  ...e
 }) {
-  const a = t ?? c, m = s({
-    base: "uog:max-w-[--tw-max-content-width] uog:container uog:px-4 uog:pt-2 uog:pb-4",
-    variants: {
-      centered: {
-        true: "uog:mx-auto"
-      }
-    }
-  });
-  return /* @__PURE__ */ i(a, { ...r, className: u(m({ centered: o }), n), children: e });
+  const a = o ?? u, m = s(
+    "uog:max-w-[--tw-max-content-width] uog:container uog:px-4 uog:pt-2 uog:pb-4 uog:mx-auto",
+    n
+  );
+  return /* @__PURE__ */ r(a, { ...e, className: m, children: t });
 }
-p.displayName = "Container";
+i.displayName = "Container";
 export {
-  p as Container
+  i as Container
 };

package/dist/index.css

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

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

package/dist/statistics-context.js

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

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

@@ -0,0 +1,2 @@
+export * from './components/statistics/statistics-item-image'
+export {}

package/dist/statistics-item-image.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+const g = "img";
+function f({
+  as: e,
+  src: s,
+  alt: m,
+  width: a,
+  height: i,
+  className: o,
+  ...c
+}) {
+  const n = e ?? g, l = r("uofg-statistics-item-image uog:w-full", o);
+  return /* @__PURE__ */ t("dd", { className: "contents", children: /* @__PURE__ */ t(n, { src: s, alt: m, width: a, height: i, className: l, ...c }) });
+}
+f.displayName = "StatisticsItemImage";
+export {
+  f as StatisticsItemImage
+};

package/dist/statistics-item-represents.d.ts

@@ -0,0 +1,2 @@
+export * from './components/statistics/statistics-item-represents'
+export {}

package/dist/statistics-item-represents.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+function i({ children: t, className: e }) {
+  const s = r(
+    "uofg-statistics-item-represents uog:text-normal uog:p-6 uog:pt-0 uog:text-lg uog:font-normal",
+    e
+  );
+  return /* @__PURE__ */ o("dd", { className: s, children: t });
+}
+i.displayName = "StatisticsItemRepresents";
+export {
+  i as StatisticsItemRepresents
+};

package/dist/statistics-item-value.d.ts

@@ -0,0 +1,2 @@
+export * from './components/statistics/statistics-item-value'
+export {}

package/dist/statistics-item-value.js

@@ -0,0 +1,13 @@
+import { jsx as s } from "react/jsx-runtime";
+import { twMerge as a } from "tailwind-merge";
+function i({ children: t, className: o }) {
+  const e = a(
+    "uofg-statistics-item-value uog:break-auto uog:p-6 uog:pb-0 uog:text-3xl uog:leading-tight uog:font-bold",
+    o
+  );
+  return /* @__PURE__ */ s("dt", { className: e, children: t });
+}
+i.displayName = "StatisticsItemValue";
+export {
+  i as StatisticsItemValue
+};

package/dist/statistics-item.d.ts

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

package/dist/statistics-item.js

@@ -0,0 +1,61 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as g, useEffect as u } from "react";
+import { twMerge as s } from "tailwind-merge";
+import { tv as a } from "tailwind-variants";
+import { StatisticsContext as i } from "./statistics-context.js";
+function n({ children: t, className: r }) {
+  const o = g(i);
+  u(() => {
+    o == null || o.incrementCount();
+  }, []);
+  const e = a({
+    base: "uofg-statistics-item uog:relative uog:flex uog:flex-1 uog:flex-col uog:justify-around uog:gap-2",
+    variants: {
+      variant: {
+        "solid-colors-full": [
+          'uog:sm:before:content-[""]',
+          "uog:before:absolute",
+          "uog:before:top-0",
+          "uog:before:right-full",
+          "uog:before:w-[calc((100vw-var(--statistic-bg-width))/2)]",
+          "uog:before:h-full",
+          "uog:before:bg-inherit",
+          "uog:before:z-[-1]",
+          "uog:first:before:z-0",
+          'uog:sm:after:content-[""]',
+          "uog:after:absolute",
+          "uog:after:top-0",
+          "uog:after:left-full",
+          "uog:after:w-[calc((100vw-var(--statistic-bg-width))/2)]",
+          "uog:after:h-full",
+          "uog:after:bg-inherit",
+          "uog:after:z-[-1]",
+          "uog:last:after:z-0"
+        ],
+        "solid-colors-no-gap": "",
+        "solid-colors": "",
+        "light-grey": "",
+        "left-border": "uog:border-l-8 uog:border-black uog:nth-[2n]:border-red uog:nth-[3n]:border-yellow uog:nth-[4n]:border-blue"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: ["light-grey", "left-border"],
+        class: "uog:bg-grey-light-bg uog:text-black-on-light"
+      },
+      {
+        variant: ["solid-colors-full", "solid-colors-no-gap", "solid-colors", "light-grey"],
+        class: "uog:text-center"
+      },
+      {
+        variant: ["solid-colors-full", "solid-colors-no-gap", "solid-colors"],
+        class: "uog:bg-black uog:text-black-contrast uog:nth-[2n]:bg-red uog:nth-[2n]:text-red-contrast uog:nth-[3n]:bg-yellow uog:nth-[3n]:text-yellow-contrast uog:nth-[4n]:bg-blue uog:nth-[4n]:text-blue-contrast uog:border-b uog:border-white"
+      }
+    ]
+  });
+  return /* @__PURE__ */ l("div", { className: s(e({ variant: o == null ? void 0 : o.variant }), r), children: t });
+}
+n.displayName = "StatisticsItem";
+export {
+  n as StatisticsItem
+};

package/dist/statistics.d.ts

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

package/dist/statistics.js

@@ -0,0 +1,93 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useState as c, useRef as d, useEffect as g } from "react";
+import { tv as a } from "tailwind-variants";
+import { StatisticsContext as f } from "./statistics-context.js";
+import { StatisticsItem as w } from "./statistics-item.js";
+import { StatisticsItemImage as T } from "./statistics-item-image.js";
+import { StatisticsItemRepresents as R } from "./statistics-item-represents.js";
+import { StatisticsItemValue as C } from "./statistics-item-value.js";
+function m() {
+  const [i, s] = c(null), e = d(null);
+  return g(() => {
+    if (!e.current) return;
+    const o = new ResizeObserver((l, t) => {
+      const r = l[0];
+      r && s(r);
+    });
+    return o.observe(e.current), () => o.disconnect();
+  }, [e.current]), [e, i];
+}
+function v({ children: i, variant: s }) {
+  const [e, o] = c(0), [l, t] = m(), r = a({
+    base: "uofg-statistics uog:mx-auto uog:my-4 uog:flex uog:flex-col uog:flex-wrap uog:sm:flex-row",
+    variants: {
+      divisibleByTwo: {
+        true: ""
+      },
+      divisibleByThree: {
+        true: ""
+      },
+      divisibleByFour: {
+        true: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-2 uog:lg:grid-cols-4"
+      },
+      variant: {
+        "solid-colors-full": "",
+        "solid-colors-no-gap": "",
+        "solid-colors": "",
+        "light-grey": "",
+        "left-border": ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: ["solid-colors", "light-grey", "left-border"],
+        class: "uog:gap-4"
+      },
+      {
+        divisibleByTwo: !0,
+        divisibleByThree: !1,
+        divisibleByFour: !1,
+        class: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-2"
+      },
+      {
+        divisibleByThree: !0,
+        divisibleByFour: !1,
+        class: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-3"
+      }
+    ]
+  });
+  return /* @__PURE__ */ u(
+    f.Provider,
+    {
+      value: {
+        variant: s,
+        incrementCount: () => o((n) => n + 1)
+      },
+      children: /* @__PURE__ */ u(
+        "dl",
+        {
+          className: r({
+            variant: s,
+            divisibleByTwo: e % 2 === 0,
+            divisibleByThree: e % 3 === 0,
+            divisibleByFour: e % 4 === 0
+          }),
+          style: (
+            /* @ts-expect-error TypeScript doesn't like CSS Variables */
+            s === "solid-colors-full" ? { "--statistic-bg-width": (t == null ? void 0 : t.contentRect.width) + "px" } : void 0
+          ),
+          ref: l,
+          children: i
+        }
+      )
+    }
+  );
+}
+v.displayName = "Statistics";
+export {
+  v as Statistics,
+  w as StatisticsItem,
+  T as StatisticsItemImage,
+  R as StatisticsItemRepresents,
+  C as StatisticsItemValue
+};

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

@@ -0,0 +1,2 @@
+export * from './components/story/story-background-image'
+export {}

package/dist/story-background-image.js

@@ -0,0 +1,19 @@
+import { jsx as u } from "react/jsx-runtime";
+import { twMerge as c } from "tailwind-merge";
+const l = "img";
+function f({
+  as: o,
+  src: t,
+  alt: e,
+  width: r,
+  height: g,
+  className: n,
+  ...s
+}) {
+  const a = o ?? l, m = c("uofg-story-background-image uog:h-full uog:w-full uog:brightness-50", n);
+  return /* @__PURE__ */ u(a, { ...s, src: t, alt: e, width: r, height: g, className: m });
+}
+f.displayName = "StoryBackgroundImage";
+export {
+  f as StoryBackgroundImage
+};

package/dist/story-background.d.ts

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

package/dist/story-background.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as a } from "tailwind-merge";
+function g({ children: o, className: u }) {
+  const r = a("uofg-story-background uog:absolute uog:z-0 uog:h-full uog:max-h-full uog:w-full", u);
+  return /* @__PURE__ */ t("div", { className: r, children: o });
+}
+g.displayName = "StoryBackground";
+export {
+  g as StoryBackground
+};

package/dist/story-body.d.ts

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

package/dist/story-body.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as s } from "tailwind-merge";
+function u({ children: o, className: e }) {
+  const r = s(
+    "uofg-story-body uog:relative uog:flex uog:w-full uog:items-center uog:justify-center uog:overflow-hidden",
+    e
+  );
+  return /* @__PURE__ */ t("div", { className: r, children: o });
+}
+u.displayName = "StoryBody";
+export {
+  u as StoryBody
+};

package/dist/story-footer.d.ts

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

package/dist/story-footer.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { twMerge as n } from "tailwind-merge";
+import { tv as i } from "tailwind-variants";
+import { Container as g } from "./container.js";
+function c({ children: t, className: e }) {
+  const r = i({
+    slots: {
+      base: "uofg-story-footer uog:flex uog:w-full uog:items-center uog:justify-center uog:bg-black uog:p-4 uog:text-white",
+      container: "uofg-story-footer-container uog:flex uog:items-center uog:justify-center uog:p-2 uog:text-xl"
+    }
+  }), { base: s, container: u } = r();
+  return /* @__PURE__ */ o("div", { className: n(s(), e), children: /* @__PURE__ */ o(g, { className: u(), children: t }) });
+}
+c.displayName = "StoryFooter";
+export {
+  c as StoryFooter
+};

package/dist/story-foreground-content.d.ts

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

package/dist/story-foreground-content.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { twMerge as n } from "tailwind-merge";
+function u({ children: o, className: r }) {
+  const t = n(
+    "uofg-story-foreground-content uog:flex uog:w-full uog:justify-center uog:px-8 uog:lg:w-1/2 uog:lg:p-0",
+    r
+  );
+  return /* @__PURE__ */ e("div", { className: t, children: o });
+}
+u.displayName = "StoryForegroundContent";
+export {
+  u as StoryForegroundContent
+};

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

@@ -0,0 +1,2 @@
+export * from './components/story/story-foreground-image'
+export {}

package/dist/story-foreground-image.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+import { tv as c } from "tailwind-variants";
+const d = "img";
+function p({
+  as: e,
+  src: r,
+  alt: t,
+  width: g,
+  height: u,
+  className: s,
+  ...m
+}) {
+  const a = e ?? d, n = c({
+    slots: {
+      base: "uofg-story-foreground-image-container uog:flex uog:w-full uog:justify-center uog:lg:mt-auto uog:lg:w-1/2",
+      image: "uofg-story-foreground-image uog:w-full uog:h-full"
+    }
+  }), { base: l, image: f } = n();
+  return /* @__PURE__ */ o("div", { className: l(), children: /* @__PURE__ */ o(a, { ...m, src: r, alt: t, width: g, height: u, className: i(f(), s) }) });
+}
+p.displayName = "StoryForegroundImage";
+export {
+  p as StoryForegroundImage
+};

package/dist/story-foreground.d.ts

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

package/dist/story-foreground.js

@@ -0,0 +1,13 @@
+import { jsx as g } from "react/jsx-runtime";
+import { twMerge as t } from "tailwind-merge";
+function u({ children: o, className: r }) {
+  const e = t(
+    "uofg-story-foreground uog:max-w-[--tw-max-content-width] uog:z-10 uog:container uog:flex uog:w-full uog:flex-col uog:items-center uog:gap-6 uog:px-4 uog:lg:flex-row",
+    r
+  );
+  return /* @__PURE__ */ g("div", { className: e, children: o });
+}
+u.displayName = "StoryForeground";
+export {
+  u as StoryForeground
+};

package/dist/story.d.ts

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

package/dist/story.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { twMerge as m } from "tailwind-merge";
+import { StoryBackground as p } from "./story-background.js";
+import { StoryBackgroundImage as a } 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("uofg-story uog:flex uog:w-full uog:flex-col", r);
+  return /* @__PURE__ */ e("div", { className: t, children: o });
+}
+f.displayName = "Story";
+export {
+  f as Story,
+  p as StoryBackground,
+  a as StoryBackgroundImage,
+  S as StoryBody,
+  l as StoryFooter,
+  i as StoryForeground,
+  B as StoryForegroundContent,
+  w as StoryForegroundImage
+};

package/dist/tab-list.d.ts

@@ -0,0 +1,2 @@
+export * from './components/tabs/tab-list'
+export {}

package/dist/tab-list.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { TabList as a } from "@headlessui/react";
+import { twMerge as e } from "tailwind-merge";
+function i({ children: o, className: r }) {
+  const s = e("uofg-tab-list uog:flex uog:gap-1 uog:border-b-4 uog:border-yellow uog:w-full", r);
+  return /* @__PURE__ */ t(a, { className: s, children: o });
+}
+i.displayName = "TabList";
+export {
+  i as TabList
+};

package/dist/tab-panel.d.ts

@@ -0,0 +1,2 @@
+export * from './components/tabs/tab-panel'
+export {}

package/dist/tab-panel.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TabPanel as n } from "@headlessui/react";
+import { twMerge as s } from "tailwind-merge";
+function t({ children: a, className: e }) {
+  const o = s("uofg-tab-panel uog:py-4", e);
+  return /* @__PURE__ */ r(n, { className: o, children: a });
+}
+t.displayName = "TabPanel";
+export {
+  t as TabPanel
+};

package/dist/tab-panels.d.ts

@@ -0,0 +1,2 @@
+export * from './components/tabs/tab-panels'
+export {}

package/dist/tab-panels.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TabPanels as r } from "@headlessui/react";
+import { twMerge as n } from "tailwind-merge";
+function t({ children: a, className: s }) {
+  const e = n("uofg-tab-panels", s);
+  return /* @__PURE__ */ o(r, { className: e, children: a });
+}
+t.displayName = "TabPanels";
+export {
+  t as TabPanels
+};

package/dist/tab.d.ts

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

package/dist/tab.js

@@ -0,0 +1,31 @@
+import { jsx as u } from "react/jsx-runtime";
+import { Tab as t } from "@headlessui/react";
+import { twMerge as l } from "tailwind-merge";
+function r({ children: o, className: e }) {
+  const g = l(
+    "uofg-tab-list",
+    "uog:mb-1",
+    "uog:rounded-t-sm",
+    "uog:bg-grey-light-bg",
+    "uog:px-4",
+    "uog:py-3",
+    "uog:text-lg",
+    "uog:font-bold",
+    "uog:text-black",
+    "uog:transition-colors",
+    "uog:hover:bg-grey-light",
+    "uog:focus:bg-grey-light",
+    "uog:focus:outline-none",
+    "uog:ui-selected:mb-0",
+    "uog:ui-selected:border-2",
+    "uog:ui-selected:border-yellow",
+    "uog:ui-selected:bg-yellow",
+    "uog:flex-1",
+    e
+  );
+  return /* @__PURE__ */ u(t, { className: g, children: o });
+}
+r.displayName = "Tab";
+export {
+  r as Tab
+};

package/dist/tabs.d.ts

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

package/dist/tabs.js

@@ -0,0 +1,19 @@
+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 n } from "./tab.js";
+import { TabList as l } from "./tab-list.js";
+import { TabPanel as u } 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: a, children: o });
+}
+m.displayName = "Tabs";
+export {
+  n as Tab,
+  l as TabList,
+  u as TabPanel,
+  N as TabPanels,
+  m as Tabs
+};

package/dist/utils/use-resize-observer.d.ts

@@ -0,0 +1 @@
+export declare function useResizeObserver<T extends HTMLElement>(): readonly [import('react').RefObject<T | null>, ResizeObserverEntry | null];

package/dist/utils/use-window-size.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -72,5 +72,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "e19f9d63b106ce9def4f0d2c07ea242fc667e5fd"
+  "gitHead": "f53dd01bf68de3260126a858e3b0ee9e1f884bba"
 }