@uoguelph/react-components 1.2.16 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blockquote-content.js +1 -1
- package/dist/button.js +1 -1
- package/dist/carousel.js +2 -2
- package/dist/components/number-input/number-input.d.ts +20 -0
- package/dist/components/pagination/pagination.d.ts +19 -0
- package/dist/components/text-input/text-input.d.ts +7 -1
- package/dist/contact-phone.js +1 -1
- package/dist/embedded-video-modal-button.js +1 -1
- package/dist/hero-video.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/dist/link-carousel-link.js +1 -1
- package/dist/math-utils-CnAd98v6.js +50 -0
- package/dist/modal.js +1 -1
- package/dist/number-input.d.ts +2 -0
- package/dist/number-input.js +113 -0
- package/dist/pagination.d.ts +2 -0
- package/dist/pagination.js +193 -0
- package/dist/select-button.js +1 -1
- package/dist/{solid-D4xgBves.js → solid-D19hAF5t.js} +50 -17
- package/dist/text-input.js +36 -23
- package/package.json +2 -2
- package/dist/math-utils-BwzyIQRL.js +0 -50
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e, Fragment as n } from "react/jsx-runtime";
|
|
2
|
-
import { f as a, a as m } from "./solid-
|
|
2
|
+
import { f as a, a as m } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { useContext as f } from "react";
|
|
5
5
|
import { twMerge as g } from "tailwind-merge";
|
package/dist/button.js
CHANGED
|
@@ -12,7 +12,7 @@ function f({
|
|
|
12
12
|
...r
|
|
13
13
|
}) {
|
|
14
14
|
const c = e ?? d, i = n({
|
|
15
|
-
base: "uog:font-medium uog:shadow-sm uog:inline-flex uog:items-center uog:justify-center uog:px-6 uog:py-4 uog:text-lg uog:no-underline uog:transition-colors uog:focus-visible:outline-none uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2",
|
|
15
|
+
base: "uog:font-medium uog:shadow-sm uog:inline-flex uog:items-center uog:justify-center uog:px-6 uog:py-4 uog:text-lg uog:no-underline uog:transition-colors uog:focus-visible:outline-none uog:cursor-pointer uog:focus-visible:ring-2 uog:focus-visible:ring-offset-2",
|
|
16
16
|
variants: {
|
|
17
17
|
color: {
|
|
18
18
|
red: "uog:focus-visible:ring-red",
|
package/dist/carousel.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as g, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { b as k, c as I } from "./solid-
|
|
2
|
+
import { b as k, c as I } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { Children as $, useRef as d, useState as A, useEffect as F } from "react";
|
|
5
5
|
import { tv as L } from "tailwind-variants";
|
|
6
|
-
import { l as S, b as q, m as w, c as M } from "./math-utils-
|
|
6
|
+
import { l as S, b as q, m as w, c as M } from "./math-utils-CnAd98v6.js";
|
|
7
7
|
const R = (u, m, e) => {
|
|
8
8
|
const n = u.scrollLeft, s = performance.now();
|
|
9
9
|
return new Promise((r) => {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, FormEvent, PropsWithChildren } from 'react';
|
|
2
|
+
export type NumberInputProps = PropsWithChildren<{
|
|
3
|
+
/** Additional classes to apply to the input * */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Sets the initial value of the input */
|
|
6
|
+
initialValue?: number;
|
|
7
|
+
/** The value of the input */
|
|
8
|
+
value?: number;
|
|
9
|
+
/** Placeholder text to show in the input when it is empty */
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
/** The minimum number allowed for this input */
|
|
12
|
+
min?: number;
|
|
13
|
+
/** The maximum number allowed for this input */
|
|
14
|
+
max?: number;
|
|
15
|
+
/** Callback to call when the input changes */
|
|
16
|
+
onInput?: (value: number, e?: FormEvent<HTMLInputElement>) => void;
|
|
17
|
+
/** The color of the inputs control buttons */
|
|
18
|
+
color?: 'red' | 'yellow' | 'blue' | 'green';
|
|
19
|
+
} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'onInput'>>;
|
|
20
|
+
export declare function NumberInput({ initialValue, color, placeholder, onInput, children, className, min, max, value, ...rest }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export type PaginationProps = {
|
|
2
|
+
/** The total number of pages. Must be a positive integer. */
|
|
3
|
+
count: number;
|
|
4
|
+
/** The number of pages that are displayed at once. This number will always be clamped between 3 and count. */
|
|
5
|
+
visible: number;
|
|
6
|
+
/** The currently selected page */
|
|
7
|
+
page?: number;
|
|
8
|
+
/** The selected page when this component is first rendered */
|
|
9
|
+
defaultPage?: number;
|
|
10
|
+
/** A callback for when the user has selected an item. */
|
|
11
|
+
onChange: (page: number) => void;
|
|
12
|
+
/** The color of the pagination controls */
|
|
13
|
+
color: 'red' | 'yellow' | 'blue' | 'green';
|
|
14
|
+
/** Whether to hide the manual page selector */
|
|
15
|
+
hideInput?: boolean;
|
|
16
|
+
/** Whether to hide the list of pages */
|
|
17
|
+
hideList?: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare function Pagination({ page, count, visible, defaultPage, onChange, color, hideInput, hideList, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, FormEvent, PropsWithChildren } from 'react';
|
|
2
2
|
export type TextInputProps = PropsWithChildren<{
|
|
3
|
+
/** Additional classes to apply to the input * */
|
|
4
|
+
className?: string;
|
|
3
5
|
/** Sets the initial value of the TextInput */
|
|
4
6
|
initialValue?: string;
|
|
5
7
|
/** The type of the input */
|
|
6
8
|
type?: 'text' | 'password';
|
|
9
|
+
/** The value of the input */
|
|
10
|
+
value?: string;
|
|
7
11
|
/** Placeholder text to show in the input when it is empty */
|
|
8
12
|
placeholder?: string;
|
|
9
13
|
/** Callback to call when the input changes */
|
|
10
14
|
onInput?: (e: FormEvent<HTMLInputElement>) => void;
|
|
15
|
+
/** Whether to render a clear button in the input */
|
|
16
|
+
hideClear?: boolean;
|
|
11
17
|
} & ComponentPropsWithoutRef<'input'>>;
|
|
12
|
-
export declare function TextInput({ initialValue, type, placeholder, onInput, children, ...rest }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function TextInput({ initialValue, type, placeholder, onInput, children, className, hideClear, value, ...rest }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/contact-phone.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as a } from "./solid-
|
|
2
|
+
import { d as a } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { twMerge as l } from "tailwind-merge";
|
|
5
5
|
import { tv as g } from "tailwind-variants";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { g as i } from "./solid-
|
|
2
|
+
import { g as i } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { useContext as m } from "react";
|
|
5
5
|
import { twMerge as l } from "tailwind-merge";
|
package/dist/hero-video.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as d } from "react/jsx-runtime";
|
|
2
|
-
import { g as p } from "./solid-
|
|
2
|
+
import { g as p } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { useContext as u } from "react";
|
|
5
5
|
import { tv as f } from "tailwind-variants";
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--uog-font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--uog-font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--uog-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--uog-color-blue-600:oklch(54.6% .245 262.881);--uog-color-gray-100:oklch(96.7% .003 264.542);--uog-color-gray-300:oklch(87.2% .01 258.338);--uog-color-gray-900:oklch(21% .034 264.665);--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-default-font-family:var(--uog-font-sans);--uog-default-mono-font-family:var(--uog-font-mono);--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-light:#555;--uog-color-body-copy-on-dark:#ccc;--uog-color-body-copy-bold:#333;--uog-color-body-copy-bold-on-light:#333;--uog-color-body-copy-bold-on-dark:#e2e2e2;--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(--uog-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(--uog-default-font-feature-settings,normal);font-variation-settings:var(--uog-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--uog-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--uog-default-mono-font-feature-settings,normal);font-variation-settings:var(--uog-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components;@layer utilities{.uog\:pointer-events-none{pointer-events:none}.uog\:invisible{visibility:hidden}.uog\:visible{visibility:visible}.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\:z-\[1000\]{z-index:1000}.uog\:order-last{order:9999}.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\:mx-auto{margin-inline:auto}.uog\:my-0{margin-block:calc(var(--uog-spacing)*0)}.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-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-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\:h-screen{height:100vh}.uog\:max-h-\[20rem\]{max-height:20rem}.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-\[0\.6em\]\!{width:.6em!important}.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-\[80rem\]\!{max-width:80rem!important}.uog\:max-w-\[137rem\]{max-width:137rem}.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-auto{overflow:auto}.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\:rounded-b-md{border-bottom-right-radius:var(--uog-radius-md);border-bottom-left-radius:var(--uog-radius-md)}.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-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.uog\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.uog\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.uog\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.uog\:border-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-gray-300{border-color:var(--uog-color-gray-300)}.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,.uog\:border-white\/40{border-color:var(--uog-color-white)}@supports (color:color-mix(in lab,red,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,.uog\:bg-black\/40{background-color:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:bg-black\/40{background-color:color-mix(in oklab,var(--uog-color-black)40%,transparent)}}.uog\:bg-black\/60{background-color:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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,.uog\:bg-white\/60{background-color:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-black)50%,transparent)}}.uog\:from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:from-white\/50{--tw-gradient-from:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.uog\:from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-white)50%,transparent)}}.uog\:from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:via-black\/20{--tw-gradient-via:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-black)20%,transparent)}}.uog\:via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-white\/20{--tw-gradient-via:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.uog\:via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-white)20%,transparent)}}.uog\:via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.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-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-\[8rem\]{font-size:8rem}.uog\:text-\[12rem\]{font-size:12rem}.uog\:text-\[15rem\]{font-size:15rem}.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-600{color:var(--uog-color-blue-600)}.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-bold-on-light{color:var(--uog-color-body-copy-bold-on-light)}.uog\:text-body-copy-link{color:var(--uog-color-body-copy-link)}.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-body-copy-on-light{color:var(--uog-color-body-copy-on-light)}.uog\:text-gray-900{color:var(--uog-color-gray-900)}.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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-\[padding\]{transition-property:padding;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)}.uog\:select-none{-webkit-user-select:none;user-select:none}.uog\:group-focus-within\:border-blue:is(:where(.uog\:group):focus-within *){border-color:var(--uog-color-blue)}.uog\:group-focus-within\:outline-none:is(:where(.uog\:group):focus-within *){--tw-outline-style:none;outline-style:none}@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{content:var(--tw-content);z-index:0}.uog\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.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-gray-100:hover{background-color:var(--uog-color-gray-100)}.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\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.uog\:focus\:bg-gray-100:focus{background-color:var(--uog-color-gray-100)}.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\:px-2:focus{padding-inline:calc(var(--uog-spacing)*2)}.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-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.uog\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.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-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\: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 (min-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 (min-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\:order-none{order:0}.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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\:py-0{padding-block:calc(var(--uog-spacing)*0)}.uog\:md\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}}@media (min-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\: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\:max-w-\[137rem\]{max-width:137rem}.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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\:dark\:text-body-copy-bold-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-bold-on-dark)}.uog\:dark\:text-body-copy-link-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-link-on-dark)}.uog\:dark\:text-body-copy-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-on-dark)}.uog\:dark\:text-white:where(.dark,.dark *){color:var(--uog-color-white)}.uog\:dark\:focus-visible\:ring-body-copy-link-on-light:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.uog\:ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:rotate-180{rotate:180deg}.uog\:ui-open\:rounded-b-none[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.uog\:ui-open\:border-blue[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:border-blue{border-color:var(--uog-color-blue)}.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\:ui-active\:bg-gray-100[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .uog\:ui-active\:bg-gray-100{background-color:var(--uog-color-gray-100)}.uog\:light\:text-body-copy-bold-on-light:where(.light,.light *){color:var(--uog-color-body-copy-bold-on-light)}.uog\:light\:text-body-copy-link-on-light:where(.light,.light *){color:var(--uog-color-body-copy-link-on-light)}.uog\:light\:text-body-copy-on-light:where(.light,.light *){color:var(--uog-color-body-copy-on-light)}.uog\:light\:focus-visible\:ring-body-copy-link-on-light:where(.light,.light *):focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.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-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)}.uog\:\[\&_strong\]\:text-body-copy-bold strong{color:var(--uog-color-body-copy-bold)}.uog\:\[\&_strong\]\:dark\:text-body-copy-bold-on-dark strong:where(.dark,.dark *){color:var(--uog-color-body-copy-bold-on-dark)}}@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-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-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)}}
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--uog-font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--uog-font-serif:"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--uog-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--uog-color-blue-600:oklch(54.6% .245 262.881);--uog-color-gray-100:oklch(96.7% .003 264.542);--uog-color-gray-300:oklch(87.2% .01 258.338);--uog-color-gray-900:oklch(21% .034 264.665);--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-default-font-family:var(--uog-font-sans);--uog-default-mono-font-family:var(--uog-font-mono);--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-light:#555;--uog-color-body-copy-on-dark:#ccc;--uog-color-body-copy-bold:#333;--uog-color-body-copy-bold-on-light:#333;--uog-color-body-copy-bold-on-dark:#e2e2e2;--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(--uog-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(--uog-default-font-feature-settings,normal);font-variation-settings:var(--uog-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--uog-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--uog-default-mono-font-feature-settings,normal);font-variation-settings:var(--uog-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components;@layer utilities{.uog\:pointer-events-none{pointer-events:none}.uog\:invisible{visibility:hidden}.uog\:visible{visibility:visible}.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\:z-\[1000\]{z-index:1000}.uog\:order-last{order:9999}.uog\:col-1{grid-column:1}.uog\:col-2{grid-column:2}.uog\:col-3{grid-column:3}.uog\:col-start-1{grid-column-start:1}.uog\:col-start-2{grid-column-start:2}.uog\:row-1{grid-row:1}.uog\:row-start-1{grid-row-start:1}.uog\:mx-auto{margin-inline:auto}.uog\:my-0{margin-block:calc(var(--uog-spacing)*0)}.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-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-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-\[2em\]{height:2em}.uog\:h-auto{height:auto}.uog\:h-fit{height:fit-content}.uog\:h-full{height:100%}.uog\:h-screen{height:100vh}.uog\:max-h-\[20rem\]{max-height:20rem}.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-1\/2{width:50%}.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-\[0\.6em\]\!{width:.6em!important}.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-\[80rem\]\!{max-width:80rem!important}.uog\:max-w-\[137rem\]{max-width:137rem}.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\:\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.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-\[2rem_1fr_2rem\]{grid-template-columns:2rem 1fr 2rem}.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\:justify-items-center{justify-items:center}.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-auto{overflow:auto}.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\:rounded-b-md{border-bottom-right-radius:var(--uog-radius-md);border-bottom-left-radius:var(--uog-radius-md)}.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-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.uog\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.uog\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.uog\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.uog\:border-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-gray-300{border-color:var(--uog-color-gray-300)}.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,.uog\:border-white\/40{border-color:var(--uog-color-white)}@supports (color:color-mix(in lab,red,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,.uog\:bg-black\/40{background-color:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:bg-black\/40{background-color:color-mix(in oklab,var(--uog-color-black)40%,transparent)}}.uog\:bg-black\/60{background-color:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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,.uog\:bg-white\/60{background-color:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-black)50%,transparent)}}.uog\:from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:from-white\/50{--tw-gradient-from:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.uog\:from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--uog-color-white)50%,transparent)}}.uog\:from-white\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.uog\:via-black\/20{--tw-gradient-via:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.uog\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-black)20%,transparent)}}.uog\:via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.uog\:via-white\/20{--tw-gradient-via:var(--uog-color-white)}@supports (color:color-mix(in lab,red,red)){.uog\:via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--uog-color-white)20%,transparent)}}.uog\:via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.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-2{padding-inline:calc(var(--uog-spacing)*2)}.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-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-\[8rem\]{font-size:8rem}.uog\:text-\[12rem\]{font-size:12rem}.uog\:text-\[15rem\]{font-size:15rem}.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-600{color:var(--uog-color-blue-600)}.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-bold-on-light{color:var(--uog-color-body-copy-bold-on-light)}.uog\:text-body-copy-link{color:var(--uog-color-body-copy-link)}.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-body-copy-on-light{color:var(--uog-color-body-copy-on-light)}.uog\:text-gray-900{color:var(--uog-color-gray-900)}.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{--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\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--uog-default-transition-timing-function));transition-duration:var(--tw-duration,var(--uog-default-transition-duration))}.uog\:transition-\[padding\]{transition-property:padding;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)}.uog\:select-none{-webkit-user-select:none;user-select:none}.uog\:group-focus-within\:border-blue:is(:where(.uog\:group):focus-within *){border-color:var(--uog-color-blue)}.uog\:group-focus-within\:outline-none:is(:where(.uog\:group):focus-within *){--tw-outline-style:none;outline-style:none}@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\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.uog\:before\:h-2\/3:before{content:var(--tw-content);height:66.6667%}.uog\:before\:h-full:before{content:var(--tw-content);height:100%}.uog\:before\:w-2\/3:before{content:var(--tw-content);width:66.6667%}.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-blue-contrast:before{content:var(--tw-content);background-color:var(--uog-color-blue-contrast)}.uog\:before\:bg-green-contrast:before{content:var(--tw-content);background-color:var(--uog-color-green-contrast)}.uog\:before\:bg-inherit:before{content:var(--tw-content);background-color:inherit}.uog\:before\:bg-red-contrast:before{content:var(--tw-content);background-color:var(--uog-color-red-contrast)}.uog\:before\:bg-yellow-contrast:before{content:var(--tw-content);background-color:var(--uog-color-yellow-contrast)}.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{content:var(--tw-content);z-index:0}.uog\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.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-gray-100:hover{background-color:var(--uog-color-gray-100)}.uog\:hover\:bg-grey-dark-bg:hover{background-color:var(--uog-color-grey-dark-bg)}.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\:text-body-copy-on-dark:hover{color:var(--uog-color-body-copy-on-dark)}.uog\:hover\:decoration-transparent:hover{text-decoration-color:#0000}}.uog\:focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.uog\:focus\:bg-gray-100:focus{background-color:var(--uog-color-gray-100)}.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\:px-2:focus{padding-inline:calc(var(--uog-spacing)*2)}.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-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.uog\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.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-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\:disabled\:cursor-default:disabled{cursor:default}.uog\:disabled\:opacity-15:disabled{opacity:.15}.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 (min-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 (min-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\:order-none{order:0}.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\:h-12{height:calc(var(--uog-spacing)*12)}.uog\:md\:w-1{width:calc(var(--uog-spacing)*1)}.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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\:py-0{padding-block:calc(var(--uog-spacing)*0)}.uog\:md\:text-4xl{font-size:var(--uog-text-4xl);line-height:var(--tw-leading,var(--uog-text-4xl--line-height))}}@media (min-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\: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\:max-w-\[137rem\]{max-width:137rem}.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:var(--uog-color-black)}@supports (color:color-mix(in lab,red,red)){.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\:dark\:text-body-copy-bold-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-bold-on-dark)}.uog\:dark\:text-body-copy-link-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-link-on-dark)}.uog\:dark\:text-body-copy-on-dark:where(.dark,.dark *){color:var(--uog-color-body-copy-on-dark)}.uog\:dark\:text-white:where(.dark,.dark *){color:var(--uog-color-white)}.uog\:dark\:focus-visible\:ring-body-copy-link-on-light:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.uog\:ui-open\:rotate-180[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:rotate-180{rotate:180deg}.uog\:ui-open\:rounded-b-none[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.uog\:ui-open\:border-blue[data-headlessui-state~=open],:where([data-headlessui-state~=open]) .uog\:ui-open\:border-blue{border-color:var(--uog-color-blue)}.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\:ui-active\:bg-gray-100[data-headlessui-state~=active],:where([data-headlessui-state~=active]) .uog\:ui-active\:bg-gray-100{background-color:var(--uog-color-gray-100)}.uog\:light\:text-body-copy-bold-on-light:where(.light,.light *){color:var(--uog-color-body-copy-bold-on-light)}.uog\:light\:text-body-copy-link-on-light:where(.light,.light *){color:var(--uog-color-body-copy-link-on-light)}.uog\:light\:text-body-copy-on-light:where(.light,.light *){color:var(--uog-color-body-copy-on-light)}.uog\:light\:focus-visible\:ring-body-copy-link-on-light:where(.light,.light *):focus-visible{--tw-ring-color:var(--uog-color-body-copy-link-on-light)}.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-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-green-focus:hover,.uog\:hocus-visible\:text-green-focus:focus-visible{color:var(--uog-color-green-focus)}.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-red-focus:hover,.uog\:hocus-visible\:text-red-focus:focus-visible{color:var(--uog-color-red-focus)}.uog\:hocus-visible\:text-yellow-contrast:hover,.uog\:hocus-visible\:text-yellow-contrast:focus-visible{color:var(--uog-color-yellow-contrast)}.uog\:hocus-visible\:text-yellow-focus:hover,.uog\:hocus-visible\:text-yellow-focus:focus-visible{color:var(--uog-color-yellow-focus)}.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\:\[\&_\.uofg-number-input\]\:text-center .uofg-number-input{text-align:center}.uog\:\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--uog-spacing)*0)}.uog\:\[\&_strong\]\:text-body-copy-bold strong{color:var(--uog-color-body-copy-bold)}.uog\:\[\&_strong\]\:dark\:text-body-copy-bold-on-dark strong:where(.dark,.dark *){color:var(--uog-color-body-copy-bold-on-dark)}.uog\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uog\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}}@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-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-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/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b, c as f, l, m as w } from "./math-utils-
|
|
1
|
+
import { b, c as f, l, m as w } from "./math-utils-CnAd98v6.js";
|
|
2
2
|
import { u as C } from "./use-dismissible-CWEoUQGp.js";
|
|
3
3
|
import { u as x } from "./use-resize-observer-DmddO4OQ.js";
|
|
4
4
|
import { useState as a, useEffect as c } from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { c } from "./solid-
|
|
2
|
+
import { c } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { useContext as g } from "react";
|
|
5
5
|
import { twMerge as k } from "tailwind-merge";
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
function R(o, r, a) {
|
|
2
|
+
return Math.max(r, Math.min(o, a));
|
|
3
|
+
}
|
|
4
|
+
function S(o, r) {
|
|
5
|
+
return (o % r + r) % r;
|
|
6
|
+
}
|
|
7
|
+
function g(o, r, a) {
|
|
8
|
+
return o + a * (r - o);
|
|
9
|
+
}
|
|
10
|
+
function j(o, r, a, b, m) {
|
|
11
|
+
function f(n, e, t) {
|
|
12
|
+
return 3 * Math.pow(1 - n, 2) * n * e + 3 * (1 - n) * Math.pow(n, 2) * t + Math.pow(n, 3);
|
|
13
|
+
}
|
|
14
|
+
function k(n, e, t) {
|
|
15
|
+
return 3 * Math.pow(1 - n, 2) * e + 6 * (1 - n) * n * (t - e) + 3 * Math.pow(n, 2) * (1 - t);
|
|
16
|
+
}
|
|
17
|
+
function V(n, e, t, i, s, h) {
|
|
18
|
+
for (let p = 0; p < s; p++) {
|
|
19
|
+
const u = k(e, t, i);
|
|
20
|
+
if (Math.abs(u) > h) {
|
|
21
|
+
const l = f(e, t, i) - n;
|
|
22
|
+
if (e -= l / u, l === 0)
|
|
23
|
+
break;
|
|
24
|
+
} else
|
|
25
|
+
break;
|
|
26
|
+
}
|
|
27
|
+
return e;
|
|
28
|
+
}
|
|
29
|
+
function z(n, e, t, i, s, h, p) {
|
|
30
|
+
let u = e, l = f(e, i, s) - n;
|
|
31
|
+
for (let w = 0; w < h; w++) {
|
|
32
|
+
u = (e + t) / 2;
|
|
33
|
+
const M = f(u, i, s) - n;
|
|
34
|
+
if (Math.abs(M) <= p)
|
|
35
|
+
break;
|
|
36
|
+
M < 0 == l < 0 ? (e = u, l = M) : t = u;
|
|
37
|
+
}
|
|
38
|
+
return u;
|
|
39
|
+
}
|
|
40
|
+
if (o === 0 || o === 1)
|
|
41
|
+
return o;
|
|
42
|
+
let c = z(o, 0, 1, r, b, 4, 1e-4);
|
|
43
|
+
return c = V(o, c, r, b, 4, 1e-3), f(c, a, m);
|
|
44
|
+
}
|
|
45
|
+
export {
|
|
46
|
+
j as b,
|
|
47
|
+
R as c,
|
|
48
|
+
g as l,
|
|
49
|
+
S as m
|
|
50
|
+
};
|
package/dist/modal.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { e as f } from "./solid-
|
|
2
|
+
import { e as f } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as b } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { Dialog as x, DialogBackdrop as w, CloseButton as h, DialogPanel as y } from "@headlessui/react";
|
|
5
5
|
import { tv as N } from "tailwind-variants";
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { jsxs as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { h as C, i as k } from "./solid-D19hAF5t.js";
|
|
3
|
+
import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { Field as F, Label as S, Input as A } from "@headlessui/react";
|
|
5
|
+
import { useState as M, useRef as _, useEffect as z } from "react";
|
|
6
|
+
import { twMerge as E } from "tailwind-merge";
|
|
7
|
+
import { tv as L } from "tailwind-variants";
|
|
8
|
+
import { c as P } from "./math-utils-CnAd98v6.js";
|
|
9
|
+
function O({
|
|
10
|
+
initialValue: d,
|
|
11
|
+
color: w = "yellow",
|
|
12
|
+
placeholder: x = "",
|
|
13
|
+
onInput: e,
|
|
14
|
+
children: g,
|
|
15
|
+
className: h,
|
|
16
|
+
min: i,
|
|
17
|
+
max: c,
|
|
18
|
+
value: a,
|
|
19
|
+
...y
|
|
20
|
+
}) {
|
|
21
|
+
const [t, l] = M(d ?? 0), s = _(null);
|
|
22
|
+
z(() => {
|
|
23
|
+
l(a ?? NaN);
|
|
24
|
+
}, [a]);
|
|
25
|
+
const f = (u) => {
|
|
26
|
+
const r = P(u, i ?? -1 / 0, c ?? 1 / 0);
|
|
27
|
+
l(r), s.current && (s.current.value = r.toString(), e == null || e(r));
|
|
28
|
+
}, {
|
|
29
|
+
base: N,
|
|
30
|
+
wrapper: v,
|
|
31
|
+
input: $,
|
|
32
|
+
container: j,
|
|
33
|
+
control: b
|
|
34
|
+
} = L({
|
|
35
|
+
slots: {
|
|
36
|
+
base: "uog:flex uog:flex-col uog:gap-0.5",
|
|
37
|
+
wrapper: "uog:text-input uog:border-grey-light uog:flex uog:rounded-md uog:border uog:px-2 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none uog:bg-white",
|
|
38
|
+
container: "uog:grid uog:items-center uog:justify-center uog:justify-items-center uog:grid-cols-[2rem_1fr_2rem] uog:gap-2",
|
|
39
|
+
input: "uog:flex-1 uog:focus:outline-none uog:bg-white uog:w-full uog:[appearance:textfield] uog:[&::-webkit-outer-spin-button]:appearance-none uog:[&::-webkit-inner-spin-button]:appearance-none uog:col-2",
|
|
40
|
+
control: "uog:flex uog:relative uog:items-center uog:justify-center uog:rounded-full uog:text-xl uog:transition-colors uog:shadow uog:cursor-pointer uog:before:absolute uog:before:-z-1 uog:before:w-2/3 uog:before:h-2/3"
|
|
41
|
+
},
|
|
42
|
+
variants: {
|
|
43
|
+
color: {
|
|
44
|
+
red: {
|
|
45
|
+
control: "uog:text-red uog:before:bg-red-contrast uog:hocus-visible:text-red-focus"
|
|
46
|
+
},
|
|
47
|
+
yellow: {
|
|
48
|
+
control: "uog:text-yellow uog:before:bg-yellow-contrast uog:hocus-visible:text-yellow-focus"
|
|
49
|
+
},
|
|
50
|
+
blue: {
|
|
51
|
+
control: "uog:text-blue uog:before:bg-blue-contrast uog:hocus-visible:text-blue-focus"
|
|
52
|
+
},
|
|
53
|
+
green: {
|
|
54
|
+
control: "uog:text-green uog:before:bg-green-contrast uog:hocus-visible:text-green-focus"
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
})({
|
|
59
|
+
color: w ?? "yellow"
|
|
60
|
+
});
|
|
61
|
+
return /* @__PURE__ */ n(F, { className: `uofg-number-input-field ${E(N(), h)}`, children: [
|
|
62
|
+
g && /* @__PURE__ */ o(S, { className: "uofg-number-input-label", children: g }),
|
|
63
|
+
/* @__PURE__ */ n("div", { className: `uofg-number-input-container ${j()}`, children: [
|
|
64
|
+
/* @__PURE__ */ o("div", { className: `uofg-number-input-wrapper ${v()}`, children: /* @__PURE__ */ o(
|
|
65
|
+
A,
|
|
66
|
+
{
|
|
67
|
+
...y,
|
|
68
|
+
ref: s,
|
|
69
|
+
value: t,
|
|
70
|
+
type: "number",
|
|
71
|
+
min: i,
|
|
72
|
+
max: c,
|
|
73
|
+
placeholder: x,
|
|
74
|
+
onInput: (u) => {
|
|
75
|
+
var m;
|
|
76
|
+
const r = Number.parseFloat(((m = u == null ? void 0 : u.target) == null ? void 0 : m.value) ?? "");
|
|
77
|
+
l(r), e == null || e(r, u);
|
|
78
|
+
},
|
|
79
|
+
className: `uofg-number-input ${$()}`
|
|
80
|
+
}
|
|
81
|
+
) }),
|
|
82
|
+
/* @__PURE__ */ n(
|
|
83
|
+
"button",
|
|
84
|
+
{
|
|
85
|
+
className: `uofg-number-input-subtract uog:col-1 uog:row-1 ${b()}`,
|
|
86
|
+
onClick: () => {
|
|
87
|
+
f((t || 0) - 1);
|
|
88
|
+
},
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ o(p, { icon: C }),
|
|
91
|
+
/* @__PURE__ */ o("span", { className: "uog:sr-only", children: "Subtract" })
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
),
|
|
95
|
+
/* @__PURE__ */ n(
|
|
96
|
+
"button",
|
|
97
|
+
{
|
|
98
|
+
className: `uofg-number-input-add uog:col-3 uog:row-1 ${b()}`,
|
|
99
|
+
onClick: () => {
|
|
100
|
+
f((t || 0) + 1);
|
|
101
|
+
},
|
|
102
|
+
children: [
|
|
103
|
+
/* @__PURE__ */ o(p, { icon: k }),
|
|
104
|
+
/* @__PURE__ */ o("span", { className: "uog:sr-only", children: "Add" })
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
)
|
|
108
|
+
] })
|
|
109
|
+
] });
|
|
110
|
+
}
|
|
111
|
+
export {
|
|
112
|
+
O as NumberInput
|
|
113
|
+
};
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { j as x } from "./solid-D19hAF5t.js";
|
|
3
|
+
import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { useState as y, useEffect as T } from "react";
|
|
5
|
+
import { tv as q } from "tailwind-variants";
|
|
6
|
+
import { c as N } from "./math-utils-CnAd98v6.js";
|
|
7
|
+
import { Button as B } from "./button.js";
|
|
8
|
+
import { NumberInput as F } from "./number-input.js";
|
|
9
|
+
var G = {
|
|
10
|
+
prefix: "fad",
|
|
11
|
+
iconName: "chevrons-right",
|
|
12
|
+
icon: [
|
|
13
|
+
512,
|
|
14
|
+
512,
|
|
15
|
+
["chevron-double-right"],
|
|
16
|
+
"f324",
|
|
17
|
+
["M32 448c0 8.2 3.1 16.4 9.4 22.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3l-192-192C80.4 35.1 72.2 32 64 32s-16.4 3.1-22.6 9.4c-12.5 12.5-12.5 32.8 0 45.3L210.7 256 41.4 425.4C35.1 431.6 32 439.8 32 448z", "M470.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L402.7 256 233.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]
|
|
18
|
+
]
|
|
19
|
+
}, S = {
|
|
20
|
+
prefix: "fad",
|
|
21
|
+
iconName: "chevrons-left",
|
|
22
|
+
icon: [
|
|
23
|
+
512,
|
|
24
|
+
512,
|
|
25
|
+
["chevron-double-left"],
|
|
26
|
+
"f323",
|
|
27
|
+
["M224 256c0 8.2 3.1 16.4 9.4 22.6l192 192c6.2 6.2 14.4 9.4 22.6 9.4s16.4-3.1 22.6-9.4c12.5-12.5 12.5-32.8 0-45.3L301.3 256 470.6 86.6c12.5-12.5 12.5-32.8 0-45.3C464.4 35.1 456.2 32 448 32s-16.4 3.1-22.6 9.4l-192 192c-6.2 6.2-9.4 14.4-9.4 22.6z", "M41.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l192-192c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L109.3 256 278.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-192-192z"]
|
|
28
|
+
]
|
|
29
|
+
};
|
|
30
|
+
function U({
|
|
31
|
+
page: d,
|
|
32
|
+
count: o,
|
|
33
|
+
visible: w,
|
|
34
|
+
defaultPage: h,
|
|
35
|
+
onChange: c,
|
|
36
|
+
color: p = "yellow",
|
|
37
|
+
hideInput: $ = !1,
|
|
38
|
+
hideList: k = !1
|
|
39
|
+
}) {
|
|
40
|
+
const [t, L] = y(h ?? 0), [P, j] = y(h ?? 0), C = [...Array(o).keys()], r = Math.max(Math.ceil(w), 3);
|
|
41
|
+
T(() => {
|
|
42
|
+
l(d ?? 0);
|
|
43
|
+
}, [d]);
|
|
44
|
+
const l = (s) => {
|
|
45
|
+
const v = N(s, 0, o - 1);
|
|
46
|
+
c == null || c(v), L(v);
|
|
47
|
+
}, f = (s) => /* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
|
|
48
|
+
"button",
|
|
49
|
+
{
|
|
50
|
+
className: `uofg-pagination-item ${E({ active: t === s })}`,
|
|
51
|
+
onClick: () => {
|
|
52
|
+
l(s);
|
|
53
|
+
},
|
|
54
|
+
children: s + 1
|
|
55
|
+
}
|
|
56
|
+
) }, s);
|
|
57
|
+
let i, a, n, g;
|
|
58
|
+
o <= r || o < 5 ? (i = 1, a = o - 1, n = !1, g = !1) : t < r - 1 ? (i = 1, a = r, g = !0, n = !1) : t > o - r ? (i = o - r, a = o - 1, n = !0, g = !1) : (i = t - Math.floor(r / 2), a = i + r, n = i > 1, g = a < o);
|
|
59
|
+
const { base: I, list: M, seperator: z, control: b, item: E, inputWrapper: W, goTo: A, input: R } = q({
|
|
60
|
+
slots: {
|
|
61
|
+
base: "uog:flex uog:w-full uog:flex-col uog:md:flex-row uog:gap-4 uog:items-center uog:justify-center",
|
|
62
|
+
list: "uog:flex uog:gap-4 uog:items-center uog:justify-center",
|
|
63
|
+
seperator: "uog:md:w-1 uog:md:h-12 uog:h-1 uog:w-1/2 uog:block",
|
|
64
|
+
control: "uog:cursor-pointer uog:disabled:opacity-15 uog:disabled:cursor-default uog:transition-colors",
|
|
65
|
+
item: "uog:p-1 uog:aspect-square uog:flex uog:items-center uog:justify-center uog:h-[2em] uog:bg-grey-light-bg uog:text-body-copy-on-light uog:hover:bg-grey-dark-bg uog:hover:text-body-copy-on-dark uog:transition-colors uog:cursor-pointer",
|
|
66
|
+
inputWrapper: "uog:flex uog:items-center uog:justify-center uog:gap-2",
|
|
67
|
+
goTo: "uog:p-2 uog:text-sm",
|
|
68
|
+
input: "uog:w-fit uog:[&_.uofg-number-input]:text-center"
|
|
69
|
+
},
|
|
70
|
+
variants: {
|
|
71
|
+
active: {
|
|
72
|
+
true: ""
|
|
73
|
+
},
|
|
74
|
+
color: {
|
|
75
|
+
red: {
|
|
76
|
+
seperator: "uog:bg-red"
|
|
77
|
+
},
|
|
78
|
+
yellow: {
|
|
79
|
+
seperator: "uog:bg-yellow"
|
|
80
|
+
},
|
|
81
|
+
blue: {
|
|
82
|
+
seperator: "uog:bg-blue"
|
|
83
|
+
},
|
|
84
|
+
green: {
|
|
85
|
+
seperator: "uog:bg-green"
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
hideList: {
|
|
89
|
+
true: {
|
|
90
|
+
list: "uog:hidden",
|
|
91
|
+
seperator: "uog:hidden"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
hideInput: {
|
|
95
|
+
true: {
|
|
96
|
+
inputWrapper: "uog:hidden",
|
|
97
|
+
seperator: "uog:hidden"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
compoundVariants: [
|
|
102
|
+
{
|
|
103
|
+
active: !0,
|
|
104
|
+
color: "red",
|
|
105
|
+
class: {
|
|
106
|
+
item: "uog:bg-red uog:text-red-contrast"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
active: !0,
|
|
111
|
+
color: "yellow",
|
|
112
|
+
class: {
|
|
113
|
+
item: "uog:bg-yellow uog:text-yellow-contrast"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
active: !0,
|
|
118
|
+
color: "blue",
|
|
119
|
+
class: {
|
|
120
|
+
item: "uog:bg-blue uog:text-blue-contrast"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
active: !0,
|
|
125
|
+
color: "green",
|
|
126
|
+
class: {
|
|
127
|
+
item: "uog:bg-green uog:text-green-contrast"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
})({
|
|
132
|
+
color: p ?? "yellow",
|
|
133
|
+
hideList: k ?? !1,
|
|
134
|
+
hideInput: $ ?? !1
|
|
135
|
+
});
|
|
136
|
+
return /* @__PURE__ */ m("div", { className: `uofg-pagination ${I()}`, children: [
|
|
137
|
+
/* @__PURE__ */ m("ul", { className: `uofg-pagination-list ${M()}`, children: [
|
|
138
|
+
/* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
|
|
139
|
+
"button",
|
|
140
|
+
{
|
|
141
|
+
disabled: t <= 0,
|
|
142
|
+
className: `uofg-pagination-previous ${b()}`,
|
|
143
|
+
onClick: () => l(t - 1),
|
|
144
|
+
children: /* @__PURE__ */ e(u, { icon: S })
|
|
145
|
+
}
|
|
146
|
+
) }),
|
|
147
|
+
/* @__PURE__ */ e("li", { className: "uog:contents", children: f(0) }),
|
|
148
|
+
n && /* @__PURE__ */ e(u, { icon: x }),
|
|
149
|
+
C.slice(i, a).map(f),
|
|
150
|
+
g && /* @__PURE__ */ e(u, { icon: x }),
|
|
151
|
+
/* @__PURE__ */ e("li", { className: "uog:contents", children: f(o - 1) }),
|
|
152
|
+
/* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
|
|
153
|
+
"button",
|
|
154
|
+
{
|
|
155
|
+
disabled: t >= o - 1,
|
|
156
|
+
className: `uofg-pagination-next ${b()}`,
|
|
157
|
+
onClick: () => l(t + 1),
|
|
158
|
+
children: /* @__PURE__ */ e(u, { icon: G })
|
|
159
|
+
}
|
|
160
|
+
) })
|
|
161
|
+
] }),
|
|
162
|
+
/* @__PURE__ */ e("span", { className: `uofg-pagination-seperator ${z()}` }),
|
|
163
|
+
/* @__PURE__ */ m("div", { className: `uofg-pagination-go-to-wrapper ${W()}`, children: [
|
|
164
|
+
/* @__PURE__ */ e(
|
|
165
|
+
F,
|
|
166
|
+
{
|
|
167
|
+
color: p,
|
|
168
|
+
min: 1,
|
|
169
|
+
max: o,
|
|
170
|
+
value: t + 1,
|
|
171
|
+
onInput: (s) => {
|
|
172
|
+
j(isNaN(s) ? 0 : N(s - 1, 0, o - 1));
|
|
173
|
+
},
|
|
174
|
+
className: `uofg-pagination-go-to-input ${R()}`
|
|
175
|
+
}
|
|
176
|
+
),
|
|
177
|
+
/* @__PURE__ */ e(
|
|
178
|
+
B,
|
|
179
|
+
{
|
|
180
|
+
color: p,
|
|
181
|
+
className: `uofg-pagination-go-to-button ${A()}`,
|
|
182
|
+
onClick: () => {
|
|
183
|
+
l(P);
|
|
184
|
+
},
|
|
185
|
+
children: "Go to page"
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
] })
|
|
189
|
+
] });
|
|
190
|
+
}
|
|
191
|
+
export {
|
|
192
|
+
U as Pagination
|
|
193
|
+
};
|
package/dist/select-button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as i, Fragment as m } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { k as c } from "./solid-D19hAF5t.js";
|
|
3
3
|
import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { ListboxButton as a } from "@headlessui/react";
|
|
5
5
|
import { twMerge as f } from "tailwind-merge";
|
|
@@ -1,4 +1,14 @@
|
|
|
1
|
-
var
|
|
1
|
+
var c = {
|
|
2
|
+
prefix: "fas",
|
|
3
|
+
iconName: "circle-plus",
|
|
4
|
+
icon: [
|
|
5
|
+
512,
|
|
6
|
+
512,
|
|
7
|
+
["plus-circle"],
|
|
8
|
+
"f055",
|
|
9
|
+
"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"
|
|
10
|
+
]
|
|
11
|
+
}, s = c, i = {
|
|
2
12
|
prefix: "fas",
|
|
3
13
|
iconName: "chevron-right",
|
|
4
14
|
icon: [
|
|
@@ -8,7 +18,7 @@ var a = {
|
|
|
8
18
|
"f054",
|
|
9
19
|
"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"
|
|
10
20
|
]
|
|
11
|
-
},
|
|
21
|
+
}, e = {
|
|
12
22
|
prefix: "fas",
|
|
13
23
|
iconName: "chevron-left",
|
|
14
24
|
icon: [
|
|
@@ -18,7 +28,7 @@ var a = {
|
|
|
18
28
|
"f053",
|
|
19
29
|
"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"
|
|
20
30
|
]
|
|
21
|
-
},
|
|
31
|
+
}, f = {
|
|
22
32
|
prefix: "fas",
|
|
23
33
|
iconName: "quote-left",
|
|
24
34
|
icon: [
|
|
@@ -28,7 +38,7 @@ var a = {
|
|
|
28
38
|
"f10d",
|
|
29
39
|
"M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-32 0-32 0-72zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-32 0-32 0-72z"
|
|
30
40
|
]
|
|
31
|
-
},
|
|
41
|
+
}, a = {
|
|
32
42
|
prefix: "fas",
|
|
33
43
|
iconName: "xmark",
|
|
34
44
|
icon: [
|
|
@@ -38,7 +48,7 @@ var a = {
|
|
|
38
48
|
"f00d",
|
|
39
49
|
"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
|
40
50
|
]
|
|
41
|
-
},
|
|
51
|
+
}, r = a, o = {
|
|
42
52
|
prefix: "fas",
|
|
43
53
|
iconName: "chevron-down",
|
|
44
54
|
icon: [
|
|
@@ -48,7 +58,7 @@ var a = {
|
|
|
48
58
|
"f078",
|
|
49
59
|
"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
|
50
60
|
]
|
|
51
|
-
},
|
|
61
|
+
}, n = {
|
|
52
62
|
prefix: "fas",
|
|
53
63
|
iconName: "play",
|
|
54
64
|
icon: [
|
|
@@ -58,7 +68,17 @@ var a = {
|
|
|
58
68
|
"f04b",
|
|
59
69
|
"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"
|
|
60
70
|
]
|
|
61
|
-
},
|
|
71
|
+
}, m = {
|
|
72
|
+
prefix: "fas",
|
|
73
|
+
iconName: "ellipsis",
|
|
74
|
+
icon: [
|
|
75
|
+
448,
|
|
76
|
+
512,
|
|
77
|
+
["ellipsis-h"],
|
|
78
|
+
"f141",
|
|
79
|
+
"M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"
|
|
80
|
+
]
|
|
81
|
+
}, t = {
|
|
62
82
|
prefix: "fas",
|
|
63
83
|
iconName: "quote-right",
|
|
64
84
|
icon: [
|
|
@@ -68,7 +88,7 @@ var a = {
|
|
|
68
88
|
"f10e",
|
|
69
89
|
"M448 296c0 66.3-53.7 120-120 120l-8 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l8 0c30.9 0 56-25.1 56-56l0-8-64 0c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l64 0c35.3 0 64 28.7 64 64l0 32 0 32 0 72zm-256 0c0 66.3-53.7 120-120 120l-8 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l8 0c30.9 0 56-25.1 56-56l0-8-64 0c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l64 0c35.3 0 64 28.7 64 64l0 32 0 32 0 72z"
|
|
70
90
|
]
|
|
71
|
-
},
|
|
91
|
+
}, v = {
|
|
72
92
|
prefix: "fas",
|
|
73
93
|
iconName: "phone",
|
|
74
94
|
icon: [
|
|
@@ -78,14 +98,27 @@ var a = {
|
|
|
78
98
|
"f095",
|
|
79
99
|
"M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"
|
|
80
100
|
]
|
|
81
|
-
}
|
|
101
|
+
}, l = {
|
|
102
|
+
prefix: "fas",
|
|
103
|
+
iconName: "circle-minus",
|
|
104
|
+
icon: [
|
|
105
|
+
512,
|
|
106
|
+
512,
|
|
107
|
+
["minus-circle"],
|
|
108
|
+
"f056",
|
|
109
|
+
"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 232l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"
|
|
110
|
+
]
|
|
111
|
+
}, p = l;
|
|
82
112
|
export {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
113
|
+
t as a,
|
|
114
|
+
e as b,
|
|
115
|
+
i as c,
|
|
116
|
+
v as d,
|
|
117
|
+
r as e,
|
|
118
|
+
f,
|
|
119
|
+
n as g,
|
|
120
|
+
p as h,
|
|
121
|
+
s as i,
|
|
122
|
+
m as j,
|
|
123
|
+
o as k
|
|
91
124
|
};
|
package/dist/text-input.js
CHANGED
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { h as
|
|
3
|
-
import { FontAwesomeIcon as
|
|
4
|
-
import { Field as
|
|
5
|
-
import { useState as
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { jsxs as c, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { h as y } from "./regular-DmWV6rTj.js";
|
|
3
|
+
import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { Field as B, Label as E, Input as $ } from "@headlessui/react";
|
|
5
|
+
import { useState as j, useRef as C, useEffect as I } from "react";
|
|
6
|
+
import { twMerge as k } from "tailwind-merge";
|
|
7
|
+
import { tv as F } from "tailwind-variants";
|
|
8
|
+
function P({
|
|
9
|
+
initialValue: g = "",
|
|
10
|
+
type: p = "text",
|
|
10
11
|
placeholder: a = "",
|
|
11
12
|
onInput: n,
|
|
12
13
|
children: i,
|
|
13
|
-
|
|
14
|
+
className: f,
|
|
15
|
+
hideClear: m,
|
|
16
|
+
value: l,
|
|
17
|
+
...x
|
|
14
18
|
}) {
|
|
15
|
-
const [u,
|
|
19
|
+
const [u, s] = j(g), e = C(null);
|
|
20
|
+
I(() => {
|
|
21
|
+
s(l ?? "");
|
|
22
|
+
}, [l]);
|
|
23
|
+
const b = F({
|
|
16
24
|
slots: {
|
|
17
25
|
base: "uog:flex uog:flex-col uog:gap-0.5",
|
|
18
26
|
wrapper: "uog:text-input uog:border-grey-light uog:flex uog:rounded-md uog:border uog:px-4 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none uog:bg-white",
|
|
@@ -24,43 +32,48 @@ function O({
|
|
|
24
32
|
true: {
|
|
25
33
|
clearButton: "uog:pointer-events-none uog:invisible"
|
|
26
34
|
}
|
|
35
|
+
},
|
|
36
|
+
hide: {
|
|
37
|
+
true: {
|
|
38
|
+
clearButton: "uog:pointer-events-none uog:invisible"
|
|
39
|
+
}
|
|
27
40
|
}
|
|
28
41
|
}
|
|
29
|
-
}), { base:
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
i && /* @__PURE__ */ r(
|
|
32
|
-
/* @__PURE__ */
|
|
42
|
+
}), { base: d, wrapper: w, input: h, clearButton: v } = b({ empty: (u == null ? void 0 : u.length) === 0 });
|
|
43
|
+
return /* @__PURE__ */ c(B, { className: `uofg-text-input-field ${k(d(), f)}`, children: [
|
|
44
|
+
i && /* @__PURE__ */ r(E, { className: "uofg-text-input-label", children: i }),
|
|
45
|
+
/* @__PURE__ */ c("div", { className: `uofg-text-input-wrapper ${w()}`, children: [
|
|
33
46
|
/* @__PURE__ */ r(
|
|
34
|
-
|
|
47
|
+
$,
|
|
35
48
|
{
|
|
36
|
-
...
|
|
49
|
+
...x,
|
|
37
50
|
ref: e,
|
|
38
51
|
value: u,
|
|
39
|
-
type:
|
|
52
|
+
type: p,
|
|
40
53
|
placeholder: a,
|
|
41
54
|
onInput: (t) => {
|
|
42
55
|
var o;
|
|
43
|
-
|
|
56
|
+
s((o = t == null ? void 0 : t.target) == null ? void 0 : o.value), n == null || n(t);
|
|
44
57
|
},
|
|
45
|
-
className: `uofg-text-input ${
|
|
58
|
+
className: `uofg-text-input ${h()}`
|
|
46
59
|
}
|
|
47
60
|
),
|
|
48
61
|
/* @__PURE__ */ r(
|
|
49
62
|
"button",
|
|
50
63
|
{
|
|
51
|
-
className: `uofg-text-input-clear-button ${
|
|
64
|
+
className: `uofg-text-input-clear-button ${v({ hide: m })}`,
|
|
52
65
|
onClick: () => {
|
|
53
66
|
var o;
|
|
54
67
|
if (!e.current) return;
|
|
55
68
|
const t = (o = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : o.set;
|
|
56
69
|
t == null || t.call(e.current, ""), e.current.dispatchEvent(new Event("input", { bubbles: !0 })), e.current.focus();
|
|
57
70
|
},
|
|
58
|
-
children: /* @__PURE__ */ r(
|
|
71
|
+
children: /* @__PURE__ */ r(N, { icon: y })
|
|
59
72
|
}
|
|
60
73
|
)
|
|
61
74
|
] })
|
|
62
75
|
] });
|
|
63
76
|
}
|
|
64
77
|
export {
|
|
65
|
-
|
|
78
|
+
P as TextInput
|
|
66
79
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uoguelph/react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "University of Guelph React Components Library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"bugs": {
|
|
85
85
|
"url": "https://github.com/ccswbs/uofg-components/issues"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "fc431534654abcd25a1ac609b9734772f69f48c4"
|
|
88
88
|
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
function R(o, r, a) {
|
|
2
|
-
return Math.max(Math.min(o, r), Math.min(o, a));
|
|
3
|
-
}
|
|
4
|
-
function S(o, r) {
|
|
5
|
-
return (o % r + r) % r;
|
|
6
|
-
}
|
|
7
|
-
function g(o, r, a) {
|
|
8
|
-
return o + a * (r - o);
|
|
9
|
-
}
|
|
10
|
-
function j(o, r, a, b, w) {
|
|
11
|
-
function l(n, e, t) {
|
|
12
|
-
return 3 * Math.pow(1 - n, 2) * n * e + 3 * (1 - n) * Math.pow(n, 2) * t + Math.pow(n, 3);
|
|
13
|
-
}
|
|
14
|
-
function k(n, e, t) {
|
|
15
|
-
return 3 * Math.pow(1 - n, 2) * e + 6 * (1 - n) * n * (t - e) + 3 * Math.pow(n, 2) * (1 - t);
|
|
16
|
-
}
|
|
17
|
-
function V(n, e, t, u, s, c) {
|
|
18
|
-
for (let h = 0; h < s; h++) {
|
|
19
|
-
const i = k(e, t, u);
|
|
20
|
-
if (Math.abs(i) > c) {
|
|
21
|
-
const f = l(e, t, u) - n;
|
|
22
|
-
if (e -= f / i, f === 0)
|
|
23
|
-
break;
|
|
24
|
-
} else
|
|
25
|
-
break;
|
|
26
|
-
}
|
|
27
|
-
return e;
|
|
28
|
-
}
|
|
29
|
-
function z(n, e, t, u, s, c, h) {
|
|
30
|
-
let i = e, f = l(e, u, s) - n;
|
|
31
|
-
for (let m = 0; m < c; m++) {
|
|
32
|
-
i = (e + t) / 2;
|
|
33
|
-
const M = l(i, u, s) - n;
|
|
34
|
-
if (Math.abs(M) <= h)
|
|
35
|
-
break;
|
|
36
|
-
M < 0 == f < 0 ? (e = i, f = M) : t = i;
|
|
37
|
-
}
|
|
38
|
-
return i;
|
|
39
|
-
}
|
|
40
|
-
if (o === 0 || o === 1)
|
|
41
|
-
return o;
|
|
42
|
-
let p = z(o, 0, 1, r, b, 4, 1e-4);
|
|
43
|
-
return p = V(o, p, r, b, 4, 1e-3), l(p, a, w);
|
|
44
|
-
}
|
|
45
|
-
export {
|
|
46
|
-
j as b,
|
|
47
|
-
R as c,
|
|
48
|
-
g as l,
|
|
49
|
-
S as m
|
|
50
|
-
};
|