diff --git a/packages/polymech/package.json b/packages/polymech/package.json
index 8996696..2423df6 100644
--- a/packages/polymech/package.json
+++ b/packages/polymech/package.json
@@ -61,6 +61,11 @@
"tslog": "^4.9.3",
"unified": "^11.0.5",
"unist-util-visit": "^5.0.0",
- "yargs": "^18.0.0"
+ "tailwindcss": "^4.0.7",
+ "flowbite": "^3.1.2",
+ "yargs": "^18.0.0",
+ "html-escaper": "^3.0.3",
+ "html-validate": "^8.18.2",
+ "@types/html-escaper": "^3.0.0"
}
-}
+}
\ No newline at end of file
diff --git a/packages/polymech/src/base/media.ts b/packages/polymech/src/base/media.ts
index 9637114..88d1d16 100644
--- a/packages/polymech/src/base/media.ts
+++ b/packages/polymech/src/base/media.ts
@@ -278,7 +278,6 @@ export const gallery = async (
const meta_path_md = `${mediaPath}/${parts.name}.md`
const meta_markdown = exists(meta_path_md) ? read(meta_path_md, "string") as string : "" as string
- console.log('filePath', filePath)
let imageMeta: any = await loadImage(filePath)
let exifRaw: any = null
try {
diff --git a/packages/polymech/src/components/BaseHead.astro b/packages/polymech/src/components/BaseHead.astro
index 299b4a4..62761ff 100644
--- a/packages/polymech/src/components/BaseHead.astro
+++ b/packages/polymech/src/components/BaseHead.astro
@@ -1,22 +1,22 @@
---
-import "../styles/flowbite.css"
+// import "../styles/flowbite.css"
-import "../styles/global.css"
-import "../styles/custom.scss"
+// import "../styles/global.css"
+// import "../styles/custom.scss"
import { sync as read } from '@polymech/fs/read'
-import { AstroSeo } from "@astrolib/seo"
+import { default as AstroSeo } from "../seo/AstroSeo.astro"
import { I18N_SOURCE_LANGUAGE } from "../app/config.js"
-import { translate } from '@polymech/astro-base/base/i18n.js'
-import { item_defaults } from '@/base/index.js'
+import { translate } from '../base/i18n.js'
+import { item_defaults } from '../base/index.js'
import { LANGUAGES_PROD } from "../app/config.js"
import config from "../app/config.json"
-import { plainify } from "@polymech/astro-base/base/strings.js"
+import { plainify } from "../base/strings.js"
-import StructuredData from '@polymech/astro-base/components/ArticleStructuredData.astro'
-import Hreflang from '@polymech/astro-base/components/hreflang.astro'
+import StructuredData from '../components/ArticleStructuredData.astro'
+import Hreflang from '../components/hreflang.astro'
export interface Props {
title?: string;
diff --git a/packages/polymech/src/seo/AstroSeo.astro b/packages/polymech/src/seo/AstroSeo.astro
new file mode 100644
index 0000000..82cf590
--- /dev/null
+++ b/packages/polymech/src/seo/AstroSeo.astro
@@ -0,0 +1,42 @@
+---
+import type { AstroSeoProps } from "./types";
+import { buildTags } from "./utils/buildTags";
+
+export interface Props extends AstroSeoProps {}
+
+const {
+ title,
+ titleTemplate,
+ noindex,
+ nofollow,
+ robotsProps,
+ description,
+ canonical,
+ mobileAlternate,
+ languageAlternates,
+ openGraph,
+ facebook,
+ twitter,
+ additionalMetaTags,
+ additionalLinkTags,
+} = Astro.props;
+---
+
+
diff --git a/packages/polymech/src/seo/index.ts b/packages/polymech/src/seo/index.ts
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/packages/polymech/src/seo/index.ts
@@ -0,0 +1 @@
+
diff --git a/packages/polymech/src/seo/types.ts b/packages/polymech/src/seo/types.ts
new file mode 100644
index 0000000..906bc9a
--- /dev/null
+++ b/packages/polymech/src/seo/types.ts
@@ -0,0 +1,455 @@
+export type OpeningHoursSpecification = {
+ opens: string;
+ closes: string;
+ dayOfWeek: string | string[];
+ validFrom?: string;
+ validThrough?: string;
+};
+
+export type Offer = {
+ priceSpecification: PriceSpecification;
+ itemOffered: Service;
+};
+
+export type PriceSpecification = {
+ type: string;
+ priceCurrency: string;
+ price: string;
+};
+
+export type Service = {
+ name: string;
+ description: string;
+};
+
+export type Geo = {
+ latitude: string;
+ longitude: string;
+};
+
+export type GeoCircle = {
+ geoMidpoint: Geo;
+ geoRadius: string;
+};
+
+export type Action = {
+ actionName: string;
+ actionType: string;
+ target: string;
+};
+
+export type Step = {
+ type: string;
+ name: string;
+ url?: string;
+ itemListElement?: StepDetails[];
+ image?: string;
+};
+
+export type StepDetails = {
+ type: "HowToTip" | "HowToDirection";
+ text: string;
+};
+
+export interface Person {
+ name: string;
+}
+export interface Answer {
+ text: string;
+ dateCreated?: string;
+ upvoteCount?: number;
+ url?: string;
+ author?: Person;
+}
+
+export interface Question {
+ name: string;
+ answerCount: number;
+ acceptedAnswer?: Answer;
+ suggestedAnswer?: Answer[];
+ text?: string;
+ author?: Person;
+ upvoteCount?: number;
+ dateCreated?: string;
+}
+
+export interface Instruction {
+ name?: string;
+ text: string;
+ url?: string;
+ image?: string;
+}
+export interface Performer {
+ type?: "Person" | "PerformingGroup";
+ name: string;
+}
+export interface Place {
+ name: string;
+ address: Address;
+ sameAs?: string;
+}
+
+export interface VirtualLocation {
+ name?: string;
+ sameAs?: string;
+ url: string;
+}
+
+export type Location = Place | VirtualLocation;
+
+export type EventStatus =
+ | "EventCancelled"
+ | "EventMovedOnline"
+ | "EventPostponed"
+ | "EventRescheduled"
+ | "EventScheduled";
+
+export type EventAttendanceMode =
+ | "MixedEventAttendanceMode"
+ | "OfflineEventAttendanceMode"
+ | "OnlineEventAttendanceMode";
+
+export interface Organizer {
+ type: "Person" | "Organization";
+ name: string;
+ url: string;
+}
+
+export interface ContactPoint {
+ contactType: string;
+ telephone: string;
+ areaServed?: string | string[];
+ availableLanguage?: string | string[];
+ contactOption?: string | string[];
+}
+export interface CreativeWork {
+ author: string;
+ about: string;
+ name: string;
+ datePublished: string;
+ audience?: string;
+ keywords?: string;
+ thumbnailUrl?: string;
+ image?: string;
+}
+
+export interface Producer {
+ name: string;
+ url?: string;
+}
+export interface ContactPoint {
+ contactType: string;
+ telephone: string;
+ areaServed?: string | string[];
+ availableLanguage?: string | string[];
+ contactOption?: string | string[];
+}
+
+export interface Question {
+ questionName: string;
+ acceptedAnswerText: string;
+}
+export interface Provider {
+ type?: "Organization" | "Person";
+ name: string;
+ url?: string;
+}
+export interface ItemListElements {
+ item: string;
+ name: string;
+ position: number;
+}
+export interface OpenGraphMedia {
+ url: string;
+ width?: number;
+ height?: number;
+ alt?: string;
+ type?: string;
+ secureUrl?: string;
+}
+
+export interface Address {
+ streetAddress: string;
+ addressLocality: string;
+ addressRegion?: string;
+ postalCode: string;
+ addressCountry: string;
+}
+
+export interface Video {
+ name: string;
+ description: string;
+ thumbnailUrls: string[];
+ uploadDate: string;
+ contentUrl?: string;
+ duration?: string;
+ embedUrl?: string;
+ expires?: string;
+ hasPart?: Clip | Clip[];
+ watchCount?: number;
+ publication?: BroadcastEvent | BroadcastEvent[];
+ regionsAllowed?: string | string[];
+}
+
+export interface Clip {
+ name: string;
+ startOffset: number;
+ url: string;
+}
+
+export interface BroadcastEvent {
+ name?: string;
+ isLiveBroadcast: boolean;
+ startDate: string;
+ endDate: string;
+}
+
+export type Offers = {
+ price: string;
+ priceCurrency: string;
+ priceValidUntil?: string;
+ itemCondition?: string;
+ availability?: string;
+ url?: string;
+ seller: {
+ name: string;
+ };
+ validFrom?: string;
+};
+
+export type AggregateOffer = {
+ priceCurrency: string;
+ lowPrice: string;
+ highPrice?: string;
+ offerCount?: string;
+ offers?: Offers | Offers[];
+};
+
+export interface OpenGraphVideoActors {
+ profile: string;
+ role?: string;
+}
+
+export interface OpenGraph {
+ url?: string;
+ type?: string;
+ title?: string;
+ description?: string;
+ images?: ReadonlyArray;
+ videos?: ReadonlyArray;
+ defaultImageHeight?: number;
+ defaultImageWidth?: number;
+ locale?: string;
+ site_name?: string;
+ profile?: OpenGraphProfile;
+ book?: OpenGraphBook;
+ article?: OpenGraphArticle;
+ video?: OpenGraphVideo;
+}
+
+export interface OpenGraphProfile {
+ firstName?: string;
+ lastName?: string;
+ username?: string;
+ gender?: string;
+}
+
+export interface OpenGraphBook {
+ authors?: ReadonlyArray;
+ isbn?: string;
+ releaseDate?: string;
+ tags?: ReadonlyArray;
+}
+
+export interface OpenGraphArticle {
+ publishedTime?: string;
+ modifiedTime?: string;
+ expirationTime?: string;
+
+ authors?: ReadonlyArray;
+ section?: string;
+ tags?: ReadonlyArray;
+}
+
+export interface OpenGraphVideo {
+ actors?: ReadonlyArray;
+ directors?: ReadonlyArray;
+ writers?: ReadonlyArray;
+ duration?: number;
+ releaseDate?: string;
+ tags?: ReadonlyArray;
+ series?: string;
+}
+
+export interface Twitter {
+ handle?: string;
+ site?: string;
+ cardType?: string;
+}
+
+interface MobileAlternate {
+ media: string;
+ href: string;
+}
+
+interface LanguageAlternate {
+ hreflang: string;
+ href: string;
+}
+
+interface LinkTag {
+ rel: string;
+ href: string;
+ sizes?: string;
+ media?: string;
+ type?: string;
+ color?: string;
+ as?: string;
+ crossOrigin?: string;
+}
+
+export interface BaseMetaTag {
+ content: string;
+}
+
+export interface HTML5MetaTag extends BaseMetaTag {
+ name: string;
+ property?: undefined;
+ httpEquiv?: undefined;
+}
+
+export interface RDFaMetaTag extends BaseMetaTag {
+ property: string;
+ name?: undefined;
+ httpEquiv?: undefined;
+}
+
+export interface HTTPEquivMetaTag extends BaseMetaTag {
+ httpEquiv:
+ | "content-security-policy"
+ | "content-type"
+ | "default-style"
+ | "x-ua-compatible"
+ | "refresh";
+ name?: undefined;
+ property?: undefined;
+}
+
+export type MetaTag = HTML5MetaTag | RDFaMetaTag | HTTPEquivMetaTag;
+
+export type ImagePrevSize = "none" | "standard" | "large";
+
+export type AggregateRating = {
+ ratingValue: string;
+ reviewCount?: string;
+ ratingCount?: string;
+ bestRating?: string;
+};
+
+export type GamePlayMode = "CoOp" | "MultiPlayer" | "SinglePlayer";
+
+export type Review = {
+ author: string;
+ datePublished?: string;
+ reviewBody?: string;
+ name?: string;
+ publisher?: Publisher;
+ reviewRating: ReviewRating;
+};
+
+export type ReviewRating = {
+ bestRating?: string;
+ ratingValue: string;
+ worstRating?: string;
+};
+
+export type Author = {
+ type: string;
+ name: string;
+};
+
+export type ArticleAuthor = {
+ name: string;
+ url: string;
+};
+
+export type Publisher = {
+ type: string;
+ name: string;
+};
+
+export type ReviewedBy = {
+ type?: string;
+ name: string;
+};
+
+export type ApplicationCategory =
+ | "Game"
+ | "SocialNetworking"
+ | "Travel"
+ | "Shopping"
+ | "Sports"
+ | "Lifestyle"
+ | "Business"
+ | "Design"
+ | "Developer"
+ | "Driver"
+ | "Educational"
+ | "Health"
+ | "Finance"
+ | "Security"
+ | "Browser"
+ | "Communication"
+ | "DesktopEnhancement"
+ | "Entertainment"
+ | "Multimedia"
+ | "Home"
+ | "Utilities"
+ | "Reference";
+
+export type OrganizationCategory =
+ | "Airline"
+ | "Consortium"
+ | "Corporation"
+ | "EducationalOrganization"
+ | "FundingScheme"
+ | "GovernmentOrganization"
+ | "LibrarySystem"
+ | "LocalBusiness"
+ | "MedicalOrganization"
+ | "NGO"
+ | "NewsMediaOrganization"
+ | "PerformingGroup"
+ | "Project"
+ | "ResearchOrganization"
+ | "SportsOrganization"
+ | "WorkersUnion"
+ | "Organization";
+
+export interface AdditionalRobotsProps {
+ nosnippet?: boolean;
+ maxSnippet?: number;
+ maxImagePreview?: ImagePrevSize;
+ maxVideoPreview?: number;
+ noarchive?: boolean;
+ unavailableAfter?: string;
+ noimageindex?: boolean;
+ notranslate?: boolean;
+}
+
+export interface AstroSeoProps {
+ title?: string;
+ titleTemplate?: string;
+ noindex?: boolean;
+ nofollow?: boolean;
+ robotsProps?: AdditionalRobotsProps;
+ description?: string;
+ canonical?: string;
+ mobileAlternate?: MobileAlternate;
+ languageAlternates?: ReadonlyArray;
+ openGraph?: OpenGraph;
+ facebook?: { appId: string };
+ twitter?: Twitter;
+ additionalMetaTags?: ReadonlyArray;
+ additionalLinkTags?: ReadonlyArray;
+}
diff --git a/packages/polymech/src/seo/utils/buildTags.ts b/packages/polymech/src/seo/utils/buildTags.ts
new file mode 100644
index 0000000..1c6836a
--- /dev/null
+++ b/packages/polymech/src/seo/utils/buildTags.ts
@@ -0,0 +1,457 @@
+import { escape } from "html-escaper";
+import type { AstroSeoProps, OpenGraphMedia } from "../types.js";
+
+const createMetaTag = (attributes: Record): string => {
+ const attrs = Object.entries(attributes)
+ .map(([key, value]) => `${key}="${escape(value)}"`)
+ .join(" ");
+ return ``;
+};
+
+const createLinkTag = (attributes: Record): string => {
+ const attrs = Object.entries(attributes)
+ .map(([key, value]) => `${key}="${escape(value)}"`)
+ .join(" ");
+ return ``;
+};
+
+const createOpenGraphTag = (property: string, content: string): string => {
+ return createMetaTag({ property: `og:${property}`, content });
+};
+
+const buildOpenGraphMediaTags = (
+ mediaType: "image" | "video",
+ media: ReadonlyArray
+): string => {
+ let tags = "";
+
+ const addTag = (tag: string) => {
+ tags += tag + "\n";
+ };
+
+ media.forEach((medium) => {
+ addTag(createOpenGraphTag(mediaType, medium.url));
+
+ if (medium.alt) {
+ addTag(createOpenGraphTag(`${mediaType}:alt`, medium.alt));
+ }
+
+ if (medium.secureUrl) {
+ addTag(createOpenGraphTag(`${mediaType}:secure_url`, medium.secureUrl));
+ }
+
+ if (medium.type) {
+ addTag(createOpenGraphTag(`${mediaType}:type`, medium.type));
+ }
+
+ if (medium.width) {
+ addTag(createOpenGraphTag(`${mediaType}:width`, medium.width.toString()));
+ }
+
+ if (medium.height) {
+ addTag(
+ createOpenGraphTag(`${mediaType}:height`, medium.height.toString())
+ );
+ }
+ });
+ return tags;
+};
+
+export const buildTags = (config: AstroSeoProps): string => {
+ let tagsToRender = "";
+
+ const addTag = (tag: string) => {
+ tagsToRender += tag + "\n";
+ };
+
+ const addMetaTag = (attributes: Record) => {
+ addTag(
+ ` `${key}="${escape(value)}"`)
+ .join(" ")} />`
+ );
+ };
+
+ const addLinkTag = (attributes: Record) => {
+ addTag(
+ ` `${key}="${escape(value)}"`)
+ .join(" ")} />`
+ );
+ };
+
+ const addOpenGraphTag = (property: string, content: string) => {
+ addMetaTag({ property: `og:${property}`, content });
+ };
+
+ // Title
+ if (config.title) {
+ const formattedTitle = config.titleTemplate
+ ? config.titleTemplate.replace("%s", config.title)
+ : config.title;
+ addTag(`${escape(formattedTitle)}`);
+ }
+
+ // Description
+ if (config.description) {
+ addTag(createMetaTag({ name: "description", content: config.description }));
+ }
+
+ // Robots: noindex, nofollow, and other robotsProps
+ let robotsContent: string[] = [];
+ if (typeof config.noindex !== "undefined") {
+ robotsContent.push(config.noindex ? "noindex" : "index");
+ }
+
+ if (typeof config.nofollow !== "undefined") {
+ robotsContent.push(config.nofollow ? "nofollow" : "follow");
+ }
+
+ if (config.robotsProps) {
+ const {
+ nosnippet,
+ maxSnippet,
+ maxImagePreview,
+ noarchive,
+ unavailableAfter,
+ noimageindex,
+ notranslate,
+ } = config.robotsProps;
+
+ if (nosnippet) robotsContent.push("nosnippet");
+ if (typeof maxSnippet === 'number') robotsContent.push(`max-snippet:${maxSnippet}`);
+ if (maxImagePreview)
+ robotsContent.push(`max-image-preview:${maxImagePreview}`);
+ if (noarchive) robotsContent.push("noarchive");
+ if (unavailableAfter)
+ robotsContent.push(`unavailable_after:${unavailableAfter}`);
+ if (noimageindex) robotsContent.push("noimageindex");
+ if (notranslate) robotsContent.push("notranslate");
+ }
+
+ if (robotsContent.length > 0) {
+ addTag(createMetaTag({ name: "robots", content: robotsContent.join(",") }));
+ }
+
+ // Canonical
+ if (config.canonical) {
+ addTag(createLinkTag({ rel: "canonical", href: config.canonical }));
+ }
+
+ // Mobile Alternate
+ if (config.mobileAlternate) {
+ addTag(
+ createLinkTag({
+ rel: "alternate",
+ media: config.mobileAlternate.media,
+ href: config.mobileAlternate.href,
+ })
+ );
+ }
+
+ // Language Alternates
+ if (config.languageAlternates && config.languageAlternates.length > 0) {
+ config.languageAlternates.forEach((languageAlternate) => {
+ addTag(
+ createLinkTag({
+ rel: "alternate",
+ hreflang: languageAlternate.hreflang,
+ href: languageAlternate.href,
+ })
+ );
+ });
+ }
+
+ // OpenGraph
+ if (config.openGraph) {
+ const title = config.openGraph?.title || config.title;
+ if (title) {
+ addTag(createOpenGraphTag("title", title));
+ }
+
+ const description = config.openGraph?.description || config.description;
+ if (description) {
+ addTag(createOpenGraphTag("description", description));
+ }
+
+ if (config.openGraph.url) {
+ addTag(createOpenGraphTag("url", config.openGraph.url));
+ }
+
+ if (config.openGraph.type) {
+ addTag(createOpenGraphTag("type", config.openGraph.type));
+ }
+
+ if (config.openGraph.images && config.openGraph.images.length) {
+ addTag(buildOpenGraphMediaTags("image", config.openGraph.images));
+ }
+
+ if (config.openGraph.videos && config.openGraph.videos.length) {
+ addTag(buildOpenGraphMediaTags("video", config.openGraph.videos));
+ }
+
+ if (config.openGraph.locale) {
+ addTag(createOpenGraphTag("locale", config.openGraph.locale));
+ }
+
+ if (config.openGraph.site_name) {
+ addTag(createOpenGraphTag("site_name", config.openGraph.site_name));
+ }
+
+ // Open Graph Profile
+ if (config.openGraph.profile) {
+ if (config.openGraph.profile.firstName) {
+ addTag(
+ createOpenGraphTag(
+ "profile:first_name",
+ config.openGraph.profile.firstName
+ )
+ );
+ }
+ if (config.openGraph.profile.lastName) {
+ addTag(
+ createOpenGraphTag(
+ "profile:last_name",
+ config.openGraph.profile.lastName
+ )
+ );
+ }
+ if (config.openGraph.profile.username) {
+ addTag(
+ createOpenGraphTag(
+ "profile:username",
+ config.openGraph.profile.username
+ )
+ );
+ }
+ if (config.openGraph.profile.gender) {
+ addTag(
+ createOpenGraphTag("profile:gender", config.openGraph.profile.gender)
+ );
+ }
+ }
+
+ // Open Graph Book
+ if (config.openGraph.book) {
+ if (
+ config.openGraph.book.authors &&
+ config.openGraph.book.authors.length
+ ) {
+ config.openGraph.book.authors.forEach((author) => {
+ addTag(createOpenGraphTag("book:author", author));
+ });
+ }
+ if (config.openGraph.book.isbn) {
+ addTag(createOpenGraphTag("book:isbn", config.openGraph.book.isbn));
+ }
+ if (config.openGraph.book.releaseDate) {
+ addTag(
+ createOpenGraphTag(
+ "book:release_date",
+ config.openGraph.book.releaseDate
+ )
+ );
+ }
+ if (config.openGraph.book.tags && config.openGraph.book.tags.length) {
+ config.openGraph.book.tags.forEach((tag) => {
+ addTag(createOpenGraphTag("book:tag", tag));
+ });
+ }
+ }
+
+ // Open Graph Article
+ if (config.openGraph.article) {
+ if (config.openGraph.article.publishedTime) {
+ addTag(
+ createOpenGraphTag(
+ "article:published_time",
+ config.openGraph.article.publishedTime
+ )
+ );
+ }
+ if (config.openGraph.article.modifiedTime) {
+ addTag(
+ createOpenGraphTag(
+ "article:modified_time",
+ config.openGraph.article.modifiedTime
+ )
+ );
+ }
+ if (config.openGraph.article.expirationTime) {
+ addTag(
+ createOpenGraphTag(
+ "article:expiration_time",
+ config.openGraph.article.expirationTime
+ )
+ );
+ }
+ if (
+ config.openGraph.article.authors &&
+ config.openGraph.article.authors.length
+ ) {
+ config.openGraph.article.authors.forEach((author) => {
+ addTag(createOpenGraphTag("article:author", author));
+ });
+ }
+ if (config.openGraph.article.section) {
+ addTag(
+ createOpenGraphTag(
+ "article:section",
+ config.openGraph.article.section
+ )
+ );
+ }
+ if (
+ config.openGraph.article.tags &&
+ config.openGraph.article.tags.length
+ ) {
+ config.openGraph.article.tags.forEach((tag) => {
+ addTag(createOpenGraphTag("article:tag", tag));
+ });
+ }
+ }
+
+ // Open Graph Video
+ if (config.openGraph.video) {
+ if (
+ config.openGraph.video.actors &&
+ config.openGraph.video.actors.length
+ ) {
+ config.openGraph.video.actors.forEach((actor) => {
+ addTag(createOpenGraphTag("video:actor", actor.profile));
+ if (actor.role) {
+ addTag(createOpenGraphTag("video:actor:role", actor.role));
+ }
+ });
+ }
+ if (
+ config.openGraph.video.directors &&
+ config.openGraph.video.directors.length
+ ) {
+ config.openGraph.video.directors.forEach((director) => {
+ addTag(createOpenGraphTag("video:director", director));
+ });
+ }
+ if (
+ config.openGraph.video.writers &&
+ config.openGraph.video.writers.length
+ ) {
+ config.openGraph.video.writers.forEach((writer) => {
+ addTag(createOpenGraphTag("video:writer", writer));
+ });
+ }
+ if (config.openGraph.video.duration) {
+ addTag(
+ createOpenGraphTag(
+ "video:duration",
+ config.openGraph.video.duration.toString()
+ )
+ );
+ }
+ if (config.openGraph.video.releaseDate) {
+ addTag(
+ createOpenGraphTag(
+ "video:release_date",
+ config.openGraph.video.releaseDate
+ )
+ );
+ }
+ if (config.openGraph.video.tags && config.openGraph.video.tags.length) {
+ config.openGraph.video.tags.forEach((tag) => {
+ addTag(createOpenGraphTag("video:tag", tag));
+ });
+ }
+ if (config.openGraph.video.series) {
+ addTag(
+ createOpenGraphTag("video:series", config.openGraph.video.series)
+ );
+ }
+ }
+ }
+
+ // Facebook
+ if (config.facebook && config.facebook.appId) {
+ addTag(
+ createMetaTag({ property: "fb:app_id", content: config.facebook.appId })
+ );
+ }
+
+ // Twitter
+ if (config.twitter) {
+ if (config.twitter.cardType) {
+ addTag(
+ createMetaTag({
+ name: "twitter:card",
+ content: config.twitter.cardType,
+ })
+ );
+ }
+
+ if (config.twitter.site) {
+ addTag(
+ createMetaTag({ name: "twitter:site", content: config.twitter.site })
+ );
+ }
+
+ if (config.twitter.handle) {
+ addTag(
+ createMetaTag({
+ name: "twitter:creator",
+ content: config.twitter.handle,
+ })
+ );
+ }
+ }
+
+ // Additional Meta Tags
+ if (config.additionalMetaTags && config.additionalMetaTags.length > 0) {
+ config.additionalMetaTags.forEach((metaTag) => {
+ const attributes: Record = {
+ content: metaTag.content,
+ };
+
+ if ("name" in metaTag && metaTag.name) {
+ attributes.name = metaTag.name;
+ } else if ("property" in metaTag && metaTag.property) {
+ attributes.property = metaTag.property;
+ } else if ("httpEquiv" in metaTag && metaTag.httpEquiv) {
+ attributes["http-equiv"] = metaTag.httpEquiv;
+ }
+
+ addTag(createMetaTag(attributes));
+ });
+ }
+
+ // Additional Link Tags
+ if (config.additionalLinkTags && config.additionalLinkTags.length > 0) {
+ config.additionalLinkTags.forEach((linkTag) => {
+ const attributes: Record = {
+ rel: linkTag.rel,
+ href: linkTag.href,
+ };
+
+ if (linkTag.sizes) {
+ attributes.sizes = linkTag.sizes;
+ }
+ if (linkTag.media) {
+ attributes.media = linkTag.media;
+ }
+ if (linkTag.type) {
+ attributes.type = linkTag.type;
+ }
+ if (linkTag.color) {
+ attributes.color = linkTag.color;
+ }
+ if (linkTag.as) {
+ attributes.as = linkTag.as;
+ }
+ if (linkTag.crossOrigin) {
+ attributes.crossorigin = linkTag.crossOrigin;
+ }
+
+ addTag(createLinkTag(attributes));
+ });
+ }
+
+ return tagsToRender.trim();
+};
diff --git a/packages/polymech/src/styles/custom.scss b/packages/polymech/src/styles/custom.scss
new file mode 100644
index 0000000..34834cc
--- /dev/null
+++ b/packages/polymech/src/styles/custom.scss
@@ -0,0 +1,118 @@
+.p-20 {
+ padding: 0px;
+}
+
+.content {
+
+ UL,
+ LI {
+ list-style-type: inherit;
+ padding: inherit;
+ margin: inherit;
+ }
+}
+
+.bullets {
+ list-style-type: disc;
+ padding-left: 1rem;
+}
+
+.bullets li {
+ list-style-type: inherit;
+}
+
+.bullets ul {
+ list-style-type: inherit;
+}
+
+.specs TABLE {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+.specs TABLE thead {
+ display: none;
+}
+
+.specs .table TR td:last-child {
+ text-align: right;
+}
+
+ .table td+td,
+.table th+th {
+ text-align: right
+}
+
+.widget-table {
+ width: 100%
+}
+
+.widget-table table>tbody>tr>td:nth-of-type(1) {
+ /*background: #f1f1f1;*/
+ font-weight: 500;
+ text-align: left;
+}
+
+.widget-table tbody tr:nth-child(even) {
+ background-color: #00c3ff17;
+}
+
+.widget-table table {
+ width: 100%
+}
+
+.widget-table table td {
+ border: 0px solid #dfdfdf;
+ color: #808080;
+ line-height: 1.4;
+ position: relative;
+}
+
+.widget-table table tbody td {
+ padding: 4px;
+ text-align: right;
+}
+
+.widget-table table thead tr th {
+ padding: 4px;
+ text-align: right;
+}
+
+.border {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: #dfdfdf86;
+}
+
+.mySwiper .swiper-slide {
+ text-align: center;
+}
+
+.mySlide {}
+
+.swiper-slide img {
+ display: block;
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+}
+
+.main-image {
+ background-image: none !important;
+ width: auto !important;
+}
+
+.lightbox {
+ display: none;
+}
+
+.max-w-9\/10 {
+ max-width: 90%;
+}
+
+.max-h-9\/10 {
+ max-height: 90%;
+}
+.imagetools-img{
+ background-image: none !important;
+}
\ No newline at end of file
diff --git a/packages/polymech/src/styles/flowbite.css b/packages/polymech/src/styles/flowbite.css
new file mode 100644
index 0000000..c651848
--- /dev/null
+++ b/packages/polymech/src/styles/flowbite.css
@@ -0,0 +1,2 @@
+/*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */
+@layer theme{:root{--font-sans:"Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--:"ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace";--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:oklch(.258 .092 26.042);--color-orange-50:#fffaf0;--color-orange-100:#feebc8;--color-orange-200:#fbd38d;--color-orange-300:#f6ad55;--color-orange-400:#ed8936;--color-orange-500:#dd6b20;--color-orange-600:#c05621;--color-orange-700:#9c4221;--color-orange-800:#7b341e;--color-orange-900:#652b19;--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:#fffbeb;--color-yellow-100:#fef3c7;--color-yellow-200:#fde68a;--color-yellow-300:#fcd34d;--color-yellow-400:#fbbf24;--color-yellow-500:#f59e0b;--color-yellow-600:#d97706;--color-yellow-700:#b45309;--color-yellow-800:#92400e;--color-yellow-900:#78350f;--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-200:#a7f3d0;--color-green-300:#6ee7b7;--color-green-400:#34d399;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-green-800:#065f46;--color-green-900:#064e3b;--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c4b5fd;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--);--default-mono-font-feature-settings:var(----font-feature-settings);--default-mono-font-variation-settings:var(----font-variation-settings);--color-transparent:transparent;--font-body:"Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--spacing-8xl:90rem;--text-2xs:.625rem}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.tooltip-arrow,.tooltip-arrow:before{background:inherit;width:8px;height:8px;position:absolute}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:var(--color-gray-200)}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;width:8px;height:8px;position:absolute}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;background:inherit;width:9px;height:9px;position:absolute;transform:rotate(45deg)}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-600)}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-600)}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before,[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before,[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before,[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before,[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before,[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{appearance:none;border-color:var(--color-gray-500);--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:var(--color-blue-600);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:var(--color-gray-500);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}select:not([size]){print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem}[dir=rtl] select:not([size]){background-position:.75rem;padding-left:0;padding-right:.75rem}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{appearance:none;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;width:1rem;height:1rem;color:var(--color-blue-600);border-color:--color-gray-500;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;flex-shrink:0;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;background-color:currentColor!important;border-color:#0000!important}[type=checkbox]:checked{print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em}[type=radio]:checked,.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;background-color:currentColor!important;border-color:#0000!important}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor!important;border-color:#0000!important}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-800);cursor:pointer;border:0;margin-inline:-1rem 1rem;padding:.625rem 1rem .625rem 2rem;font-size:.875rem;font-weight:500}input[type=file]::file-selector-button:hover{background:var(--color-gray-700)}[dir=rtl] input[type=file]::file-selector-button{padding-left:1rem;padding-right:2rem}.dark input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-600)}.dark input[type=file]::file-selector-button:hover{background:var(--color-gray-500)}input[type=range]::-webkit-slider-thumb{background:var(--color-blue-600);appearance:none;cursor:pointer;border:0;border-radius:9999px;width:1.25rem;height:1.25rem}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-500)}input[type=range]:focus::-webkit-slider-thumb{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity));outline:2px solid #0000}input[type=range]::-moz-range-thumb{background:var(--color-blue-600);appearance:none;cursor:pointer;border:0;border-radius:9999px;width:1.25rem;height:1.25rem}input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-500)}input[type=range]::-moz-range-progress{background:var(--color-blue-500)}input[type=range]::-ms-fill-lower{background:var(--color-blue-500)}input[type=range].range-sm::-webkit-slider-thumb{width:1rem;height:1rem}input[type=range].range-lg::-webkit-slider-thumb{width:1.5rem;height:1.5rem}input[type=range].range-sm::-moz-range-thumb{width:1rem;height:1rem}input[type=range].range-lg::-moz-range-thumb{width:1.5rem;height:1.5rem}.toggle-bg:after{content:"";border-color:var(--color-gray-300);width:1.25rem;height:1.25rem;box-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);background:#fff;border-width:1px;border-radius:9999px;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;position:absolute;top:.125rem;left:.125rem}input:checked+.toggle-bg:after{border-color:#fff;transform:translate(100%)}input:checked+.toggle-bg{background:var(--color-blue-600);border-color:var(--color-blue-600)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.datatable-wrapper{width:100%}@media (width>=640px){.datatable-wrapper .datatable-top{flex-direction:row-reverse;align-items:center}}@media (width>=640px){.datatable-wrapper .datatable-bottom{flex-direction:row;align-items:center}}.datatable-wrapper .datatable-bottom{flex-direction:column;justify-content:space-between;align-items:start;gap:1rem;margin-top:1rem;display:flex}@media (width>=640px){.datatable-wrapper .datatable-bottom{flex-direction:row;align-items:center}}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link{color:var(--color-gray-500);border-top:1px solid var(--color-gray-300);border-bottom:1px solid var(--color-gray-300);border-right:1px solid var(--color-gray-300);align-items:center;height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;font-weight:500;display:flex}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type,.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type{position:relative}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link{color:#0000}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");width:1.3rem;height:1.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");width:1.3rem;height:1.3rem;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link{border-left:1px solid var(--color-gray-300);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link{border-left:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-start-1\.5{inset-inline-start:calc(var(--spacing)*-1.5)}.-start-3{inset-inline-start:calc(var(--spacing)*-3)}.-start-3\.5{inset-inline-start:calc(var(--spacing)*-3.5)}.-start-4{inset-inline-start:calc(var(--spacing)*-4)}.-start-14{inset-inline-start:calc(var(--spacing)*-14)}.-start-\[17px\]{inset-inline-start:-17px}.start-0{inset-inline-start:calc(var(--spacing)*0)}.start-1{inset-inline-start:calc(var(--spacing)*1)}.start-1\/2{inset-inline-start:50%}.start-1\/3{inset-inline-start:33.3333%}.start-2\.5{inset-inline-start:calc(var(--spacing)*2.5)}.start-2\/3{inset-inline-start:66.6667%}.start-6{inset-inline-start:calc(var(--spacing)*6)}.start-7{inset-inline-start:calc(var(--spacing)*7)}.-end-2{inset-inline-end:calc(var(--spacing)*-2)}.-end-\[16px\]{inset-inline-end:-16px}.-end-\[17px\]{inset-inline-end:-17px}.end-0{inset-inline-end:calc(var(--spacing)*0)}.end-2{inset-inline-end:calc(var(--spacing)*2)}.end-2\.5{inset-inline-end:calc(var(--spacing)*2.5)}.end-6{inset-inline-end:calc(var(--spacing)*6)}.end-24{inset-inline-end:calc(var(--spacing)*24)}.-top-0\.5{top:calc(var(--spacing)*-.5)}.-top-2{top:calc(var(--spacing)*-2)}.-top-\[140px\]{top:-140px}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-2\/4{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-28{top:calc(var(--spacing)*28)}.top-\[40px\]{top:40px}.top-\[72px\]{top:72px}.top-\[88px\]{top:88px}.top-\[124px\]{top:124px}.top-\[142px\]{top:142px}.top-\[178px\]{top:178px}.right-0{right:calc(var(--spacing)*0)}.right-1\/2{right:50%}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-5{right:calc(var(--spacing)*5)}.right-6{right:calc(var(--spacing)*6)}.right-24{right:calc(var(--spacing)*24)}.right-auto{right:auto}.-bottom-6{bottom:calc(var(--spacing)*-6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-2\.5{bottom:calc(var(--spacing)*2.5)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-5{bottom:calc(var(--spacing)*5)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-\[\*px\]{bottom:*px}.bottom-\[60px\]{bottom:60px}.-left-1{left:calc(var(--spacing)*-1)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-5{left:calc(var(--spacing)*5)}.left-7{left:calc(var(--spacing)*7)}.left-8{left:calc(var(--spacing)*8)}.left-auto{left:auto}.-z-10{z-index:calc(10*-1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.format{color:var(--tw-format-body);--tw-format-body:oklch(.551 .027 264.364);--tw-format-headings:oklch(.21 .034 264.665);--tw-format-lead:oklch(.551 .027 264.364);--tw-format-links:oklch(.446 .03 256.802);--tw-format-bold:oklch(.21 .034 264.665);--tw-format-counters:oklch(.551 .027 264.364);--tw-format-bullets:oklch(.551 .027 264.364);--tw-format-hr:oklch(.928 .006 264.531);--tw-format-quotes:oklch(.21 .034 264.665);--tw-format-quote-borders:oklch(.928 .006 264.531);--tw-format-captions:oklch(.551 .027 264.364);--tw-format-code:oklch(.21 .034 264.665);--tw-format-code-bg:oklch(.967 .003 264.542);--tw-format-pre-code:oklch(.446 .03 256.802);--tw-format-pre-bg:oklch(.967 .003 264.542);--tw-format-th-borders:oklch(.928 .006 264.531);--tw-format-th-bg:oklch(.985 .002 247.839);--tw-format-td-borders:oklch(.928 .006 264.531);--tw-format-invert-body:oklch(.707 .022 261.325);--tw-format-invert-headings:#fff;--tw-format-invert-lead:oklch(.707 .022 261.325);--tw-format-invert-links:#fff;--tw-format-invert-bold:#fff;--tw-format-invert-counters:oklch(.707 .022 261.325);--tw-format-invert-bullets:oklch(.446 .03 256.802);--tw-format-invert-hr:oklch(.373 .034 259.733);--tw-format-invert-quotes:oklch(.967 .003 264.542);--tw-format-invert-quote-borders:oklch(.373 .034 259.733);--tw-format-invert-captions:oklch(.707 .022 261.325);--tw-format-invert-code:#fff;--tw-format-invert-code-bg:oklch(.278 .033 256.848);--tw-format-invert-pre-code:oklch(.872 .01 258.338);--tw-format-invert-pre-bg:oklch(.373 .034 259.733);--tw-format-invert-th-borders:oklch(.446 .03 256.802);--tw-format-invert-td-borders:oklch(.373 .034 259.733);--tw-format-invert-th-bg:oklch(.373 .034 259.733);max-width:65ch;font-size:1rem;line-height:1.75}.format :where([class~=lead]):not(:where([class~=not-format] *)){color:var(--tw-format-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.format :where(a):not(:where([class~=not-format] *)){color:var(--tw-format-links);font-weight:500;text-decoration:underline}.format :where(a):not(:where([class~=not-format] *)):hover{text-decoration:none}.format :where(strong):not(:where([class~=not-format] *)){color:var(--tw-format-bold);font-weight:700}.format :where(a strong):not(:where([class~=not-format] *)),.format :where(blockquote strong):not(:where([class~=not-format] *)),.format :where(thead th strong):not(:where([class~=not-format] *)){color:inherit}.format :where(ol):not(:where([class~=not-format] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;list-style-type:decimal}.format :where(ol[type=A]):not(:where([class~=not-format] *)){list-style-type:upper-alpha}.format :where(ol[type=a]):not(:where([class~=not-format] *)){list-style-type:lower-alpha}.format :where(ol[type=A s]):not(:where([class~=not-format] *)){list-style-type:upper-alpha}.format :where(ol[type=a s]):not(:where([class~=not-format] *)){list-style-type:lower-alpha}.format :where(ol[type=I]):not(:where([class~=not-format] *)){list-style-type:upper-roman}.format :where(ol[type=i]):not(:where([class~=not-format] *)){list-style-type:lower-roman}.format :where(ol[type=I s]):not(:where([class~=not-format] *)){list-style-type:upper-roman}.format :where(ol[type=i s]):not(:where([class~=not-format] *)){list-style-type:lower-roman}.format :where(ol[type="1"]):not(:where([class~=not-format] *)){list-style-type:decimal}.format :where(ul):not(:where([class~=not-format] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;list-style-type:disc}.format :where(ol>li):not(:where([class~=not-format] *))::marker{color:var(--tw-format-counters);font-weight:400}.format :where(ul>li):not(:where([class~=not-format] *))::marker{color:var(--tw-format-bullets)}.format :where(hr):not(:where([class~=not-format] *)){border-color:var(--tw-format-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.format :where(blockquote):not(:where([class~=not-format] *)){color:var(--tw-format-quotes);quotes:"“""”""‘""’";margin-bottom:1.6em;font-size:1.11111em;font-style:italic;font-weight:700}.format :where(blockquote):not(:where([class~=not-format] *)):before{content:"";color:var(--tw-format-quotes);background-image:url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:1.77778em;height:1.33333em;margin-top:1.6em;display:block}.format :where(blockquote p:first-of-type):not(:where([class~=not-format] *)):before{content:open-quote}.format :where(blockquote p:last-of-type):not(:where([class~=not-format] *)):after{content:close-quote}.format :where(h1):not(:where([class~=not-format] *)){color:var(--tw-format-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.format :where(h1 strong):not(:where([class~=not-format] *)){color:inherit;font-weight:900}.format :where(h2):not(:where([class~=not-format] *)){color:var(--tw-format-headings);margin-top:0;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.format :where(h2 strong):not(:where([class~=not-format] *)){color:inherit;font-weight:800}.format :where(h3):not(:where([class~=not-format] *)){color:var(--tw-format-headings);margin-top:0;margin-bottom:.6em;font-size:1.25em;font-weight:700;line-height:1.6}.format :where(h3 strong):not(:where([class~=not-format] *)){color:inherit;font-weight:800}.format :where(h4):not(:where([class~=not-format] *)){color:var(--tw-format-headings);margin-top:0;margin-bottom:.5em;font-weight:600;line-height:1.5}.format :where(h4 strong):not(:where([class~=not-format] *)){color:inherit;font-weight:700}.format :where(img):not(:where([class~=not-format] *)){margin-top:2em;margin-bottom:2em}.format :where(figure>*):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:0}.format :where(figcaption):not(:where([class~=not-format] *)){color:var(--tw-format-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.format :where(code):not(:where([class~=not-format] *)){color:var(--tw-format-code);background-color:var(--tw-format-code-bg);border-radius:.222222em;padding:.333333em .555556em;font-size:.875em;font-weight:600}.format :where(a code):not(:where([class~=not-format] *)),.format :where(h1 code):not(:where([class~=not-format] *)){color:inherit}.format :where(h2 code):not(:where([class~=not-format] *)){color:inherit;font-size:.875em}.format :where(h3 code):not(:where([class~=not-format] *)){color:inherit;font-size:.9em}.format :where(h4 code):not(:where([class~=not-format] *)),.format :where(blockquote code):not(:where([class~=not-format] *)),.format :where(thead th code):not(:where([class~=not-format] *)){color:inherit}.format :where(pre):not(:where([class~=not-format] *)){color:var(--tw-format-pre-code);background-color:var(--tw-format-pre-bg);border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding:.857143em 1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.format :where(pre code):not(:where([class~=not-format] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.format :where(pre code):not(:where([class~=not-format] *)):before,.format :where(pre code):not(:where([class~=not-format] *)):after{content:none}.format :where(table):not(:where([class~=not-format] *)){table-layout:auto;text-align:left;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.format :where(thead):not(:where([class~=not-format] *)){background-color:var(--tw-format-th-bg);border-radius:.277778em}.format :where(thead th):not(:where([class~=not-format] *)){background-color:var(--tw-format-th-bg);color:var(--tw-format-headings);vertical-align:bottom;padding:.555556em .571429em .571429em;font-weight:600}.format :where(tbody th):not(:where([class~=not-format] *)){background-color:var(--tw-format-th-bg);color:var(--tw-format-headings);vertical-align:bottom;padding:.555556em;font-weight:600}.format :where(tbody tr th p,tbody tr td p):not(:where([class~=not-format] *)){margin:0!important}.format :where(tbody tr th,tbody tr td):not(:where([class~=not-format] *)){padding:.666667em!important}.format :where(tbody tr):not(:where([class~=not-format] *)){border-bottom-width:1px;border-bottom-color:var(--tw-format-td-borders)}.format :where(tbody tr:last-child):not(:where([class~=not-format] *)){border-bottom-width:0}.format :where(tbody td):not(:where([class~=not-format] *)){vertical-align:baseline}.format :where(tfoot):not(:where([class~=not-format] *)){border-top-width:1px;border-top-color:var(--tw-format-th-borders)}.format :where(tfoot td):not(:where([class~=not-format] *)){vertical-align:top}.format :where(p):not(:where([class~=not-format] *)){margin-top:1.25em;margin-bottom:1.25em}.format :where(blockquote>p:first-child):not(:where([class~=not-format] *)){margin-top:0}.format :where(video):not(:where([class~=not-format] *)),.format :where(figure):not(:where([class~=not-format] *)){margin-top:2em;margin-bottom:2em}.format :where(li):not(:where([class~=not-format] *)){margin-top:.5em;margin-bottom:.5em}.format :where(ol>li):not(:where([class~=not-format] *)),.format :where(ul>li):not(:where([class~=not-format] *)){padding-left:.375em}.format :where(.format>ul>li p):not(:where([class~=not-format] *)){margin-top:.75em;margin-bottom:.75em}.format :where(.format>ul>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.25em}.format :where(.format>ul>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.25em}.format :where(.format>ol>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.25em}.format :where(.format>ol>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.25em}.format :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-format] *)){margin-top:.75em;margin-bottom:.75em}.format :where(hr+*):not(:where([class~=not-format] *)),.format :where(h2+*):not(:where([class~=not-format] *)),.format :where(h3+*):not(:where([class~=not-format] *)),.format :where(h4+*):not(:where([class~=not-format] *)){margin-top:0}.format :where(thead th:last-child):not(:where([class~=not-format] *)){padding-right:0}.format :where(tbody td,tfoot td):not(:where([class~=not-format] *)){padding:.571429em}.format :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-format] *)){padding-right:0}.format :where(.format>:first-child):not(:where([class~=not-format] *)){margin-top:0}.format :where(.format>:last-child):not(:where([class~=not-format] *)){margin-bottom:0}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-2\.5{margin:calc(var(--spacing)*2.5)}.m-4{margin:calc(var(--spacing)*4)}.m-361{margin:calc(var(--spacing)*361)}.-mx-1\.5{margin-inline:calc(var(--spacing)*-1.5)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.-my-1\.5{margin-block:calc(var(--spacing)*-1.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-2\.5{margin-block:calc(var(--spacing)*2.5)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.my-7{margin-block:calc(var(--spacing)*7)}.my-8{margin-block:calc(var(--spacing)*8)}.my-10{margin-block:calc(var(--spacing)*10)}.my-12{margin-block:calc(var(--spacing)*12)}.-ms-1{margin-inline-start:calc(var(--spacing)*-1)}.ms-0{margin-inline-start:calc(var(--spacing)*0)}.ms-0\.5{margin-inline-start:calc(var(--spacing)*.5)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-1\.5{margin-inline-start:calc(var(--spacing)*1.5)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-2\.5{margin-inline-start:calc(var(--spacing)*2.5)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-3\.5{margin-inline-start:calc(var(--spacing)*3.5)}.ms-4{margin-inline-start:calc(var(--spacing)*4)}.ms-5{margin-inline-start:calc(var(--spacing)*5)}.ms-6{margin-inline-start:calc(var(--spacing)*6)}.ms-8{margin-inline-start:calc(var(--spacing)*8)}.ms-auto{margin-inline-start:auto}.-me-0\.5{margin-inline-end:calc(var(--spacing)*-.5)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-2\.5{margin-inline-end:calc(var(--spacing)*2.5)}.me-3{margin-inline-end:calc(var(--spacing)*3)}.me-4{margin-inline-end:calc(var(--spacing)*4)}.me-5{margin-inline-end:calc(var(--spacing)*5)}.me-auto{margin-inline-end:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-5{margin-top:calc(var(--spacing)*-5)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-\[2px\]{margin-top:2px}.apexcharts-canvas .apexcharts-tooltip{color:var(--color-gray-700)!important;background-color:#fff!important;border:0!important;border-radius:.25rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.datatable-wrapper .datatable-top{flex-direction:column-reverse;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=640px){.datatable-wrapper .datatable-top{flex-direction:row-reverse;align-items:center}}.datatable-wrapper .datatable-top .datatable-dropdown{color:var(--color-gray-500);font-size:.875rem}.datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector{background-color:var(--color-gray-50);color:var(--color-gray-900);border:1px solid var(--color-gray-300);border-radius:.5rem;min-width:4rem;margin-right:.25rem;font-size:.875rem}.apexcharts-canvas .apexcharts-legend-series{align-items:center!important;margin-bottom:.25rem!important;margin-left:.5rem!important;margin-right:.5rem!important;display:flex!important}[dir=rtl] .apexcharts-tooltip .apexcharts-tooltip-marker{margin-right:0!important;margin-left:e!important}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-5{margin-right:calc(var(--spacing)*5)}.mr-8{margin-right:calc(var(--spacing)*8)}.mr-auto{margin-right:auto}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{background-color:var(--color-gray-100)!important;border-bottom-color:var(--color-gray-200)!important;color:var(--color-gray-500)!important;margin-bottom:.75rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;font-weight:400!important}.-mb-5{margin-bottom:calc(var(--spacing)*-5)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-px{margin-bottom:1px}.apexcharts-canvas .apexcharts-xaxistooltip{color:var(--color-gray-500)!important;background-color:#fff!important;border-color:#0000!important;border-radius:.25rem!important;padding:.5rem .75rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.apexcharts-canvas .apexcharts-xaxistooltip:after,.apexcharts-canvas .apexcharts-xaxistooltip:before{border-bottom-color:#fff!important}.apexcharts-canvas .apexcharts-xaxistooltip:after{border-width:8px!important;margin-left:-8px!important}.apexcharts-canvas .apexcharts-xaxistooltip:before{border-width:10px!important;margin-left:-10px!important}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list{align-items:center;height:2rem;font-size:.875rem;display:flex}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-36{height:calc(var(--spacing)*36)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-\[1\.1rem\]{height:1.1rem}.h-\[5px\]{height:5px}.h-\[24px\]{height:24px}.h-\[32px\]{height:32px}.h-\[41px\]{height:41px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[55px\]{height:55px}.h-\[63px\]{height:63px}.h-\[64px\]{height:64px}.h-\[140px\]{height:140px}.h-\[156px\]{height:156px}.h-\[172px\]{height:172px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[56px\]{height:56px}.h-\[78px\]{height:78px}.h-\[193px\]{height:193px}.h-\[213px\]{height:213px}.h-\[426px\]{height:426px}.h-\[454px\]{height:454px}.h-\[572px\]{height:572px}.h-\[600px\]{height:600px}.h-\[calc\(100\%-1rem\)\]{height:calc(100% - 1rem)}.h-\[calc\(100vh-5rem\)\]{height:calc(100vh - 5rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[48px\]{max-height:48px}.max-h-full{max-height:100%}.datatable-wrapper .datatable-table{width:100%;color:var(--color-gray-500);text-align:left;font-size:.875rem}.datatable-wrapper .datatable-table thead{color:var(--color-gray-500);background-color:var(--color-gray-50);font-size:.75rem}.datatable-wrapper .datatable-table thead th{white-space:nowrap;padding:.75rem 1.5rem;width:auto!important}.datatable-wrapper .datatable-table tbody th,.datatable-wrapper .datatable-table tbody td{padding:.75rem 1.5rem;width:auto!important}.datatable-wrapper .datatable-table thead th .datatable-sorter,.datatable-wrapper .datatable-table thead th{text-transform:uppercase}.datatable-wrapper .datatable-table tbody tr{border-bottom:1px solid var(--color-gray-200)}.w-1{width:calc(var(--spacing)*1)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/4{width:50%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[1\.1rem\]{width:1.1rem}.w-\[208px\]{width:208px}.w-\[272px\]{width:272px}.w-\[300px\]{width:300px}.w-\[3px\]{width:3px}.w-\[6px\]{width:6px}.w-\[16rem\]{width:16rem}.w-\[48px\]{width:48px}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.w-\[145px\]{width:145px}.w-\[148px\]{width:148px}.w-\[188px\]{width:188px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-2xs{max-width:var(--container-2xs)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-8xl{max-width:var(--spacing-8xl)}.max-w-\[2\.5rem\]{max-width:2.5rem}.max-w-\[7rem\]{max-width:7rem}.max-w-\[8\.5rem\]{max-width:8.5rem}.max-w-\[8rem\]{max-width:8rem}.max-w-\[11rem\]{max-width:11rem}.max-w-\[23rem\]{max-width:23rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[48px\]{max-width:48px}.max-w-\[128px\]{max-width:128px}.max-w-\[133px\]{max-width:133px}.max-w-\[13rem\]{max-width:13rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[83px\]{max-width:83px}.max-w-\[300px\]{max-width:300px}.max-w-\[301px\]{max-width:301px}.max-w-\[320px\]{max-width:320px}.max-w-\[326px\]{max-width:326px}.max-w-\[330px\]{max-width:330px}.max-w-\[341px\]{max-width:341px}.max-w-\[351px\]{max-width:351px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[440px\]{max-width:440px}.max-w-\[450px\]{max-width:450px}.max-w-\[460px\]{max-width:460px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[540px\]{max-width:540px}.max-w-\[640px\]{max-width:640px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.datatable-wrapper .datatable-search .datatable-input,.datatable-wrapper .datatable-input{color:var(--color-gray-900);border:1px solid var(--color-gray-300);background-color:var(--color-gray-50);border-radius:.5rem;min-width:16rem;font-size:.875rem}.datatable-wrapper thead th .datatable-input{color:var(--color-gray-900);background-color:#fff;min-width:0;padding-top:.35rem;padding-bottom:.35rem;font-weight:400}.datatable-wrapper .datatable-search .datatable-input{color:var(--color-gray-900);border:1px solid var(--color-gray-300);background-color:var(--color-gray-50);border-radius:.5rem;min-width:16rem;font-size:.875rem}.dark .datatable-wrapper .datatable-search .datatable-input{color:#fff;background-color:var(--color-gray-800);border:1px solid var(--color-gray-700)}.datatable-wrapper .datatable-search .datatable-input:focus{border-color:var(--color-blue-600)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[4rem\]{min-width:4rem}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\[0\]{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-4{--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-6{--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y:calc(1/4*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}.gap-16{gap:calc(var(--spacing)*16)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-16{column-gap:calc(var(--spacing)*16)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px*var(--tw-space-x-reverse));margin-inline-end:calc(-1px*calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing)*3)}:where(.space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-x-2>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(2px*var(--tw-divide-x-reverse));border-inline-end-width:calc(2px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}:where(.divide-gray-500>:not(:last-child)){border-color:var(--color-gray-500)}.place-self-center{place-self:center}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.datatable-wrapper .datatable-container,.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-s-full{border-start-start-radius:3.40282e38px;border-end-start-radius:3.40282e38px}.rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-ss-lg{border-start-start-radius:var(--radius-lg)}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-e-full{border-start-end-radius:3.40282e38px;border-end-end-radius:3.40282e38px}.rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.rounded-e-xl{border-start-end-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl)}.rounded-se-lg{border-start-end-radius:var(--radius-lg)}.rounded-es-xl{border-end-start-radius:var(--radius-xl)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-\[2\.5rem\]{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-\[1rem\]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-b-\[2\.5rem\]{border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[8px\]{border-style:var(--tw-border-style);border-width:8px}.border-\[10px\]{border-style:var(--tw-border-style);border-width:10px}.border-\[14px\]{border-style:var(--tw-border-style);border-width:14px}.border-\[16px\]{border-style:var(--tw-border-style);border-width:16px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-0{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-e-0{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.border-e-2{border-inline-end-style:var(--tw-border-style);border-inline-end-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.dark .apexcharts-canvas .apexcharts-tooltip{background-color:var(--color-gray-700)!important;color:var(--color-gray-400)!important;border-color:#0000!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{background-color:var(--color-gray-600)!important;border-color:var(--color-gray-500)!important;color:var(--color-gray-500)!important}.dark .apexcharts-canvas .apexcharts-xaxistooltip{color:var(--color-gray-400)!important;background-color:var(--color-gray-700)!important}.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,.dark .apexcharts-canvas .apexcharts-xaxistooltip:before{border-bottom-color:var(--color-gray-700)!important}.dark .apexcharts-gridline,.dark .apexcharts-xcrosshairs,.dark .apexcharts-ycrosshairs{stroke:var(--color-gray-700)!important}.dark .datatable-wrapper .datatable-search .datatable-input,.dark .datatable-wrapper .datatable-input{color:#fff;background-color:var(--color-gray-800);border:1px solid var(--color-gray-700)}.dark .datatable-wrapper thead th .datatable-input{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:#fff}.dark .datatable-wrapper .datatable-top .datatable-dropdown{color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector{background-color:var(--color-gray-800);border:1px solid var(--color-gray-700);color:#fff}.dark .datatable-wrapper .datatable-table{color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-table thead{color:var(--color-gray-400);background-color:var(--color-gray-800)}.dark .datatable-wrapper .datatable-table tbody tr{border-bottom:1px solid var(--color-gray-700)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link{color:var(--color-gray-400);border-color:var(--color-gray-700)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link{color:#0000}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link{border-left:1px solid var(--color-gray-700)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover{background-color:var(--color-gray-700);color:#fff}.\!border-blue-700{border-color:var(--color-blue-700)!important}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-blue-800{border-color:var(--color-blue-800)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-green-700{border-color:var(--color-green-700)}.border-green-800{border-color:var(--color-green-800)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-pink-400{border-color:var(--color-pink-400)}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-600{border-color:var(--color-purple-600)}.border-purple-700{border-color:var(--color-purple-700)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-red-800{border-color:var(--color-red-800)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-800{border-color:var(--color-yellow-800)}.border-s-gray-50{border-inline-start-color:var(--color-gray-50)}.border-s-gray-100{border-inline-start-color:var(--color-gray-100)}.border-e-gray-50{border-inline-end-color:var(--color-gray-50)}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group{padding:0!important}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{color:var(--color-gray-500)!important;background-color:#fff!important;padding-bottom:.75rem!important;padding-left:.75rem!important;padding-right:.75rem!important}.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{background-color:var(--color-gray-700)!important;color:var(--color-gray-400)!important}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type{padding-top:.75rem!important}.\!bg-gray-50{background-color:var(--color-gray-50)!important}.\!bg-gray-200{background-color:var(--color-gray-200)!important}.bg-\[\#1da1f2\]{background-color:#1da1f2}.bg-\[\#3b5998\]{background-color:#3b5998}.bg-\[\#2557D6\]{background-color:#2557d6}.bg-\[\#4285F4\]{background-color:#4285f4}.bg-\[\#24292F\]{background-color:#24292f}.bg-\[\#050708\]{background-color:#050708}.bg-\[\#F7BE38\]{background-color:#f7be38}.bg-\[\#FF9119\]{background-color:#ff9119}.bg-\[\#hex\]{background-color:#hex}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}.bg-gray-900\/90{background-color:color-mix(in oklab,var(--color-gray-900)90%,transparent)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-300{background-color:var(--color-indigo-300)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-indigo-800{background-color:var(--color-indigo-800)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-300{background-color:var(--color-orange-300)}.{background-color:var(--color-orange-500)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-pink-800{background-color:var(--color-pink-800)}.bg-pink-900{background-color:var(--color-pink-900)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.dark .selectedCell{background-color:var(--color-gray-700)}.datatable-wrapper .datatable-table tbody tr.selected{background-color:var(--color-gray-100)}.dark .datatable-wrapper .datatable-table tbody tr.selected{background-color:var(--color-gray-700)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/conference\.jpg\'\)\]{background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg)}.bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern\.svg\'\)\]{background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg)}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-200{--tw-gradient-from:var(--color-lime-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-200{--tw-gradient-from:var(--color-red-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-200{--tw-gradient-from:var(--color-teal-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-300{--tw-gradient-from:var(--color-teal-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-500{--tw-gradient-via:var(--color-cyan-500);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-lime-400{--tw-gradient-via:var(--color-lime-400);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-500{--tw-gradient-via:var(--color-pink-500);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-red-300{--tw-gradient-via:var(--color-red-300);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-red-500{--tw-gradient-via:var(--color-red-500);--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-500{--tw-gradient-via:var(--color-teal-500);--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)}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--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))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--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))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--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))}.to-cyan-600{--tw-gradient-to:var(--color-cyan-600);--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))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--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))}.to-green-600{--tw-gradient-to:var(--color-green-600);--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))}.to-lime-200{--tw-gradient-to:var(--color-lime-200);--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))}.to-lime-300{--tw-gradient-to:var(--color-lime-300);--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))}.to-lime-500{--tw-gradient-to:var(--color-lime-500);--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))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--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))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--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))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--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))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--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))}.to-red-600{--tw-gradient-to:var(--color-red-600);--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))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--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))}.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))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--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))}.bg-cover{background-size:cover}.bg-local{background-attachment:local}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:var(--color-gray-900)!important;font-size:1.875rem,[object Object]!important;font-weight:700!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:#fff!important}.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:var(--color-gray-500)!important;font-size:1rem,[object Object]!important;font-weight:400!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:var(--color-gray-400)!important}.fill-blue-600{fill:var(--color-blue-600)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-600{fill:var(--color-gray-600)}.fill-green-500{fill:var(--color-green-500)}.fill-pink-600{fill:var(--color-pink-600)}.fill-purple-600{fill:var(--color-purple-600)}.fill-red-600{fill:var(--color-red-600)}.fill-yellow-400{fill:var(--color-yellow-400)}.apexcharts-gridline{stroke:var(--color-gray-200)!important}.dark .apexcharts-gridline{stroke:var(--color-gray-700)!important}.apexcharts-xcrosshairs{stroke:var(--color-gray-200)!important}.dark .apexcharts-xcrosshairs{stroke:var(--color-gray-700)!important}.apexcharts-ycrosshairs{stroke:var(--color-gray-200)!important}.dark .apexcharts-ycrosshairs{stroke:var(--color-gray-700)!important}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.apexcharts-canvas .apexcharts-legend,.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group{padding:0!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-16{padding-inline:calc(var(--spacing)*16)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-24{padding-block:calc(var(--spacing)*24)}.py-48{padding-block:calc(var(--spacing)*48)}.py-px{padding-block:1px}.ps-0{padding-inline-start:calc(var(--spacing)*0)}.ps-1\.5{padding-inline-start:calc(var(--spacing)*1.5)}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.ps-2\.5{padding-inline-start:calc(var(--spacing)*2.5)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-3\.5{padding-inline-start:calc(var(--spacing)*3.5)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-5{padding-inline-start:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.pe-0{padding-inline-end:calc(var(--spacing)*0)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pe-3\.5{padding-inline-end:calc(var(--spacing)*3.5)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pe-5{padding-inline-end:calc(var(--spacing)*5)}.pe-10{padding-inline-end:calc(var(--spacing)*10)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-32{padding-top:calc(var(--spacing)*32)}.pt-36{padding-top:calc(var(--spacing)*36)}.pt-52{padding-top:calc(var(--spacing)*52)}.pt-60{padding-top:calc(var(--spacing)*60)}.pt-64{padding-top:calc(var(--spacing)*64)}.pt-80{padding-top:calc(var(--spacing)*80)}.datatable-wrapper .datatable-container thead tr.search-filtering-row th{padding-top:0}.apexcharts-canvas .apexcharts-legend-text{color:var(--color-gray-500)!important;padding-left:1.25rem!important;font-size:.75rem!important;font-weight:500!important}[dir=rtl] .apexcharts-canvas .apexcharts-legend-text{padding-right:.5rem!important}.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:var(--color-gray-900)!important}.dark .apexcharts-canvas .apexcharts-legend-text{color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:#fff!important}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-48{padding-bottom:calc(var(--spacing)*48)}.pb-96{padding-bottom:calc(var(--spacing)*96)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-11{padding-left:calc(var(--spacing)*11)}.datatable-wrapper .datatable-table .datatable-empty,.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{font-size:var(--text-2xs)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label{font-size:.75rem,[object Object]!important;text-shadow:none!important;filter:none!important;font-weight:600!important;font-size:.75rem,[object Object]!important;font-weight:600!important}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:var(--color-gray-500)!important;font-size:.875rem!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:var(--color-gray-400)!important}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:var(--color-gray-900);font-size:.875rem!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:#fff!important}.apexcharts-canvas .apexcharts-xaxistooltip-text{font-size:.875rem!important;font-weight:400!important}.datatable-wrapper .datatable-bottom .datatable-info{color:var(--color-gray-500);font-size:.875rem}.dark .datatable-wrapper .datatable-bottom .datatable-info{color:var(--color-gray-400)}.leading-1\.5{--tw-leading:calc(var(--spacing)*1.5);line-height:calc(var(--spacing)*1.5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-9{--tw-leading:calc(var(--spacing)*9);line-height:calc(var(--spacing)*9)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.datatable-wrapper .datatable-table thead th .datatable-sorter{text-transform:uppercase}.datatable-wrapper .datatable-table thead th .datatable-sorter:hover,.datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,.datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover,.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:#fff}.\!text-blue-700{color:var(--color-blue-700)!important}.datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter{color:#fff}.datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:#fff}.text-\[\#1434CB\]{color:#1434cb}.text-\[\#626890\]{color:#626890}.text-\[\#ff2d20\]{color:#ff2d20}.text-blue-50{color:var(--color-blue-50)}.text-blue-100{color:var(--color-blue-100)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-600\/25{color:color-mix(in oklab,var(--color-blue-600)25%,transparent)}.text-blue-600\/50{color:color-mix(in oklab,var(--color-blue-600)50%,transparent)}.text-blue-600\/75{color:color-mix(in oklab,var(--color-blue-600)75%,transparent)}.text-blue-600\/100{color:color-mix(in oklab,var(--color-blue-600)100%,transparent)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-pink-400{color:var(--color-pink-400)}.text-pink-800{color:var(--color-pink-800)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-sky-500{color:var(--color-sky-500)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-blue-400{-webkit-text-decoration-color:var(--color-blue-400);-webkit-text-decoration-color:var(--color-blue-400);text-decoration-color:var(--color-blue-400)}.decoration-blue-500{-webkit-text-decoration-color:var(--color-blue-500);-webkit-text-decoration-color:var(--color-blue-500);text-decoration-color:var(--color-blue-500)}.decoration-gray-500{-webkit-text-decoration-color:var(--color-gray-500);-webkit-text-decoration-color:var(--color-gray-500);text-decoration-color:var(--color-gray-500)}.decoration-green-500{-webkit-text-decoration-color:var(--color-green-500);-webkit-text-decoration-color:var(--color-green-500);text-decoration-color:var(--color-green-500)}.decoration-indigo-500{-webkit-text-decoration-color:var(--color-indigo-500);-webkit-text-decoration-color:var(--color-indigo-500);text-decoration-color:var(--color-indigo-500)}.decoration-red-500{-webkit-text-decoration-color:var(--color-red-500);-webkit-text-decoration-color:var(--color-red-500);text-decoration-color:var(--color-red-500)}.decoration-sky-500{-webkit-text-decoration-color:var(--color-sky-500);-webkit-text-decoration-color:var(--color-sky-500);text-decoration-color:var(--color-sky-500)}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-wavy{text-decoration-style:wavy}.decoration-8{text-decoration-thickness:8px}.underline-offset-3{text-underline-offset:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-green-700::placeholder{color:var(--color-green-700)}.placeholder-red-700::placeholder{color:var(--color-red-700)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.bg-blend-multiply{background-blend-mode:multiply}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.ring-2{--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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.ring-8{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}.shadow-cyan-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-cyan-500)50%,transparent)}.shadow-green-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}.shadow-lime-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-lime-500)50%,transparent)}.shadow-pink-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-pink-500)50%,transparent)}.shadow-purple-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-purple-500)50%,transparent)}.shadow-red-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}.shadow-teal-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-teal-500)50%,transparent)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-xs{--tw-blur:blur(var(--blur-xs));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.filter{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,)}.backdrop-filter{-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.format-blue{--tw-format-links:oklch(.546 .245 262.881);--tw-format-invert-links:oklch(.623 .214 259.815)}.format-red{--tw-format-links:oklch(.577 .245 27.325);--tw-format-invert-links:oklch(.637 .237 25.331)}@media (hover:hover){.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:bg-gray-50:is(:where(.group):hover *){background-color:var(--color-gray-50)}.group-hover\:bg-transparent:is(:where(.group):hover *){background-color:#0000}.group-hover\:bg-white\/50:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white)50%,transparent)}.group-hover\:from-cyan-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-cyan-500);--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))}.group-hover\:from-green-400:is(:where(.group):hover *){--tw-gradient-from:var(--color-green-400);--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))}.group-hover\:from-pink-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-pink-500);--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))}.group-hover\:from-purple-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-purple-500);--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))}.group-hover\:from-purple-600:is(:where(.group):hover *){--tw-gradient-from:var(--color-purple-600);--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))}.group-hover\:from-red-200:is(:where(.group):hover *){--tw-gradient-from:var(--color-red-200);--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))}.group-hover\:from-teal-300:is(:where(.group):hover *){--tw-gradient-from:var(--color-teal-300);--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))}.group-hover\:via-red-300:is(:where(.group):hover *){--tw-gradient-via:var(--color-red-300);--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)}.group-hover\:to-blue-500:is(:where(.group):hover *){--tw-gradient-to:var(--color-blue-500);--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))}.group-hover\:to-blue-600:is(:where(.group):hover *){--tw-gradient-to:var(--color-blue-600);--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))}.group-hover\:to-lime-300:is(:where(.group):hover *){--tw-gradient-to:var(--color-lime-300);--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))}.group-hover\:to-orange-400:is(:where(.group):hover *){--tw-gradient-to:var(--color-orange-400);--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))}.group-hover\:to-pink-500:is(:where(.group):hover *){--tw-gradient-to:var(--color-pink-500);--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))}.group-hover\:to-yellow-200:is(:where(.group):hover *){--tw-gradient-to:var(--color-yellow-200);--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))}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-gray-500:is(:where(.group):hover *){color:var(--color-gray-500)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus\:text-gray-900:is(:where(.group):focus *){color:var(--color-gray-900)}.group-focus\:ring-4:is(:where(.group):focus *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.group-focus\:ring-white:is(:where(.group):focus *){--tw-ring-color:var(--color-white)}.group-focus\:outline-none:is(:where(.group):focus *){--tw-outline-style:none;outline-style:none}.peer-checked\:border-blue-600:is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.peer-checked\:border-blue-700:is(:where(.peer):checked~*){border-color:var(--color-blue-700)}.peer-checked\:bg-blue-50:is(:where(.peer):checked~*){background-color:var(--color-blue-50)}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-checked\:bg-green-600:is(:where(.peer):checked~*){background-color:var(--color-green-600)}.peer-checked\::is(:where(.peer):checked~*){background-color:var(--color-orange-500)}.peer-checked\:bg-purple-600:is(:where(.peer):checked~*){background-color:var(--color-purple-600)}.peer-checked\:bg-red-600:is(:where(.peer):checked~*){background-color:var(--color-red-600)}.peer-checked\:bg-teal-600:is(:where(.peer):checked~*){background-color:var(--color-teal-600)}.peer-checked\:bg-yellow-400:is(:where(.peer):checked~*){background-color:var(--color-yellow-400)}.peer-checked\:text-blue-600:is(:where(.peer):checked~*){color:var(--color-blue-600)}.peer-checked\:text-blue-700:is(:where(.peer):checked~*){color:var(--color-blue-700)}.peer-checked\:text-gray-600:is(:where(.peer):checked~*){color:var(--color-gray-600)}.peer-checked\::is(:where(.peer):checked~*){color:var(--color-white)}.peer-placeholder-shown\:start-6:is(:where(.peer):placeholder-shown~*){inset-inline-start:calc(var(--spacing)*6)}.peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown~*){top:50%}.peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-focus\:start-0:is(:where(.peer):focus~*){inset-inline-start:calc(var(--spacing)*0)}.peer-focus\:top-1:is(:where(.peer):focus~*){top:calc(var(--spacing)*1)}.peer-focus\:top-2:is(:where(.peer):focus~*){top:calc(var(--spacing)*2)}.peer-focus\:-translate-y-3:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:-translate-y-4:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:-translate-y-6:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:scale-75:is(:where(.peer):focus~*){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-focus\:px-2:is(:where(.peer):focus~*){padding-inline:calc(var(--spacing)*2)}.peer-focus\:font-medium:is(:where(.peer):focus~*){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.peer-focus\:text-blue-600:is(:where(.peer):focus~*){color:var(--color-blue-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.peer-focus\:ring-blue-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-300)}.peer-focus\:ring-green-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-300)}.peer-focus\:ring-orange-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-orange-300)}.peer-focus\:ring-purple-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-purple-300)}.peer-focus\:ring-red-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-red-300)}.peer-focus\:ring-teal-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-teal-300)}.peer-focus\:ring-yellow-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-yellow-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.first-letter\:float-start:first-letter{float:inline-start}.first-letter\:me-3:first-letter{margin-inline-end:calc(var(--spacing)*3)}.first-letter\:text-7xl:first-letter{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.first-letter\:font-bold:first-letter{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.first-letter\:text-gray-900:first-letter{color:var(--color-gray-900)}.first-line\:tracking-widest:first-line{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.first-line\:uppercase:first-line{text-transform:uppercase}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:start-\[4px\]:after{content:var(--tw-content);inset-inline-start:4px}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*.5)}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:mx-2:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*2)}.after\:mx-6:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*6)}.after\:hidden:after{content:var(--tw-content);display:none}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:h-1:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:h-6:after{content:var(--tw-content);height:calc(var(--spacing)*6)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:w-6:after{content:var(--tw-content);width:calc(var(--spacing)*6)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after,.after\:border-1:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-4:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.after\:border-b:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.after\:border-blue-100:after{content:var(--tw-content);border-color:var(--color-blue-100)}.after\:border-gray-100:after{content:var(--tw-content);border-color:var(--color-gray-100)}.after\:border-gray-200:after{content:var(--tw-content);border-color:var(--color-gray-200)}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:text-gray-200:after{content:var(--tw-content);color:var(--color-gray-200)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\/\'\]:after{content:var(--tw-content);--tw-content:"/";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.odd\:bg-white:nth-child(odd){background-color:var(--color-white)}.even\:bg-gray-50:nth-child(2n){background-color:var(--color-gray-50)}.focus-within\:z-10:focus-within{z-index:10}@media (hover:hover){.hover\:border-blue-700:hover{border-color:var(--color-blue-700)}.hover\:border-blue-800:hover{border-color:var(--color-blue-800)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-\[\#1da1f2\]\/90:hover{background-color:oklab(68.1797% -.0710534 -.141606/.9)}.hover\:bg-\[\#3b5998\]\/90:hover{background-color:oklab(47.2423% -.0121128 -.107642/.9)}.hover\:bg-\[\#2557D6\]\/90:hover{background-color:oklab(50.5418% -.021006 -.201479/.9)}.hover\:bg-\[\#4285F4\]\/90:hover{background-color:oklab(63.0386% -.0313976 -.177268/.9)}.hover\:bg-\[\#24292F\]\/90:hover{background-color:oklab(27.8502% -.00385141 -.0126262/.9)}.hover\:bg-\[\#050708\]\/80:hover{background-color:oklab(12.5951% -.00372608 -.00386472/.8)}.hover\:bg-\[\#050708\]\/90:hover{background-color:oklab(12.5951% -.00372608 -.00386472/.9)}.hover\:bg-\[\#F7BE38\]\/90:hover{background-color:oklab(83.1765% .0161951 .153769/.9)}.hover\:bg-\[\#FF9119\]\/80:hover{background-color:oklab(75.9167% .0886233 .149248/.8)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue-900:hover{background-color:var(--color-blue-900)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-gray-900\/50:hover{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-green-900:hover{background-color:var(--color-green-900)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:bg-pink-200:hover{background-color:var(--color-pink-200)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-red-900:hover{background-color:var(--color-red-900)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}.hover\:bg-yellow-200:hover{background-color:var(--color-yellow-200)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:bg-yellow-900:hover{background-color:var(--color-yellow-900)}.hover\:bg-gradient-to-bl:hover{--tw-gradient-position:to bottom left in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-gradient-to-br:hover{--tw-gradient-position:to bottom right in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{--tw-gradient-position:to left in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-teal-200:hover{--tw-gradient-from:var(--color-teal-200);--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))}.hover\:to-lime-200:hover{--tw-gradient-to:var(--color-lime-200);--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))}.hover\:\!text-blue-700:hover{color:var(--color-blue-700)!important}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-indigo-900:hover{color:var(--color-indigo-900)}.hover\:text-pink-900:hover{color:var(--color-pink-900)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}.hover\:text-purple-900:hover{color:var(--color-purple-900)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\::hover{color:var(--color-white)}.hover\:text-yellow-900:hover{color:var(--color-yellow-900)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:bg-blend-soft-light:hover{background-blend-mode:soft-light}.hover\:shadow:hover{--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)}.hover\:blur-none:hover{--tw-blur: ;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,)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);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,)}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-blue-600:focus{border-color:var(--color-blue-600)}.focus\:border-gray-200:focus{border-color:var(--color-gray-200)}.focus\:border-green-500:focus{border-color:var(--color-green-500)}.focus\:border-green-600:focus{border-color:var(--color-green-600)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-red-600:focus{border-color:var(--color-red-600)}.focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}.focus\:bg-gray-900:focus{background-color:var(--color-gray-900)}.focus\:text-blue-700:focus{color:var(--color-blue-700)}.focus\::focus{color:var(--color-white)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\: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)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#1da1f2\]\/50:focus{--tw-ring-color:oklab(68.1797% -.0710534 -.141606/.5)}.focus\:ring-\[\#3b5998\]\/50:focus{--tw-ring-color:oklab(47.2423% -.0121128 -.107642/.5)}.focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:oklab(50.5418% -.021006 -.201479/.5)}.focus\:ring-\[\#4285F4\]\/50:focus{--tw-ring-color:oklab(63.0386% -.0313976 -.177268/.5)}.focus\:ring-\[\#24292F\]\/50:focus{--tw-ring-color:oklab(27.8502% -.00385141 -.0126262/.5)}.focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:oklab(12.5951% -.00372608 -.00386472/.5)}.focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:oklab(83.1765% .0161951 .153769/.5)}.focus\:ring-\[\#FF9119\]\/50:focus{--tw-ring-color:oklab(75.9167% .0886233 .149248/.5)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-600:focus{--tw-ring-color:var(--color-blue-600)}.focus\:ring-blue-700:focus{--tw-ring-color:var(--color-blue-700)}.focus\:ring-cyan-200:focus{--tw-ring-color:var(--color-cyan-200)}.focus\:ring-cyan-300:focus{--tw-ring-color:var(--color-cyan-300)}.focus\:ring-gray-50:focus{--tw-ring-color:var(--color-gray-50)}.focus\:ring-gray-100:focus{--tw-ring-color:var(--color-gray-100)}.focus\:ring-gray-200:focus{--tw-ring-color:var(--color-gray-200)}.focus\:ring-gray-300:focus{--tw-ring-color:var(--color-gray-300)}.focus\:ring-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-green-200:focus{--tw-ring-color:var(--color-green-200)}.focus\:ring-green-300:focus{--tw-ring-color:var(--color-green-300)}.focus\:ring-green-400:focus{--tw-ring-color:var(--color-green-400)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-lime-200:focus{--tw-ring-color:var(--color-lime-200)}.focus\:ring-lime-300:focus{--tw-ring-color:var(--color-lime-300)}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-pink-200:focus{--tw-ring-color:var(--color-pink-200)}.focus\:ring-pink-300:focus{--tw-ring-color:var(--color-pink-300)}.focus\:ring-purple-200:focus{--tw-ring-color:var(--color-purple-200)}.focus\:ring-purple-300:focus{--tw-ring-color:var(--color-purple-300)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-100:focus{--tw-ring-color:var(--color-red-100)}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-teal-300:focus{--tw-ring-color:var(--color-teal-300)}.focus\:ring-teal-500:focus{--tw-ring-color:var(--color-teal-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-yellow-400:focus{--tw-ring-color:var(--color-yellow-400)}.focus\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:order-last{order:calc(infinity)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:mx-auto{margin-inline:auto}.sm\:ms-2{margin-inline-start:calc(var(--spacing)*2)}.sm\:ms-4{margin-inline-start:calc(var(--spacing)*4)}.sm\:ms-7{margin-inline-start:calc(var(--spacing)*7)}.sm\:ms-auto{margin-inline-start:auto}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mb-0{margin-bottom:calc(var(--spacing)*0)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:ml-64{margin-left:calc(var(--spacing)*64)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-4{height:calc(var(--spacing)*4)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-9{height:calc(var(--spacing)*9)}.sm\:h-64{height:calc(var(--spacing)*64)}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:w-4{width:calc(var(--spacing)*4)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:w-auto{width:auto}.sm\:max-w-\[15rem\]{max-width:15rem}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:px-16{padding-inline:calc(var(--spacing)*16)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:ps-2{padding-inline-start:calc(var(--spacing)*2)}.sm\:ps-4{padding-inline-start:calc(var(--spacing)*4)}.sm\:ps-5{padding-inline-start:calc(var(--spacing)*5)}.sm\:pe-4{padding-inline-end:calc(var(--spacing)*4)}.sm\:pe-8{padding-inline-end:calc(var(--spacing)*8)}.sm\:pt-4{padding-top:calc(var(--spacing)*4)}.sm\:pb-4{padding-bottom:calc(var(--spacing)*4)}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:ring-8{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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)}.sm\:after\:hidden:after{content:var(--tw-content);display:none}.sm\:after\:inline-block:after{content:var(--tw-content);display:inline-block}.sm\:after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:inset-0{inset:calc(var(--spacing)*0)}.md\:end-auto{inset-inline-end:auto}.md\:top-auto{top:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:m-0{margin:calc(var(--spacing)*0)}.md\:mx-2{margin-inline:calc(var(--spacing)*2)}.md\:my-0{margin-block:calc(var(--spacing)*0)}.md\:my-10{margin-block:calc(var(--spacing)*10)}.md\:my-12{margin-block:calc(var(--spacing)*12)}.md\:ms-1{margin-inline-start:calc(var(--spacing)*1)}.md\:ms-2{margin-inline-start:calc(var(--spacing)*2)}.md\:me-0{margin-inline-end:calc(var(--spacing)*0)}.md\:me-4{margin-inline-end:calc(var(--spacing)*4)}.md\:me-6{margin-inline-end:calc(var(--spacing)*6)}.md\:me-24{margin-inline-end:calc(var(--spacing)*24)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mr-0{margin-right:calc(var(--spacing)*0)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\:ml-2{margin-left:calc(var(--spacing)*2)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:h-96{height:calc(var(--spacing)*96)}.md\:h-\[8px\]{height:8px}.md\:h-\[21px\]{height:21px}.md\:h-\[40px\]{height:40px}.md\:h-\[42px\]{height:42px}.md\:h-\[95px\]{height:95px}.md\:h-\[262px\]{height:262px}.md\:h-\[278px\]{height:278px}.md\:h-\[294px\]{height:294px}.md\:h-\[654px\]{height:654px}.md\:h-\[682px\]{height:682px}.md\:h-auto{height:auto}.md\:w-32{width:calc(var(--spacing)*32)}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-64{width:calc(var(--spacing)*64)}.md\:w-\[96px\]{width:96px}.md\:w-\[185px\]{width:185px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[142px\]{max-width:142px}.md\:max-w-\[512px\]{max-width:512px}.md\:max-w-\[597px\]{max-width:597px}.md\:max-w-screen-md{max-width:var(--breakpoint-md)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.md\:rounded-none{border-radius:0}.md\:rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.md\:rounded-ss-lg{border-start-start-radius:var(--radius-lg)}.md\:rounded-se-lg{border-start-end-radius:var(--radius-lg)}.md\:rounded-es-lg{border-end-start-radius:var(--radius-lg)}.md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-5{padding-inline:calc(var(--spacing)*5)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-8{padding-block:calc(var(--spacing)*8)}.md\:pe-4{padding-inline-end:calc(var(--spacing)*4)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:pb-4{padding-bottom:calc(var(--spacing)*4)}.md\:pb-5{padding-bottom:calc(var(--spacing)*5)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:text-blue-700{color:var(--color-blue-700)}.md\:text-green-700{color:var(--color-green-700)}@media (hover:hover){.md\:hover\:bg-transparent:hover{background-color:#0000}.md\:hover\:text-blue-600:hover{color:var(--color-blue-600)}.md\:hover\:text-blue-700:hover{color:var(--color-blue-700)}.md\:hover\:text-green-700:hover{color:var(--color-green-700)}}}@media (width>=64rem){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing)*28)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:my-8{margin-block:calc(var(--spacing)*8)}.lg\:my-12{margin-block:calc(var(--spacing)*12)}.lg\:format-lg{font-size:1.125rem;line-height:1.77778}.lg\:format-lg :where(p):not(:where([class~=not-format] *)){margin-top:1.33333em;margin-bottom:1.33333em}.lg\:format-lg :where([class~=lead]):not(:where([class~=not-format] *)){margin-top:1.09091em;margin-bottom:1.09091em;font-size:1.22222em;line-height:1.45455}.lg\:format-lg :where(blockquote):not(:where([class~=not-format] *)):before{margin-top:1.66667em}.lg\:format-lg :where(blockquote>p:first-child):not(:where([class~=not-format] *)){margin-top:.5em}.lg\:format-lg :where(h1):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.833333em;font-size:2.66667em;line-height:1}.lg\:format-lg :where(h2):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.666667em;font-size:2em;line-height:1.33333}.lg\:format-lg :where(h3):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.666667em;font-size:1.33333em;line-height:1.5}.lg\:format-lg :where(h4):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.444444em;line-height:1.55556}.lg\:format-lg :where(img):not(:where([class~=not-format] *)),.lg\:format-lg :where(video):not(:where([class~=not-format] *)),.lg\:format-lg :where(figure):not(:where([class~=not-format] *)){margin-top:1.77778em;margin-bottom:1.77778em}.lg\:format-lg :where(figure>*):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:0}.lg\:format-lg :where(figcaption):not(:where([class~=not-format] *)){margin-top:1em;font-size:.888889em;line-height:1.5}.lg\:format-lg :where(code):not(:where([class~=not-format] *)){font-size:.888889em}.lg\:format-lg :where(h2 code):not(:where([class~=not-format] *)){font-size:.866667em}.lg\:format-lg :where(h3 code):not(:where([class~=not-format] *)){font-size:.875em}.lg\:format-lg :where(pre):not(:where([class~=not-format] *)){border-radius:.375rem;margin-top:2em;margin-bottom:2em;padding:1em 1.5em;font-size:.888889em;line-height:1.75}.lg\:format-lg :where(ol):not(:where([class~=not-format] *)),.lg\:format-lg :where(ul):not(:where([class~=not-format] *)){margin-top:1.33333em;margin-bottom:1.33333em;padding-left:1.55556em}.lg\:format-lg :where(li):not(:where([class~=not-format] *)){margin-top:.666667em;margin-bottom:.666667em}.lg\:format-lg :where(ol>li):not(:where([class~=not-format] *)),.lg\:format-lg :where(ul>li):not(:where([class~=not-format] *)){padding-left:.444444em}.lg\:format-lg :where(.format>ul>li p):not(:where([class~=not-format] *)){margin-top:.888889em;margin-bottom:.888889em}.lg\:format-lg :where(.format>ul>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.33333em}.lg\:format-lg :where(.format>ul>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.33333em}.lg\:format-lg :where(.format>ol>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.33333em}.lg\:format-lg :where(.format>ol>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.33333em}.lg\:format-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-format] *)){margin-top:.888889em;margin-bottom:.888889em}.lg\:format-lg :where(hr):not(:where([class~=not-format] *)){margin-top:3.11111em;margin-bottom:3.11111em}.lg\:format-lg :where(hr+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h2+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h3+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h4+*):not(:where([class~=not-format] *)){margin-top:0}.lg\:format-lg :where(table):not(:where([class~=not-format] *)){font-size:.888889em;line-height:1.5}.lg\:format-lg :where(thead th):not(:where([class~=not-format] *)){padding-bottom:.75em;padding-left:.75em;padding-right:.75em}.lg\:format-lg :where(thead th:last-child):not(:where([class~=not-format] *)){padding-right:0}.lg\:format-lg :where(tbody td,tfoot td):not(:where([class~=not-format] *)){padding:.75em}.lg\:format-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-format] *)){padding-right:0}.lg\:format-lg :where(.format>:first-child):not(:where([class~=not-format] *)){margin-top:0}.lg\:format-lg :where(.format>:last-child):not(:where([class~=not-format] *)){margin-bottom:0}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-10{margin-top:calc(var(--spacing)*10)}.lg\:mr-0{margin-right:calc(var(--spacing)*0)}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-8{margin-bottom:calc(var(--spacing)*8)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-4{height:calc(var(--spacing)*4)}.lg\:h-5{height:calc(var(--spacing)*5)}.lg\:h-6{height:calc(var(--spacing)*6)}.lg\:h-12{height:calc(var(--spacing)*12)}.lg\:h-\[calc\(100vh-3rem\)\]{height:calc(100vh - 3rem)}.lg\:h-auto{height:auto}.lg\:max-h-full{max-height:100%}.lg\:w-4{width:calc(var(--spacing)*4)}.lg\:w-5{width:calc(var(--spacing)*5)}.lg\:w-6{width:calc(var(--spacing)*6)}.lg\:w-12{width:calc(var(--spacing)*12)}.lg\:w-48{width:calc(var(--spacing)*48)}.lg\:w-96{width:calc(var(--spacing)*96)}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:var(--container-7xl)}.lg\:max-w-screen-lg{max-width:var(--breakpoint-lg)}.lg\:max-w-xl{max-width:var(--container-xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}:where(.lg\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.lg\:self-center{align-self:center}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-visible{overflow-y:visible}.lg\:border-0{border-style:var(--tw-border-style);border-width:0}.lg\:bg-transparent{background-color:#0000}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-2{padding-inline:calc(var(--spacing)*2)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:px-5{padding-inline:calc(var(--spacing)*5)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:px-36{padding-inline:calc(var(--spacing)*36)}.lg\:px-48{padding-inline:calc(var(--spacing)*48)}.lg\:py-0{padding-block:calc(var(--spacing)*0)}.lg\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.lg\:py-4{padding-block:calc(var(--spacing)*4)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-56{padding-block:calc(var(--spacing)*56)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-2{padding-top:calc(var(--spacing)*2)}.lg\:pt-8{padding-top:calc(var(--spacing)*8)}.lg\:pb-16{padding-bottom:calc(var(--spacing)*16)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:pl-0{padding-left:calc(var(--spacing)*0)}.lg\:pl-3{padding-left:calc(var(--spacing)*3)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.lg\:text-blue-700{color:var(--color-blue-700)}@media (hover:hover){.lg\:hover\:bg-transparent:hover{background-color:#0000}.lg\:hover\:text-blue-700:hover{color:var(--color-blue-700)}}}@media (width>=80rem){.xl\:ml-20{margin-left:calc(var(--spacing)*20)}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:h-80{height:calc(var(--spacing)*80)}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-0{gap:calc(var(--spacing)*0)}.xl\:gap-16{gap:calc(var(--spacing)*16)}.xl\:gap-24{gap:calc(var(--spacing)*24)}.xl\:px-2{padding-inline:calc(var(--spacing)*2)}.xl\:px-48{padding-inline:calc(var(--spacing)*48)}.xl\:pt-24{padding-top:calc(var(--spacing)*24)}.xl\:pb-24{padding-bottom:calc(var(--spacing)*24)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.xl\:after\:mx-10:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*10)}}@media (width>=96rem){.\32 xl\:block{display:block}.\32 xl\:h-96{height:calc(var(--spacing)*96)}.\32 xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32 xl\:gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.\32 xl\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}}.rtl\:inset-x-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){inset-inline:calc(var(--spacing)*0)}.rtl\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){right:calc(var(--spacing)*0)}.rtl\:ml-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:calc(var(--spacing)*0)}.rtl\:ml-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:calc(var(--spacing)*2)}.rtl\:translate-x-1\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\:rotate-\[270deg\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:270deg}.rtl\:justify-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){justify-content:flex-end}.rtl\:gap-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *){gap:calc(var(--spacing)*8)}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}.rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:left}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}:where(.rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}.rtl\:peer-focus\:left-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){left:auto}.rtl\:peer-focus\:translate-x-1\/4:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x:calc(1/4*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after,.rtl\:peer-checked\:after\:translate-x-\[-100\%\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (width>=40rem){:where(.sm\:rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}}@media (width>=48rem){:where(.md\:rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:inline-block:where(.dark,.dark *){display:inline-block}:where(.dark\:divide-gray-600:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-600)}:where(.dark\:divide-gray-700:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:\!border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)!important}.dark\:border-blue-400:where(.dark,.dark *){border-color:var(--color-blue-400)}.dark\:border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)}.dark\:border-blue-600:where(.dark,.dark *){border-color:var(--color-blue-600)}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:border-gray-400:where(.dark,.dark *){border-color:var(--color-gray-400)}.dark\:border-gray-500:where(.dark,.dark *){border-color:var(--color-gray-500)}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-800:where(.dark,.dark *){border-color:var(--color-gray-800)}.dark\:border-gray-900:where(.dark,.dark *){border-color:var(--color-gray-900)}.dark\:border-green-500:where(.dark,.dark *){border-color:var(--color-green-500)}.dark\:border-green-600:where(.dark,.dark *){border-color:var(--color-green-600)}.dark\:border-green-800:where(.dark,.dark *){border-color:var(--color-green-800)}.dark\:border-purple-400:where(.dark,.dark *){border-color:var(--color-purple-400)}.dark\:border-purple-500:where(.dark,.dark *){border-color:var(--color-purple-500)}.dark\:border-red-500:where(.dark,.dark *){border-color:var(--color-red-500)}.dark\:border-red-600:where(.dark,.dark *){border-color:var(--color-red-600)}.dark\:border-red-800:where(.dark,.dark *){border-color:var(--color-red-800)}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:border-yellow-300:where(.dark,.dark *){border-color:var(--color-yellow-300)}.dark\:border-yellow-800:where(.dark,.dark *){border-color:var(--color-yellow-800)}.dark\:border-s-gray-700:where(.dark,.dark *){border-inline-start-color:var(--color-gray-700)}.dark\:border-e-gray-700:where(.dark,.dark *){border-inline-end-color:var(--color-gray-700)}.dark\:\!bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)!important}.dark\:bg-blue-200:where(.dark,.dark *){background-color:var(--color-blue-200)}.dark\:bg-blue-400:where(.dark,.dark *){background-color:var(--color-blue-400)}.dark\:bg-blue-500:where(.dark,.dark *){background-color:var(--color-blue-500)}.dark\:bg-blue-600:where(.dark,.dark *){background-color:var(--color-blue-600)}.dark\:bg-blue-800:where(.dark,.dark *){background-color:var(--color-blue-800)}.dark\:bg-blue-900:where(.dark,.dark *){background-color:var(--color-blue-900)}.dark\:bg-gray-300:where(.dark,.dark *){background-color:var(--color-gray-300)}.dark\:bg-gray-400:where(.dark,.dark *){background-color:var(--color-gray-400)}.dark\:bg-gray-500:where(.dark,.dark *){background-color:var(--color-gray-500)}.dark\:bg-gray-600:where(.dark,.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800)30%,transparent)}.dark\:bg-gray-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-900\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)60%,transparent)}.dark\:bg-gray-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}.dark\:bg-green-500:where(.dark,.dark *){background-color:var(--color-green-500)}.dark\:bg-green-600:where(.dark,.dark *){background-color:var(--color-green-600)}.dark\:bg-green-800:where(.dark,.dark *){background-color:var(--color-green-800)}.dark\:bg-green-900:where(.dark,.dark *){background-color:var(--color-green-900)}.dark\:bg-indigo-500:where(.dark,.dark *){background-color:var(--color-indigo-500)}.dark\:bg-indigo-900:where(.dark,.dark *){background-color:var(--color-indigo-900)}.dark\:bg-orange-200:where(.dark,.dark *){background-color:var(--color-orange-200)}.dark\:bg-orange-400:where(.dark,.dark *){background-color:var(--color-orange-400)}.dark\:bg-orange-700:where(.dark,.dark *){background-color:var(--color-orange-700)}.dark\:bg-pink-900:where(.dark,.dark *){background-color:var(--color-pink-900)}.dark\:bg-purple-500:where(.dark,.dark *){background-color:var(--color-purple-500)}.dark\:bg-purple-600:where(.dark,.dark *){background-color:var(--color-purple-600)}.dark\:bg-purple-900:where(.dark,.dark *){background-color:var(--color-purple-900)}.dark\:bg-red-500:where(.dark,.dark *){background-color:var(--color-red-500)}.dark\:bg-red-600:where(.dark,.dark *){background-color:var(--color-red-600)}.dark\:bg-red-800:where(.dark,.dark *){background-color:var(--color-red-800)}.dark\:bg-red-900:where(.dark,.dark *){background-color:var(--color-red-900)}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-yellow-300:where(.dark,.dark *){background-color:var(--color-yellow-300)}.dark\:bg-yellow-900:where(.dark,.dark *){background-color:var(--color-yellow-900)}.dark\:bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern-dark\.svg\'\)\]:where(.dark,.dark *){background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg)}.dark\:from-blue-900:where(.dark,.dark *){--tw-gradient-from:var(--color-blue-900);--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))}.dark\:fill-gray-300:where(.dark,.dark *){fill:var(--color-gray-300)}.dark\:fill-gray-400:where(.dark,.dark *){fill:var(--color-gray-400)}.dark\:fill-gray-500:where(.dark,.dark *){fill:var(--color-gray-500)}.dark\:fill-white:where(.dark,.dark *){fill:var(--color-white)}.dark\:\!text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)!important}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.dark\:text-blue-500\/25:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)25%,transparent)}.dark\:text-blue-500\/50:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}.dark\:text-blue-500\/75:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)75%,transparent)}.dark\:text-blue-500\/100:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)100%,transparent)}.dark\:text-blue-600:where(.dark,.dark *){color:var(--color-blue-600)}.dark\:text-blue-800:where(.dark,.dark *){color:var(--color-blue-800)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}.dark\:text-gray-700:where(.dark,.dark *){color:var(--color-gray-700)}.dark\:text-gray-800:where(.dark,.dark *){color:var(--color-gray-800)}.dark\:text-gray-900:where(.dark,.dark *){color:var(--color-gray-900)}.dark\:text-green-200:where(.dark,.dark *){color:var(--color-green-200)}.dark\:text-green-300:where(.dark,.dark *){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-green-500:where(.dark,.dark *){color:var(--color-green-500)}.dark\:text-green-600:where(.dark,.dark *){color:var(--color-green-600)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-indigo-500:where(.dark,.dark *){color:var(--color-indigo-500)}.dark\:text-orange-200:where(.dark,.dark *){color:var(--color-orange-200)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-orange-900:where(.dark,.dark *){color:var(--color-orange-900)}.dark\:text-pink-300:where(.dark,.dark *){color:var(--color-pink-300)}.dark\:text-pink-400:where(.dark,.dark *){color:var(--color-pink-400)}.dark\:text-purple-300:where(.dark,.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-purple-500:where(.dark,.dark *){color:var(--color-purple-500)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-red-500:where(.dark,.dark *){color:var(--color-red-500)}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\::where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-300:where(.dark,.dark *){color:var(--color-yellow-300)}.dark\:text-yellow-500:where(.dark,.dark *){color:var(--color-yellow-500)}.dark\:decoration-blue-600:where(.dark,.dark *){-webkit-text-decoration-color:var(--color-blue-600);-webkit-text-decoration-color:var(--color-blue-600);text-decoration-color:var(--color-blue-600)}.dark\:placeholder-gray-400:where(.dark,.dark *)::placeholder{color:var(--color-gray-400)}.dark\:placeholder-green-500:where(.dark,.dark *)::placeholder{color:var(--color-green-500)}.dark\:placeholder-red-500:where(.dark,.dark *)::placeholder{color:var(--color-red-500)}.dark\:shadow-lg:where(.dark,.dark *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.dark\:shadow-blue-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-blue-800)80%,transparent)}.dark\:shadow-cyan-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-cyan-800)80%,transparent)}.dark\:shadow-gray-800:where(.dark,.dark *){--tw-shadow-color:var(--color-gray-800)}.dark\:shadow-green-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-green-800)80%,transparent)}.dark\:shadow-lime-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-lime-800)80%,transparent)}.dark\:shadow-pink-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-pink-800)80%,transparent)}.dark\:shadow-purple-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-purple-800)80%,transparent)}.dark\:shadow-red-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-red-800)80%,transparent)}.dark\:shadow-teal-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-teal-800)80%,transparent)}.dark\:ring-gray-500:where(.dark,.dark *){--tw-ring-color:var(--color-gray-500)}.dark\:ring-gray-700:where(.dark,.dark *){--tw-ring-color:var(--color-gray-700)}.dark\:ring-gray-900:where(.dark,.dark *){--tw-ring-color:var(--color-gray-900)}.dark\:ring-offset-gray-700:where(.dark,.dark *){--tw-ring-offset-color:var(--color-gray-700)}.dark\:ring-offset-gray-800:where(.dark,.dark *){--tw-ring-offset-color:var(--color-gray-800)}.dark\:format-invert:where(.dark,.dark *){--tw-format-body:var(--tw-format-invert-body);--tw-format-headings:var(--tw-format-invert-headings);--tw-format-lead:var(--tw-format-invert-lead);--tw-format-links:var(--tw-format-invert-links);--tw-format-bold:var(--tw-format-invert-bold);--tw-format-counters:var(--tw-format-invert-counters);--tw-format-bullets:var(--tw-format-invert-bullets);--tw-format-hr:var(--tw-format-invert-hr);--tw-format-quotes:var(--tw-format-invert-quotes);--tw-format-quote-borders:var(--tw-format-invert-quote-borders);--tw-format-captions:var(--tw-format-invert-captions);--tw-format-code:var(--tw-format-invert-code);--tw-format-code-bg:var(--tw-format-invert-code-bg);--tw-format-pre-code:var(--tw-format-invert-pre-code);--tw-format-pre-bg:var(--tw-format-invert-pre-bg);--tw-format-th-borders:var(--tw-format-invert-th-borders);--tw-format-td-borders:var(--tw-format-invert-td-borders);--tw-format-th-bg:var(--tw-format-invert-th-bg)}@media (hover:hover){.dark\:group-hover\:bg-gray-700:where(.dark,.dark *):is(:where(.group):hover *){background-color:var(--color-gray-700)}.dark\:group-hover\:bg-gray-800\/60:where(.dark,.dark *):is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gray-800)60%,transparent)}.group-hover\:dark\:bg-transparent:is(:where(.group):hover *):where(.dark,.dark *){background-color:#0000}.dark\:group-hover\:text-blue-500:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-500)}.dark\:group-hover\:text-gray-300:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-gray-300)}.dark\:group-hover\::where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-white)}}.dark\:group-focus\::where(.dark,.dark *):is(:where(.group):focus *){color:var(--color-white)}.dark\:group-focus\:ring-gray-800\/70:where(.dark,.dark *):is(:where(.group):focus *){--tw-ring-color:color-mix(in oklab,var(--color-gray-800)70%,transparent)}.dark\:peer-checked\:border-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){border-color:var(--color-blue-500)}.dark\:peer-checked\:border-blue-600:where(.dark,.dark *):is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.dark\:peer-checked\:bg-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-500)}.dark\:peer-checked\:bg-blue-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.dark\:peer-checked\:bg-blue-900:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-900)}.dark\:peer-checked\:bg-green-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-green-600)}.dark\:peer-checked\::where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-orange-500)}.dark\:peer-checked\:bg-purple-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-purple-600)}.dark\:peer-checked\:bg-red-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-red-600)}.dark\:peer-checked\:bg-teal-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-teal-600)}.dark\:peer-checked\:bg-yellow-400:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-yellow-400)}.dark\:peer-checked\:text-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-blue-500)}.dark\:peer-checked\:text-gray-300:where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-gray-300)}.dark\:peer-checked\::where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-white)}.peer-focus\:dark\:text-blue-500:is(:where(.peer):focus~*):where(.dark,.dark *){color:var(--color-blue-500)}.dark\:peer-focus\:ring-blue-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-800)}.dark\:peer-focus\:ring-green-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-800)}.dark\:peer-focus\:ring-orange-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-orange-800)}.dark\:peer-focus\:ring-purple-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-purple-800)}.dark\:peer-focus\:ring-red-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-red-800)}.dark\:peer-focus\:ring-teal-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-teal-800)}.dark\:peer-focus\:ring-yellow-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-yellow-800)}.dark\:first-letter\:text-gray-100:where(.dark,.dark *):first-letter{color:var(--color-gray-100)}.dark\:after\:border-blue-800:where(.dark,.dark *):after{content:var(--tw-content);border-color:var(--color-blue-800)}.dark\:after\:border-gray-700:where(.dark,.dark *):after{content:var(--tw-content);border-color:var(--color-gray-700)}.dark\:after\:text-gray-500:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-gray-500)}.odd\:dark\:bg-gray-900:nth-child(odd):where(.dark,.dark *){background-color:var(--color-gray-900)}.even\:dark\:bg-gray-800:nth-child(2n):where(.dark,.dark *){background-color:var(--color-gray-800)}@media (hover:hover){.dark\:hover\:border-blue-600:where(.dark,.dark *):hover{border-color:var(--color-blue-600)}.dark\:hover\:border-blue-700:where(.dark,.dark *):hover{border-color:var(--color-blue-700)}.dark\:hover\:border-gray-500:where(.dark,.dark *):hover{border-color:var(--color-gray-500)}.dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:border-gray-700:where(.dark,.dark *):hover{border-color:var(--color-gray-700)}.dark\:hover\:bg-\[\#050708\]\/30:where(.dark,.dark *):hover{background-color:oklab(12.5951% -.00372608 -.00386472/.3)}.dark\:hover\:bg-\[\#050708\]\/40:where(.dark,.dark *):hover{background-color:oklab(12.5951% -.00372608 -.00386472/.4)}.dark\:hover\:bg-\[\#FF9119\]\/80:where(.dark,.dark *):hover{background-color:oklab(75.9167% .0886233 .149248/.8)}.dark\:hover\:bg-blue-500:where(.dark,.dark *):hover{background-color:var(--color-blue-500)}.dark\:hover\:bg-blue-600:where(.dark,.dark *):hover{background-color:var(--color-blue-600)}.dark\:hover\:bg-blue-700:where(.dark,.dark *):hover{background-color:var(--color-blue-700)}.dark\:hover\:bg-blue-800:where(.dark,.dark *):hover{background-color:var(--color-blue-800)}.dark\:hover\:bg-gray-200:where(.dark,.dark *):hover{background-color:var(--color-gray-200)}.dark\:hover\:bg-gray-500:where(.dark,.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:bg-gray-600:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:where(.dark,.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:where(.dark,.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-green-600:where(.dark,.dark *):hover{background-color:var(--color-green-600)}.dark\:hover\:bg-green-700:where(.dark,.dark *):hover{background-color:var(--color-green-700)}.dark\:hover\:bg-green-800:where(.dark,.dark *):hover{background-color:var(--color-green-800)}.dark\:hover\:bg-indigo-800:where(.dark,.dark *):hover{background-color:var(--color-indigo-800)}.dark\:hover\:bg-pink-800:where(.dark,.dark *):hover{background-color:var(--color-pink-800)}.dark\:hover\:bg-purple-500:where(.dark,.dark *):hover{background-color:var(--color-purple-500)}.dark\:hover\:bg-purple-700:where(.dark,.dark *):hover{background-color:var(--color-purple-700)}.dark\:hover\:bg-purple-800:where(.dark,.dark *):hover{background-color:var(--color-purple-800)}.dark\:hover\:bg-red-600:where(.dark,.dark *):hover{background-color:var(--color-red-600)}.dark\:hover\:bg-red-700:where(.dark,.dark *):hover{background-color:var(--color-red-700)}.dark\:hover\:bg-red-800:where(.dark,.dark *):hover{background-color:var(--color-red-800)}.dark\:hover\:bg-yellow-300:where(.dark,.dark *):hover{background-color:var(--color-yellow-300)}.dark\:hover\:bg-yellow-400:where(.dark,.dark *):hover{background-color:var(--color-yellow-400)}.dark\:hover\:bg-yellow-800:where(.dark,.dark *):hover{background-color:var(--color-yellow-800)}.dark\:hover\:\!text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)!important}.dark\:hover\:text-blue-300:where(.dark,.dark *):hover{color:var(--color-blue-300)}.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}.dark\:hover\:text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)}.dark\:hover\:text-blue-600:where(.dark,.dark *):hover{color:var(--color-blue-600)}.dark\:hover\:text-blue-700:where(.dark,.dark *):hover{color:var(--color-blue-700)}.dark\:hover\:text-gray-100:where(.dark,.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-gray-400:where(.dark,.dark *):hover{color:var(--color-gray-400)}.dark\:hover\:text-gray-800:where(.dark,.dark *):hover{color:var(--color-gray-800)}.dark\:hover\:text-gray-900:where(.dark,.dark *):hover{color:var(--color-gray-900)}.dark\:hover\:text-green-300:where(.dark,.dark *):hover{color:var(--color-green-300)}.dark\:hover\:text-indigo-300:where(.dark,.dark *):hover{color:var(--color-indigo-300)}.dark\:hover\:text-pink-300:where(.dark,.dark *):hover{color:var(--color-pink-300)}.dark\:hover\:text-purple-300:where(.dark,.dark *):hover{color:var(--color-purple-300)}.dark\:hover\:text-purple-500:where(.dark,.dark *):hover{color:var(--color-purple-500)}.dark\:hover\:text-red-300:where(.dark,.dark *):hover{color:var(--color-red-300)}.dark\:hover\::where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:text-yellow-300:where(.dark,.dark *):hover{color:var(--color-yellow-300)}.dark\:hover\:bg-blend-darken:where(.dark,.dark *):hover{background-blend-mode:darken}}.dark\:focus\:border-blue-500:where(.dark,.dark *):focus{border-color:var(--color-blue-500)}.dark\:focus\:border-green-500:where(.dark,.dark *):focus{border-color:var(--color-green-500)}.dark\:focus\:border-red-500:where(.dark,.dark *):focus{border-color:var(--color-red-500)}.dark\:focus\:bg-blue-600:where(.dark,.dark *):focus{background-color:var(--color-blue-600)}.dark\:focus\:bg-gray-700:where(.dark,.dark *):focus{background-color:var(--color-gray-700)}.dark\:focus\::where(.dark,.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-\[\#1da1f2\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(68.1797% -.0710534 -.141606/.55)}.dark\:focus\:ring-\[\#3b5998\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(47.2423% -.0121128 -.107642/.55)}.dark\:focus\:ring-\[\#2557D6\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(50.5418% -.021006 -.201479/.5)}.dark\:focus\:ring-\[\#4285F4\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(63.0386% -.0313976 -.177268/.55)}.dark\:focus\:ring-\[\#050708\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(12.5951% -.00372608 -.00386472/.5)}.dark\:focus\:ring-\[\#F7BE38\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(83.1765% .0161951 .153769/.5)}.dark\:focus\:ring-\[\#FF9119\]\/40:where(.dark,.dark *):focus{--tw-ring-color:oklab(75.9167% .0886233 .149248/.4)}.dark\:focus\:ring-blue-500:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-500)}.dark\:focus\:ring-blue-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-600)}.dark\:focus\:ring-blue-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-800)}.dark\:focus\:ring-blue-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-900)}.dark\:focus\:ring-cyan-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-cyan-800)}.dark\:focus\:ring-gray-400:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-400)}.dark\:focus\:ring-gray-500:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-500)}.dark\:focus\:ring-gray-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-600)}.dark\:focus\:ring-gray-700:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-700)}.dark\:focus\:ring-gray-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-800)}.dark\:focus\:ring-green-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-green-600)}.dark\:focus\:ring-green-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-green-800)}.dark\:focus\:ring-lime-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-lime-800)}.dark\:focus\:ring-orange-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-orange-600)}.dark\:focus\:ring-pink-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-pink-800)}.dark\:focus\:ring-purple-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-600)}.dark\:focus\:ring-purple-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-800)}.dark\:focus\:ring-purple-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-900)}.dark\:focus\:ring-red-400:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-400)}.dark\:focus\:ring-red-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-600)}.dark\:focus\:ring-red-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-800)}.dark\:focus\:ring-red-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-900)}.dark\:focus\:ring-teal-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-600)}.dark\:focus\:ring-teal-700:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-700)}.dark\:focus\:ring-teal-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-800)}.dark\:focus\:ring-yellow-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-600)}.dark\:focus\:ring-yellow-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-800)}.dark\:focus\:ring-yellow-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-900)}.dark\:focus\:ring-offset-gray-700:where(.dark,.dark *):focus{--tw-ring-offset-color:var(--color-gray-700)}.dark\:focus\:ring-offset-gray-800:where(.dark,.dark *):focus{--tw-ring-offset-color:var(--color-gray-800)}@media (width>=48rem){.md\:dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.md\:dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.md\:dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.md\:dark\::where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.md\:dark\:hover\:bg-transparent:where(.dark,.dark *):hover{background-color:#0000}.md\:dark\:hover\:text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)}.md\:dark\:hover\::where(.dark,.dark *):hover{color:var(--color-white)}}}@media (width>=64rem){@media (hover:hover){.lg\:dark\:hover\:bg-transparent:where(.dark,.dark *):hover{background-color:#0000}.lg\:dark\:hover\::where(.dark,.dark *):hover{color:var(--color-white)}}}.\[\&_div\>button\]\:bg-gray-50 div>button{background-color:var(--color-gray-50)}.\[\&\>div\]\:mx-auto>div{margin-inline:auto}.\[\&\>div\>div\]\:bg-gray-50>div>div{background-color:var(--color-gray-50)}.\[\&\>div\>div\]\:shadow-none>div>div{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.yt-video{height:250px}@media only screen and (width>=768px){.yt-video{height:350px}}@media only screen and (width>=1024px){.yt-video{height:450px}}@media only screen and (width<=1024px){.collapse.collapsed{display:none}}#TableOfContents>ul{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-500);overflow-x:hidden}#TableOfContents>ul:where(.dark,.dark *){color:var(--color-gray-400)}#TableOfContents>ul>li{padding-block:calc(var(--spacing)*2)}#TableOfContents>ul>li>a{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-white);padding-left:calc(var(--spacing)*2.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-duration:.2s;transition-property:none;transition-duration:.2s;display:block}#TableOfContents>ul>li>a:after{content:var(--tw-content);margin-left:calc(var(--spacing)*2);content:var(--tw-content);color:var(--color-blue-700);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:var(--tw-content);--tw-duration:.1s;content:var(--tw-content);--tw-content:"#";content:var(--tw-content);transition-duration:.1s}@media (hover:hover){#TableOfContents>ul>li>a:hover{border-color:var(--color-gray-300);color:var(--color-gray-900)}#TableOfContents>ul>li>a:hover:after{content:var(--tw-content);opacity:1}}#TableOfContents>ul>li>a:where(.dark,.dark *){border-color:var(--color-gray-900)}#TableOfContents>ul>li>a:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-blue-500)}@media (hover:hover){#TableOfContents>ul>li>a:where(.dark,.dark *):hover{border-color:var(--color-gray-700);color:var(--color-white)}}#TableOfContents>ul>li>ul>li>a{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-white);padding-left:calc(var(--spacing)*6);--tw-duration:.2s;transition-property:none;transition-duration:.2s}#TableOfContents>ul>li>ul>li>a:after{content:var(--tw-content);margin-left:calc(var(--spacing)*2);content:var(--tw-content);color:var(--color-blue-700);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:var(--tw-content);--tw-duration:.1s;content:var(--tw-content);--tw-content:"#";content:var(--tw-content);transition-duration:.1s}@media (hover:hover){#TableOfContents>ul>li>ul>li>a:hover{border-color:var(--color-gray-300);color:var(--color-gray-900)}#TableOfContents>ul>li>ul>li>a:hover:after{content:var(--tw-content);opacity:1}}#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *){border-color:var(--color-gray-900)}#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-blue-500)}@media (hover:hover){#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *):hover{border-color:var(--color-gray-700);color:var(--color-white)}}#TableOfContents>ul>li>ul{padding-top:calc(var(--spacing)*2)}#TableOfContents>ul>li>ul>li{padding-block:calc(var(--spacing)*2)}#TableOfContents>ul>li>ul>li:last-of-type{padding-bottom:calc(var(--spacing)*0)}.highlight{overflow:hidden}#mainContent>h2{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*4);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#mainContent>h2:where(.dark,.dark *){color:var(--color-white)}#mainContent>h3,#mainContent>h4{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:is(#mainContent>h3,#mainContent>h4):where(.dark,.dark *){color:var(--color-white)}#mainContent>p{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-600)}#mainContent>p:where(.dark,.dark *){color:var(--color-gray-400)}#mainContent>p>a,#mainContent>ul>li>a,#mainContent>ol>li>a,#mainContent>ul>li>p>a,#mainContent>ol>li>p>a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-blue-600);-webkit-text-decoration-color:var(--color-blue-600);text-decoration-color:var(--color-blue-600);text-underline-offset:2px;text-decoration-thickness:1px}:is(#mainContent>p>a,#mainContent>ul>li>a,#mainContent>ol>li>a,#mainContent>ul>li>p>a,#mainContent>ol>li>p>a):where(.dark,.dark *){color:var(--color-gray-300);-webkit-text-decoration-color:var(--color-blue-500);-webkit-text-decoration-color:var(--color-blue-500);text-decoration-color:var(--color-blue-500)}#mainContent>p>a:hover,#mainContent>ul>li>a:hover,#mainContent>ol>li>a:hover,#mainContent>ul>li>p>a:hover,#mainContent>ol>li>p>a:hover{color:var(--color-gray-900);text-decoration-thickness:2px}:is(#mainContent>p>a:hover,#mainContent>ul>li>a:hover,#mainContent>ol>li>a:hover,#mainContent>ul>li>p>a:hover,#mainContent>ol>li>p>a:hover):where(.dark,.dark *){color:var(--color-white)}#mainContent>p>code,#mainContent>ul>li>code,#mainContent>ol>li>code{padding-inline:calc(var(--spacing)*1);font-family:var(--);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));word-break:break-all;color:var(--color-blue-600)}:is(#mainContent>p>code,#mainContent>ul>li>code,#mainContent>ol>li>code):where(.dark,.dark *){color:var(--color-blue-400)}#mainContent>ul{list-style:outside}#mainContent>ol{list-style:decimal}#mainContent p>strong{color:var(--color-gray-900)}#mainContent p>strong:where(.dark,.dark *){color:var(--color-white)}#mainContent>ul,#mainContent>ol{padding-left:1rem}#mainContent>ul>li,#mainContent>ol>li{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-600)}:is(#mainContent>ul>li,#mainContent>ol>li):where(.dark,.dark *){color:var(--color-gray-400)}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;text-shadow:none;tab-size:4;-webkit-hyphens:none;hyphens:none;--tw-font-weight:var(--font-weight-normal);font-family:Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;font-weight:var(--font-weight-normal);color:var(--color-gray-500);direction:ltr}:is(code[class*=language-],pre[class*=language-]):where(.dark,.dark *){color:var(--color-gray-400)}.highlight pre[class*=language-]{margin:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*8);border-radius:var(--radius-xl);background-color:var(--color-gray-50);padding:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow:auto}.highlight pre[class*=language-]:where(.dark,.dark *){background-color:var(--color-gray-800)}[data-code-wrapper] .highlight pre[class*=language-]{margin-block:calc(var(--spacing)*0)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper] .highlight pre[class*=language-],.code-preview-wrapper+.code-syntax-wrapper>.code-syntax{margin-top:calc(var(--spacing)*0);border-radius:0;overflow:scroll hidden}.code-preview-wrapper+.code-syntax-wrapper{margin-bottom:calc(var(--spacing)*4)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper]>.highlight>pre[class*=language-]{margin:calc(var(--spacing)*0);background-color:var(--color-gray-50);padding:calc(var(--spacing)*4)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper]>.highlight>pre[class*=language-]:where(.dark,.dark *){background-color:var(--color-gray-800)}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:var(--color-gray-50)}:is(:not(pre)>code[class*=language-],pre[class*=language-]):where(.dark,.dark *){background-color:var(--color-gray-800)}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--color-gray-800)}:is(.token.comment,.token.prolog,.token.doctype,.token.cdata):where(.dark,.dark *){color:var(--color-gray-400)}.token.punctuation{color:var(--color-gray-800)}.token.punctuation:where(.dark,.dark *){color:var(--color-gray-400)}.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:var(--color-pink-700)}:is(.token.property,.token.keyword,.token.tag):where(.dark,.dark *){color:var(--color-pink-400)}.token.class-name{color:var(--color-violet-700);text-decoration:underline}.token.class-name:where(.dark,.dark *){color:var(--color-violet-400)}.token.boolean,.token.constant{color:var(--color-green-600)}:is(.token.boolean,.token.constant):where(.dark,.dark *){color:var(--color-green-400)}.token.symbol,.token.deleted{color:var(--color-red-500)}:is(.token.symbol,.token.deleted):where(.dark,.dark *){color:var(--color-red-400)}.token.number{color:var(--color-violet-700)}.token.number:where(.dark,.dark *){color:var(--color-violet-400)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--color-sky-600)}:is(.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted):where(.dark,.dark *){color:var(--color-sky-500)}.token.variable{color:var(--color-purple-500)}.token.variable:where(.dark,.dark *){color:var(--color-purple-400)}.token.operator{color:var(--color-gray-500)}.token.operator:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-gray-400)}.token.entity{color:var(--color-yellow-400);cursor:help}.token.entity:where(.dark,.dark *){color:var(--color-yellow-300)}.token.url{color:var(--color-blue-600)}.token.url:where(.dark,.dark *){color:var(--color-blue-500)}.language-css .token.string,.style .token.string{color:var(--color-red-500)}:is(.language-css .token.string,.style .token.string):where(.dark,.dark *){color:var(--color-red-400)}.token.atrule,.token.attr-value{color:var(--color-blue-600)}:is(.token.atrule,.token.attr-value):where(.dark,.dark *){color:var(--color-blue-500)}.token.function{color:var(--color-cyan-700)}.token.function:where(.dark,.dark *){color:var(--color-cyan-500)}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}code.language-bash,pre.language-bash{color:var(--color-blue-600)}:is(code.language-bash,pre.language-bash):where(.dark,.dark *){color:var(--color-blue-400)}code.language-javascript{color:var(--color-blue-600)}code.language-javascript:where(.dark,.dark *){color:var(--color-blue-400)}code.language-javascript .token.function{color:var(--color-green-500)}code.language-javascript .token.function:where(.dark,.dark *){color:var(--color-green-300)}code.language-javascript .token.punctuation{color:var(--color-gray-500)}code.language-javascript .token.punctuation:where(.dark,.dark *){color:var(--color-gray-400)}code.language-javascript .token.keyword{color:var(--color-pink-500)}code.language-javascript .token.keyword:where(.dark,.dark *){color:var(--color-pink-400)}code.language-javascript .token.comment,code.language-javascript .token.comment:where(.dark,.dark *){color:var(--color-gray-500)}code.language-javascript .token.string{color:var(--color-purple-600)}code.language-javascript .token.string:where(.dark,.dark *){color:var(--color-purple-400)}code.language-javascript .token.class-name{color:var(--color-orange-400)}code.language-javascript .token.class-name:where(.dark,.dark *){color:var(--color-orange-300)}code.language-javascript .token{background:0 0}code.language-html .token.tag{color:var(--color-fuchsia-700)}code.language-html .token.tag:where(.dark,.dark *){color:var(--color-fuchsia-400)}code.language-html .token.attr-value{color:var(--color-blue-600)}code.language-html .token.attr-value:where(.dark,.dark *){color:var(--color-blue-400)}code.language-html .token.punctuation{color:var(--color-gray-400)}code.language-html .token.punctuation:where(.dark,.dark *){color:var(--color-gray-500)}code.language-html .token.attr-name{color:var(--color-green-600)}code.language-html .token.attr-name:where(.dark,.dark *){color:var(--color-green-400)}code.language-html .token.comment{color:var(--color-gray-400)}code.language-html .token.comment:where(.dark,.dark *){color:var(--color-gray-500)}.code-responsive-wrapper{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.dark .code-responsive-wrapper{background-color:#111827;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#carbonads *{margin:initial;padding:initial}#carbonads{margin:calc(var(--spacing)*0);z-index:100;background-color:var(--color-white);max-width:330px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;box-shadow:0 1px 4px 1px #0000001a}#carbonads:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-white)}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{display:block;position:relative;overflow:hidden}#carbonads .carbon-wrap{display:flex}#carbonads .carbon-img{margin:0;line-height:1;display:block}#carbonads .carbon-img img{display:block}#carbonads .carbon-text{text-align:left;margin-bottom:16px;padding:10px;font-size:13px;line-height:1.5}#carbonads .carbon-poweredby{background-color:var(--color-gray-100);text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;font-size:8px;font-weight:600;line-height:1;display:block;position:absolute;bottom:0;right:0}#carbonads .carbon-poweredby:where(.dark,.dark *){background-color:var(--color-gray-800)}.DocSearch.DocSearch-Button{margin:calc(var(--spacing)*0);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white);width:40px;height:40px;padding:calc(var(--spacing)*2);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);justify-content:center;align-items:center;display:flex}@media (hover:hover){.DocSearch.DocSearch-Button:hover{background-color:var(--color-gray-100);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.DocSearch.DocSearch-Button:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-gray-200);--tw-outline-style:none;outline-style:none}@media (width>=40rem){.DocSearch.DocSearch-Button{width:calc(var(--spacing)*44)}}@media (width>=48rem){.DocSearch.DocSearch-Button{--tw-border-style:solid;border-style:solid;border-color:var(--color-gray-300);background-color:var(--color-gray-50);justify-content:space-between}}@media (width>=80rem){.DocSearch.DocSearch-Button{width:calc(var(--spacing)*64);padding-left:calc(var(--spacing)*4)}}.DocSearch.DocSearch-Button:where(.dark,.dark *){border-color:var(--color-gray-800);background-color:var(--color-gray-800)}@media (hover:hover){.DocSearch.DocSearch-Button:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}}.DocSearch.DocSearch-Button:where(.dark,.dark *):focus{background-color:var(--color-gray-600);--tw-ring-color:var(--color-gray-700)}@media (width>=48rem){.DocSearch.DocSearch-Button:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}}.DocSearch-Button-Placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.DocSearch-Button-Placeholder:where(.dark,.dark *){color:var(--color-gray-400)}.DocSearch-Search-Icon{background-image:url("data:image/svg+xml,");height:calc(var(--spacing)*4)!important;width:calc(var(--spacing)*4)!important;color:#0000!important}@media (width>=48rem){.DocSearch-Search-Icon{margin-right:calc(var(--spacing)*1)!important;height:calc(var(--spacing)*3)!important;width:calc(var(--spacing)*3)!important}}.dark .DocSearch-Search-Icon{background-image:url("data:image/svg+xml,")}.DocSearch-Button-Keys{min-width:calc(var(--spacing)*0);align-items:center}.DocSearch-Button-Key:first-child{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));margin-right:1px}.DocSearch-Button-Key{margin:calc(var(--spacing)*0);width:auto;padding-top:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-500);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-image:none}.DocSearch-Button-Key:where(.dark,.dark *){color:var(--color-gray-400)}.DocSearch-Button .DocSearch-Search-Icon{color:var(--color-gray-500)}.DocSearch-Hit-icon{display:none}.DocSearch-Hits mark{color:var(--color-blue-600);-webkit-text-decoration-color:var(--color-blue-600);-webkit-text-decoration-color:var(--color-blue-600);text-decoration-color:var(--color-blue-600);text-underline-offset:2px;text-decoration-thickness:2px}.DocSearch-Hits mark:where(.dark,.dark *){color:var(--color-white);-webkit-text-decoration-color:var(--color-white);-webkit-text-decoration-color:var(--color-white);text-decoration-color:var(--color-white)}.DocSearch-Hit[aria-selected=true] a{background-color:var(--color-blue-700)}.DocSearch-Hit[aria-selected=true] a:where(.dark,.dark *){background-color:var(--color-blue-600)}.DocSearch-Hit-source{background-color:var(--color-white);padding-bottom:calc(var(--spacing)*1);color:var(--color-gray-700)}.DocSearch-Hit-source:where(.dark,.dark *){background-color:var(--color-gray-700);color:var(--color-gray-400)}.DocSearch-Container{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}.DocSearch-Container:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}.DocSearch-Modal{border-radius:var(--radius-lg);--tw-shadow:0 0 #0000;width:100%;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:auto;margin-top:1rem;overflow:hidden}@media (width>=64rem){.DocSearch-Modal{max-height:none;max-width:var(--container-xl);margin-top:4rem}}.DocSearch-SearchBar{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding:calc(var(--spacing)*0)}.DocSearch-SearchBar:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}.DocSearch-Form{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Form:where(.dark,.dark *){background-color:var(--color-gray-700)}.DocSearch-Input{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-500);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Input:where(.dark,.dark *){background-color:var(--color-gray-700);color:var(--color-white)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.DocSearch-Commands{display:none}.DocSearch-Footer{height:calc(var(--spacing)*12);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Footer:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}.DocSearch-Dropdown{background-color:var(--color-white)}.DocSearch-Dropdown:where(.dark,.dark *){background-color:var(--color-gray-700)}.DocSearch-Hit{padding-bottom:calc(var(--spacing)*2);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Hit a{border-radius:var(--radius-lg);background-color:var(--color-gray-50);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Hit a:where(.dark,.dark *){background-color:var(--color-gray-600)}@media (hover:hover){.DocSearch-Hit a:where(.dark,.dark *):hover{background-color:var(--color-blue-600)}}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon,.DocSearch-Hit-action-button{display:none}.DocSearch-Hit .DocSearch-Hit-action:last-child{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action:last-child{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.DocSearch-Screen-Icon,.DocSearch-NoResults-Prefill-List,.DocSearch-Cancel{display:none}.DocSearch-Title{margin-bottom:calc(var(--spacing)*1);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-700)}.DocSearch-Title:where(.dark,.dark *){color:var(--color-gray-200)}.DocSearch-Hit-Container:where(.dark,.dark *){color:var(--color-gray-300)}.DocSearch-Logo svg:where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.DocSearch-Reset:hover{color:var(--color-black)}}.DocSearch-Reset:where(.dark,.dark *){color:var(--color-gray-300)}@media (hover:hover){.DocSearch-Reset:where(.dark,.dark *):hover{color:var(--color-white)}}.formkit-alert.formkit-alert-success{margin-bottom:calc(var(--spacing)*4);border-radius:var(--radius-lg);background-color:var(--color-green-100);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-green-700)}.formkit-alert.formkit-alert-success:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-green-400)}.formkit-alert.formkit-alert-error:not(:empty){margin-bottom:calc(var(--spacing)*4);border-radius:var(--radius-lg);background-color:var(--color-red-100);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-red-700)}.formkit-alert.formkit-alert-error:not(:empty):where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-red-400)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform: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-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-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";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:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
\ No newline at end of file
diff --git a/packages/polymech/src/styles/global.css b/packages/polymech/src/styles/global.css
new file mode 100644
index 0000000..239186a
--- /dev/null
+++ b/packages/polymech/src/styles/global.css
@@ -0,0 +1,1403 @@
+@import "tailwindcss";
+
+/* Dark mode variant for class-based toggling */
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* CSS Custom Properties for Design System */
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 240 10% 15%;
+
+ --card: 0 0% 100%;
+ --card-foreground: 240 10% 15%;
+ --card-glass: 0 0% 100% / 0.8;
+
+ --popover: 0 0% 100%;
+ --popover-foreground: 240 10% 15%;
+
+ --primary: 262 83% 58%;
+ --primary-foreground: 0 0% 98%;
+ --primary-glow: 280 100% 70%;
+
+ --secondary: 240 4.8% 95.9%;
+ --secondary-foreground: 240 5.9% 10%;
+
+ --muted: 240 4.8% 95.9%;
+ --muted-foreground: 240 3.8% 46.1%;
+
+ --accent: 193 76% 59%;
+ --accent-foreground: 0 0% 98%;
+ --accent-glow: 193 100% 70%;
+
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 0 0% 98%;
+
+ --border: 240 5.9% 90%;
+ --input: 240 5.9% 90%;
+ --ring: 262 83% 58%;
+
+ --radius: 0.75rem;
+
+ /* Design system specific tokens */
+ --gradient-primary: linear-gradient(135deg, hsl(262 83% 58%), hsl(280 100% 70%));
+ --gradient-secondary: linear-gradient(135deg, hsl(193 76% 59%), hsl(262 83% 58%));
+ --gradient-hero: linear-gradient(135deg, hsl(0 0% 100%) 0%, hsl(262 83% 58% / 0.05) 100%);
+ --glass-bg: hsl(0 0% 100% / 0.8);
+ --glass-border: hsl(240 5.9% 90%);
+ --photo-shadow: 0 25px 50px -12px hsl(262 83% 58% / 0.15);
+ --glow-shadow: 0 0 40px hsl(262 83% 58% / 0.2);
+
+ --sidebar-background: 0 0% 98%;
+ --sidebar-foreground: 240 5.3% 26.1%;
+ --sidebar-primary: 240 5.9% 10%;
+ --sidebar-primary-foreground: 0 0% 98%;
+ --sidebar-accent: 240 4.8% 95.9%;
+ --sidebar-accent-foreground: 240 5.9% 10%;
+ --sidebar-border: 220 13% 91%;
+ --sidebar-ring: 217.2 91.2% 59.8%;
+ }
+
+ .dark {
+ color-scheme: dark;
+
+ /* Material Design dark theme base - #121212 */
+ --background: 0 0% 7%;
+ --foreground: 0 0% 95%;
+
+ /* Surface elevation system following Material Design */
+ --card: 0 0% 9%;
+ /* 1dp elevation = base + 5% white overlay */
+ --card-foreground: 0 0% 95%;
+ --card-glass: 0 0% 12% / 0.8;
+ /* Higher elevation surfaces */
+
+ --popover: 0 0% 11%;
+ /* 2dp elevation = base + 7% white overlay */
+ --popover-foreground: 0 0% 95%;
+
+ /* Accessible primary colors for dark theme */
+ --primary: 270 91% 75%;
+ /* Lighter for better accessibility */
+ --primary-foreground: 0 0% 10%;
+ --primary-glow: 280 100% 80%;
+
+ --secondary: 0 0% 15%;
+ /* 3dp elevation = base + 8% white overlay */
+ --secondary-foreground: 0 0% 95%;
+
+ --muted: 0 0% 15%;
+ --muted-foreground: 0 0% 65%;
+ /* Better contrast for muted text */
+
+ --accent: 270 91% 75%;
+ --accent-foreground: 0 0% 10%;
+ --accent-glow: 280 100% 80%;
+
+ --destructive: 0 70% 50%;
+ /* More accessible red */
+ --destructive-foreground: 0 0% 95%;
+
+ --border: 0 0% 15%;
+ --input: 0 0% 15%;
+ --ring: 270 91% 75%;
+
+ /* Material Design elevation surfaces */
+ --surface-1dp: 0 0% 9%;
+ /* Cards, switches */
+ --surface-2dp: 0 0% 11%;
+ /* App bars (resting) */
+ --surface-3dp: 0 0% 12%;
+ /* Refresh indicator, search bar (resting) */
+ --surface-4dp: 0 0% 13%;
+ /* App bars (scrolled) */
+ --surface-6dp: 0 0% 14%;
+ /* FAB (resting), snackbars */
+ --surface-8dp: 0 0% 15%;
+ /* Menus, cards (picked up), switches (thumb) */
+ --surface-12dp: 0 0% 16%;
+ /* FAB (pressed) */
+ --surface-16dp: 0 0% 17%;
+ /* Navigation drawer, modal bottom sheets */
+ --surface-24dp: 0 0% 18%;
+ /* Dialogs */
+
+ /* Design system specific tokens for dark mode */
+ --gradient-primary: linear-gradient(135deg, hsl(270 91% 75%), hsl(280 100% 80%));
+ --gradient-secondary: linear-gradient(135deg, hsl(270 91% 75%), hsl(260 85% 70%));
+ --gradient-hero: linear-gradient(135deg, hsl(0 0% 7%) 0%, hsl(270 91% 75% / 0.1) 100%);
+ --glass-bg: hsl(0 0% 12% / 0.4);
+ --glass-border: hsl(270 91% 75% / 0.2);
+ --photo-shadow: 0 25px 50px -12px hsl(270 91% 75% / 0.25);
+ --glow-shadow: 0 0 40px hsl(270 91% 75% / 0.3);
+
+ --sidebar-background: 0 0% 7%;
+ --sidebar-foreground: 0 0% 95%;
+ --sidebar-primary: 270 91% 75%;
+ --sidebar-primary-foreground: 0 0% 10%;
+ --sidebar-accent: 0 0% 15%;
+ --sidebar-accent-foreground: 0 0% 95%;
+ --sidebar-border: 0 0% 15%;
+ --sidebar-ring: 270 91% 75%;
+ }
+
+ * {
+ border-color: hsl(var(--border));
+ }
+}
+
+@layer base {
+
+ /* Ensure dark mode is working */
+ html.dark {
+ color-scheme: dark;
+ }
+
+ body {
+ background-color: hsl(var(--background));
+ color: hsl(var(--foreground));
+ @apply transition-colors duration-200;
+ }
+
+ /* Debug: Force dark mode styles to ensure they're working */
+ .dark .bg-white {
+ background-color: #1f2937 !important;
+ }
+
+ .dark .text-gray-900 {
+ color: #f9fafb !important;
+ }
+
+ a {
+ @apply text-gray-700 dark:text-gray-200 no-underline transition-all duration-200;
+ position: relative;
+ border-radius: 3px;
+ }
+
+ a:hover {
+ @apply bg-gray-100 dark:bg-gray-800;
+ text-decoration: underline;
+ text-decoration-color: #9ca3af;
+ text-underline-offset: 2px;
+ }
+
+ a:focus {
+ @apply outline-2 outline-blue-500 outline-offset-2;
+ background-color: rgba(59, 130, 246, 0.1);
+ }
+
+ a:visited {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ table {
+ @apply min-w-full border-collapse;
+ }
+
+ table thead {
+ @apply bg-gray-200 dark:bg-gray-700;
+ }
+
+ table th {
+ @apply py-3 px-6 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider;
+ }
+
+ table td {
+ @apply py-4 px-6 border-b border-gray-200 dark:border-gray-600;
+ }
+
+ table tbody tr {
+ @apply transition-colors;
+ }
+
+ table tbody tr:nth-child(odd) {
+ @apply bg-white dark:bg-gray-800;
+ }
+
+ table tbody tr:nth-child(even) {
+ @apply bg-gray-50 dark:bg-gray-700;
+ }
+
+ table tbody tr:nth-child(odd):hover {
+ @apply bg-orange-50 dark:bg-orange-900/20;
+ }
+
+ table tbody tr:nth-child(even):hover {
+ @apply bg-orange-100 dark:bg-orange-900/30;
+ }
+
+ .astro-imagetools-img {
+ @apply min-w-full border-collapse rounded-lg overflow-hidden;
+ background-image: none !important;
+ }
+
+ .lightbox-main {
+ background-image: none !important;
+ }
+
+ .specs-table {
+ @apply min-w-full border-collapse rounded-lg overflow-hidden;
+ }
+
+ .specs-table thead {
+ @apply bg-gray-200 dark:bg-gray-700;
+ }
+
+ .specs-table th {
+ @apply py-3 px-6 text-left text-xs text-gray-600 dark:text-gray-300 uppercase tracking-wider;
+ }
+
+ .specs-table td {
+ @apply py-4 px-6 border-b border-gray-200 dark:border-gray-600;
+ }
+
+ .specs-table tbody tr {
+ @apply transition-colors;
+ }
+
+ .specs-table tbody tr:nth-child(odd) {
+ @apply bg-white dark:bg-gray-800;
+ }
+
+ .specs-table tbody tr:nth-child(even) {
+ @apply bg-gray-50 dark:bg-gray-700;
+ }
+
+ .specs-table tbody tr:nth-child(odd):hover {
+ @apply bg-orange-50 dark:bg-orange-900/20;
+ }
+
+ .specs-table tbody tr:nth-child(even):hover {
+ @apply bg-orange-100 dark:bg-orange-900/30;
+ }
+
+ .specs-table th:first-child,
+ .specs-table td:first-child {
+ @apply font-semibold;
+ }
+}
+
+@layer components {
+ .prose-styles {
+ @apply max-w-3xl pt-0 mx-auto;
+ }
+
+ .simple-prose-styles {
+ @apply text-xs uppercase;
+ }
+
+ .floating-image {
+ @apply flex-1 min-w-0;
+ }
+
+ .floating-image img {
+ @apply w-full h-auto block;
+ }
+
+ .image-row {
+ @apply flex gap-2 items-center w-full;
+ }
+
+ .card-light {
+ background-color: hsl(var(--card));
+ color: hsl(var(--card-foreground));
+ border: 1px solid hsl(var(--border));
+ }
+
+ .card-secondary {
+ background-color: hsl(var(--secondary));
+ color: hsl(var(--secondary-foreground));
+ border: 1px solid hsl(var(--border));
+ }
+
+ .text-primary {
+ color: hsl(var(--foreground));
+ }
+
+ .text-secondary {
+ color: hsl(var(--muted-foreground));
+ }
+
+ .text-tertiary {
+ color: hsl(var(--muted-foreground) / 0.8);
+ }
+
+ /* Breadcrumb navigation dark mode */
+ .breadcrumb-nav {
+ @apply text-sm text-gray-500 dark:text-gray-400;
+ }
+
+ .breadcrumb-nav a {
+ @apply text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200;
+ }
+
+ .breadcrumb-nav .separator {
+ @apply text-gray-400 dark:text-gray-500;
+ }
+
+ /* Small image container for centering images with constrained width */
+ .small-image {
+ @apply flex justify-center my-4;
+ width: 200px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .medium-image {
+ @apply flex justify-center my-4;
+ width: 600px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .small-image>*,
+ .medium-image>* {
+ width: 100%;
+ }
+
+ /* Tag styling dark mode */
+ .tag {
+ @apply px-3 py-1 text-sm bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-200 rounded-full hover:bg-blue-200 dark:hover:bg-blue-800/40 hover:text-blue-900 dark:hover:text-blue-100 transition-colors;
+ }
+
+ /* Button styling using CSS variables */
+ .btn-primary {
+ background-color: hsl(var(--primary));
+ color: hsl(var(--primary-foreground));
+ border-radius: var(--radius);
+ @apply px-4 py-2 transition-colors hover:opacity-90;
+ }
+
+ .btn-secondary {
+ background-color: hsl(var(--secondary));
+ color: hsl(var(--secondary-foreground));
+ border-radius: var(--radius);
+ @apply px-4 py-2 transition-colors hover:opacity-90;
+ }
+
+ /* Container and section backgrounds */
+ .container-light {
+ @apply bg-white dark:bg-gray-800;
+ }
+
+ .section-light {
+ @apply bg-gray-50 dark:bg-gray-700;
+ }
+
+ /* Footer navigation dark mode */
+ .footer-nav {
+ @apply border-t border-gray-200 dark:border-gray-600;
+ }
+
+ .footer-nav a {
+ @apply text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100;
+ }
+
+ /* Comprehensive footer dark mode styling */
+ .dark footer {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ .dark .footer-nav {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ /* Force dark mode for any footer elements */
+ .dark footer * {
+ /* Override any remaining white backgrounds in footer */
+ }
+
+ .dark footer .bg-white,
+ .dark footer .bg-gray-50,
+ .dark footer .bg-gray-100 {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ }
+
+ .dark footer .border-gray-200 {
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ .dark footer .text-gray-800,
+ .dark footer .text-gray-700 {
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ /* Footer links in dark mode */
+ .dark footer a {
+ color: #d1d5db !important;
+ /* text-gray-300 */
+ }
+
+ .dark footer a:hover {
+ color: #f9fafb !important;
+ /* text-gray-100 */
+ }
+
+ /* Footer text in dark mode */
+ .dark footer .text-gray-500,
+ .dark footer .text-gray-600 {
+ color: #9ca3af !important;
+ /* text-gray-400 */
+ }
+
+ /* Additional footer component selectors */
+ .dark .footer,
+ .dark .site-footer,
+ .dark .main-footer,
+ .dark [class*="footer"] {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ }
+
+ /* Footer container elements */
+ .dark .footer-container,
+ .dark .footer-content,
+ .dark .footer-wrapper {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ /* Footer navigation items */
+ .dark .footer-nav-item,
+ .dark .footer-link {
+ color: #d1d5db !important;
+ /* text-gray-300 */
+ }
+
+ .dark .footer-nav-item:hover,
+ .dark .footer-link:hover {
+ color: #f9fafb !important;
+ /* text-gray-100 */
+ }
+
+ /* Footer sections and columns */
+ .dark .footer-section,
+ .dark .footer-column {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ /* Article header dark mode */
+ .article-header {
+ @apply border-b border-gray-200 dark:border-gray-600;
+ }
+
+ .article-title {
+ @apply text-gray-900 dark:text-white;
+ }
+
+ .article-meta {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ /* Resource card dark mode */
+ .resource-card {
+ @apply bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 hover:border-gray-300 dark:hover:border-gray-500;
+ }
+
+ .resource-card-title {
+ @apply text-gray-900 dark:text-white;
+ }
+
+ .resource-card-description {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ .resource-card-meta {
+ @apply text-gray-500 dark:text-gray-400;
+ }
+
+ /* Store layout dark mode styling */
+ .store-article {
+ @apply bg-white dark:bg-gray-800 rounded-xl p-4;
+ }
+
+ .store-license {
+ @apply bg-white dark:bg-gray-800 rounded-xl p-4;
+ }
+
+ .store-license h3 {
+ @apply text-lg text-neutral-600 dark:text-gray-300 uppercase tracking-tight;
+ }
+
+ .store-license p {
+ @apply text-gray-700 dark:text-gray-300;
+ }
+
+ .store-gallery-container {
+ @apply bg-white dark:bg-gray-800 rounded-xl p-4;
+ }
+
+ .store-action-button {
+ @apply bg-white dark:bg-gray-800 hover:bg-neutral-200 dark:hover:bg-gray-700;
+ }
+
+ .store-checkout-button {
+ @apply bg-white dark:bg-gray-800 hover:bg-black dark:hover:bg-gray-700;
+ }
+
+ .store-tab-content {
+ @apply bg-white dark:bg-gray-800 rounded-xl;
+ }
+
+ /* Store tab navigation dark mode */
+ .store-tabs-nav {
+ @apply border-b border-gray-200 dark:border-gray-700;
+ }
+
+ .store-tabs-nav ul {
+ @apply text-gray-500 dark:text-gray-400;
+ }
+
+ .store-tabs-nav li {
+ @apply border-gray-100 dark:border-gray-700;
+ }
+
+ .store-tabs-nav li:hover {
+ @apply text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600;
+ }
+
+ .store-tabs-nav li.active {
+ @apply text-orange-600 dark:text-purple-500 border-orange-600 dark:border-purple-500;
+ }
+
+ /* Additional store layout utilities */
+ .store-section {
+ @apply bg-white dark:bg-gray-800;
+ }
+
+ .store-text-primary {
+ @apply text-gray-900 dark:text-white;
+ }
+
+ .store-text-secondary {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ .store-text-muted {
+ @apply text-gray-500 dark:text-gray-400;
+ }
+
+ .store-border {
+ @apply border-gray-200 dark:border-gray-600;
+ }
+
+ /* Table of Contents dark mode */
+ .toc-container {
+ @apply bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-600;
+ }
+
+ /* Force dark mode for TOC when dark theme is active */
+ .dark .toc-container {
+ background-color: #1f2937 !important;
+ border-color: #4b5563 !important;
+ }
+
+ /* TOC background override for any white backgrounds */
+ .dark .bg-gray-50 {
+ background-color: #1f2937 !important;
+ }
+
+ .dark .bg-white {
+ background-color: #1f2937 !important;
+ }
+
+ .toc-title {
+ @apply text-gray-900 dark:text-white;
+ }
+
+ .toc-link {
+ @apply text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20;
+ }
+
+ .toc-link.active {
+ @apply bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-300 font-medium border-l-2 border-blue-500 dark:border-blue-400;
+ }
+
+ .toc-link.visited {
+ @apply text-violet-600 dark:text-violet-400;
+ }
+
+ /* Top-level TOC dark mode styling */
+ .top-toc-nav {
+ @apply text-gray-900 dark:text-white;
+ }
+
+ .dark .top-toc-nav a {
+ color: #60a5fa !important;
+ /* text-blue-400 */
+ }
+
+ .dark .top-toc-nav a:hover {
+ background-color: #1e3a8a !important;
+ /* bg-blue-900/20 */
+ color: #93c5fd !important;
+ /* text-blue-300 */
+ }
+
+ .dark .top-toc-nav a.visited {
+ color: #a78bfa !important;
+ /* text-violet-400 */
+ }
+
+ .dark .top-toc-nav a.active {
+ background-color: #1e3a8a !important;
+ /* bg-blue-900/20 */
+ color: #93c5fd !important;
+ /* text-blue-300 */
+ border-left-color: #60a5fa !important;
+ /* border-blue-400 */
+ }
+
+ /* Force dark mode for any gray-50 backgrounds in TOC */
+ .dark .bg-gray-50 {
+ background-color: #1f2937 !important;
+ }
+
+ /* Force dark mode for any white backgrounds in TOC */
+ .dark .bg-white {
+ background-color: #1f2937 !important;
+ }
+
+ /* TOC container specific dark mode */
+ .dark .bg-gray-50.border.border-gray-200 {
+ background-color: #1f2937 !important;
+ border-color: #4b5563 !important;
+ }
+
+ /* Form elements dark mode */
+ .form-input {
+ @apply bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400;
+ }
+
+ .form-select {
+ @apply bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 text-gray-900 dark:text-white;
+ }
+
+ /* Status indicators dark mode */
+ .status-indicator {
+ @apply bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200;
+ }
+
+ .status-indicator.success {
+ @apply bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-200;
+ }
+
+ .status-indicator.warning {
+ @apply bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200;
+ }
+
+ .status-indicator.error {
+ @apply bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-200;
+ }
+
+ .table-default {
+ @apply min-w-full border-collapse shadow-lg;
+ }
+
+ .table-default thead {
+ @apply bg-gray-200 dark:bg-gray-700;
+ }
+
+ .table-default th {
+ @apply py-3 px-6 text-left text-xs font-medium text-gray-600 dark:text-gray-300 uppercase tracking-wider;
+ }
+
+ .table-default td {
+ @apply py-4 px-6 border-b border-gray-200 dark:border-gray-600;
+ }
+
+ .table-default tbody tr {
+ @apply transition-colors;
+ }
+
+ .table-default tbody tr:nth-child(odd) {
+ @apply bg-white dark:bg-gray-800;
+ }
+
+ .table-default tbody tr:nth-child(even) {
+ @apply bg-gray-50 dark:bg-gray-700;
+ }
+
+ .table-default tbody tr:nth-child(odd):hover {
+ @apply bg-orange-50 dark:bg-orange-900/20;
+ }
+
+ .table-default tbody tr:nth-child(even):hover {
+ @apply bg-orange-100 dark:bg-orange-900/30;
+ }
+
+ .sidebar-wrapper {
+ @apply fixed left-0 top-0 h-full w-80 bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-600 text-gray-800 dark:text-gray-200 transform -translate-x-full transition-transform duration-300 ease-in-out z-50 shadow-lg;
+ }
+
+ .sidebar-wrapper.mobile-open {
+ @apply translate-x-0;
+ }
+
+ @media (min-width: 768px) {
+ .sidebar-wrapper {
+ @apply translate-x-0 w-72 shadow-none;
+ position: sticky;
+ top: 0;
+ height: 100vh;
+ overflow-y: auto;
+ }
+ }
+
+ .sidebar-nav {
+ @apply h-full overflow-y-auto;
+ }
+
+ .sidebar-content {
+ @apply p-6 space-y-6;
+ }
+
+ .sidebar-group {
+ @apply space-y-3;
+ }
+
+ .sidebar-group-title {
+ @apply text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3 border-b border-gray-200 dark:border-gray-600 pb-2;
+ }
+
+ .sidebar-subgroup-title {
+ @apply text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2 border-b border-gray-200 dark:border-gray-600 pb-1;
+ }
+
+ /* Sidebar dropdown and expandable sections */
+ .sidebar-dropdown {
+ @apply bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-gray-600;
+ }
+
+ /* Force dark mode for sidebar dropdown buttons */
+ .dark .sidebar-dropdown {
+ background-color: #374151 !important;
+ /* bg-gray-700 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ /* Sidebar expandable buttons (CASSANDRA, HELP, INFO, INTERNAL) */
+ .sidebar-expandable {
+ @apply text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200;
+ }
+
+ /* Force dark mode for expandable buttons */
+ .dark .sidebar-expandable {
+ background-color: #374151 !important;
+ /* bg-gray-700 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ /* Any button-like elements in sidebar */
+ .dark .sidebar-wrapper button,
+ .dark .sidebar-wrapper .bg-white {
+ background-color: #374151 !important;
+ /* bg-gray-700 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ .sidebar-dropdown-header {
+ @apply text-gray-700 dark:text-gray-300 font-medium;
+ }
+
+ .sidebar-dropdown-icon {
+ @apply text-blue-500 dark:text-blue-400;
+ }
+
+ .sidebar-expandable {
+ @apply text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200;
+ }
+
+ .sidebar-expandable-icon {
+ @apply text-blue-500 dark:text-blue-400;
+ }
+
+ /* Sidebar section headers and main navigation */
+ .sidebar-resources-header {
+ @apply text-gray-400 dark:text-gray-500 font-semibold uppercase tracking-wider;
+ }
+
+ .sidebar-section-header {
+ @apply text-gray-500 dark:text-gray-400 font-medium;
+ }
+
+ .sidebar-nested-item {
+ @apply text-gray-500 dark:text-gray-400 ml-4 text-sm;
+ }
+
+ .sidebar-nested-item:hover {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ .sidebar-nested-item.current {
+ @apply text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 font-medium;
+ }
+
+ /* Subgroup specific styling */
+ .sidebar-subgroup {
+ @apply ml-4 space-y-1;
+ }
+
+ .sidebar-subgroup-item {
+ @apply text-gray-500 dark:text-gray-400 text-sm hover:text-gray-600 dark:hover:text-gray-300;
+ }
+
+ .sidebar-subgroup-item.current {
+ @apply text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 font-medium;
+ }
+
+ /* Sidebar subgroup dark mode styles */
+ .sidebar-subgroup-title {
+ @apply bg-gray-50 dark:bg-gray-700 text-gray-700 dark:text-gray-200;
+ }
+
+ .sidebar-subgroup-title:hover {
+ @apply bg-gray-100 dark:bg-gray-600 text-gray-900 dark:text-gray-100;
+ }
+
+ .sidebar-subgroup-content {
+ @apply border-l-2 border-gray-200 dark:border-gray-600;
+ }
+
+ /* Page-level navigation dark mode */
+ .page-level {
+ @apply border-b-2 border-gray-200 dark:border-gray-600;
+ }
+
+ .page-level .sidebar-group-title {
+ @apply text-blue-500 dark:text-blue-400 border-b border-blue-100 dark:border-blue-900;
+ }
+
+ .page-level .sidebar-link {
+ @apply text-blue-800 dark:text-blue-300 bg-blue-50 dark:bg-blue-900/20;
+ }
+
+ .page-level .sidebar-link:hover {
+ @apply bg-blue-100 dark:bg-blue-800 text-blue-700 dark:text-blue-100;
+ }
+
+ .sidebar-links {
+ @apply space-y-1;
+ }
+
+ .sidebar-link {
+ @apply block px-3 py-2 text-sm text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors duration-200;
+ }
+
+ .sidebar-link.current {
+ @apply text-blue-700 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 font-medium border-l-2 border-blue-500 dark:border-blue-400 pl-2;
+ }
+
+ /* TOC section specific dark mode styling */
+ .toc-on-this-page {
+ @apply text-gray-500 dark:text-gray-400;
+ }
+
+ /* Force dark mode for TOC section in sidebar */
+ .dark .toc-on-this-page {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ /* Force dark mode for any TOC containers in sidebar */
+ .dark .sidebar-wrapper .toc-container,
+ .dark .sidebar-wrapper .bg-gray-50,
+ .dark .sidebar-wrapper .bg-white {
+ background-color: #1f2937 !important;
+ /* bg-gray-800 */
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ /* Comprehensive sidebar dark mode override */
+ .dark .sidebar-wrapper * {
+ /* Override any remaining white backgrounds */
+ }
+
+ .dark .sidebar-wrapper .bg-white,
+ .dark .sidebar-wrapper .bg-gray-50,
+ .dark .sidebar-wrapper .bg-gray-100 {
+ background-color: #374151 !important;
+ /* bg-gray-700 */
+ }
+
+ .dark .sidebar-wrapper .border-gray-200 {
+ border-color: #4b5563 !important;
+ /* border-gray-600 */
+ }
+
+ .dark .sidebar-wrapper .text-gray-800,
+ .dark .sidebar-wrapper .text-gray-700 {
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ /* TOC header styling in dark mode */
+ .dark .toc-on-this-page .toc-header {
+ color: #9ca3af !important;
+ /* text-gray-400 */
+ }
+
+ /* TOC items styling in dark mode */
+ .dark .toc-on-this-page .toc-item {
+ color: #d1d5db !important;
+ /* text-gray-300 */
+ }
+
+ .dark .toc-on-this-page .toc-item:hover {
+ color: #e5e7eb !important;
+ /* text-gray-200 */
+ }
+
+ .dark .toc-on-this-page .toc-item.current {
+ background-color: #1e3a8a !important;
+ /* bg-blue-900/20 */
+ color: #60a5fa !important;
+ /* text-blue-400 */
+ }
+
+ .toc-on-this-page .toc-header {
+ @apply text-gray-500 dark:text-gray-400;
+ }
+
+ .toc-on-this-page .toc-item {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ .toc-on-this-page .toc-item:hover {
+ @apply text-gray-800 dark:text-gray-200;
+ }
+
+ .toc-on-this-page .toc-item.current {
+ @apply text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20;
+ }
+
+ .toc-on-this-page .toc-subitem {
+ @apply text-gray-500 dark:text-gray-400 ml-4;
+ }
+
+ .toc-on-this-page .toc-subitem:hover {
+ @apply text-gray-600 dark:text-gray-300;
+ }
+
+ .toc-on-this-page .toc-subitem.current {
+ @apply text-blue-500 dark:text-blue-400;
+ }
+
+ .mobile-sidebar-toggle {
+ @apply fixed top-4 left-4 z-50 p-2 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 rounded-md shadow-md border border-gray-200 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700;
+ }
+
+ .hamburger-icon {
+ @apply block w-6 h-6 relative;
+ }
+
+ .hamburger-icon span {
+ @apply block absolute h-0.5 w-6 bg-current transform transition duration-200;
+ }
+
+ .hamburger-icon span:nth-child(1) {
+ @apply top-1;
+ }
+
+ .hamburger-icon span:nth-child(2) {
+ @apply top-3;
+ }
+
+ .hamburger-icon span:nth-child(3) {
+ @apply top-5;
+ }
+
+ .layout-with-sidebar {
+ @apply flex min-h-screen bg-white dark:bg-gray-900;
+ }
+
+ .main-content-with-sidebar {
+ @apply flex-1 bg-white dark:bg-gray-900 min-w-0;
+ }
+
+ @media (min-width: 768px) {
+ .sidebar-wrapper::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 1px;
+ height: 100%;
+ background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1), transparent);
+ }
+ }
+
+ @media (max-width: 767px) {
+ .sidebar-wrapper {
+ @apply backdrop-blur-sm;
+ background-color: rgba(255, 255, 255, 0.98);
+ }
+
+ .dark .sidebar-wrapper {
+ background-color: rgba(31, 41, 55, 0.98);
+ }
+
+ .sidebar-wrapper::before {
+ content: '';
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.4);
+ z-index: -1;
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ pointer-events: none;
+ }
+
+ .sidebar-wrapper.mobile-open::before {
+ opacity: 1;
+ pointer-events: auto;
+ }
+
+ .sidebar-nav {
+ position: relative;
+ z-index: 1;
+ background: rgba(255, 255, 255, 1);
+ height: 100vh;
+ width: 320px;
+ box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+ }
+
+ .dark .sidebar-nav {
+ background: rgba(31, 41, 55, 1);
+ box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
+ }
+
+ .sidebar-link {
+ @apply py-3 px-4 text-base;
+ min-height: 44px;
+ display: flex;
+ align-items: center;
+ }
+ }
+}
+
+.markdown-content {
+ @apply max-w-full overflow-x-hidden;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ line-height: 1.75;
+ color: #374151;
+}
+
+.dark .markdown-content {
+ color: #d1d5db;
+}
+
+.markdown-content h1 {
+ @apply text-xl font-medium mt-5 mb-3 md:mt-6 md:mb-4 text-gray-900 dark:text-gray-100;
+}
+
+.markdown-content h2 {
+ @apply text-xs font-medium mt-4 mb-2 md:mt-5 md:mb-3 text-gray-800 dark:text-gray-200;
+}
+
+.markdown-content h3 {
+ @apply text-sm font-medium mt-3 mb-1 md:mt-4 md:mb-3 text-gray-800 dark:text-gray-200;
+}
+
+.markdown-content h4 {
+ @apply text-gray-600 dark:text-gray-300 font-medium mt-3 mb-1 md:mt-4 md:mb-2;
+}
+
+.markdown-content h5 {
+ @apply text-sm font-medium mt-2 mb-1 md:mt-3 md:mb-2 text-gray-700 dark:text-gray-300;
+}
+
+.markdown-content h6 {
+ @apply text-xs font-medium mt-2 mb-1 uppercase md:mt-3 md:mb-2 text-gray-600 dark:text-gray-400;
+}
+
+.markdown-content p {
+ @apply text-gray-600 dark:text-gray-300 leading-relaxed mb-3 md:mb-4;
+}
+
+.markdown-content ul {
+ @apply list-disc list-outside ml-4 pl-2 md:ml-6 md:pl-2;
+}
+
+.markdown-content li {
+ @apply leading-relaxed mb-2;
+}
+
+.markdown-content ol {
+ @apply list-decimal list-inside ml-3 md:ml-5;
+}
+
+.markdown-content pre {
+ @apply bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-600 p-2 md:p-4 rounded-lg overflow-x-auto text-xs md:text-sm shadow-sm;
+ font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
+ line-height: 1.6;
+ @apply text-gray-700 dark:text-gray-200;
+ margin: 1rem 0;
+ max-width: 100%;
+ word-wrap: break-word;
+}
+
+@media (min-width: 768px) {
+ .markdown-content pre {
+ margin: 1.5rem 0;
+ }
+}
+
+.markdown-content pre::-webkit-scrollbar {
+ height: 8px;
+}
+
+.markdown-content pre::-webkit-scrollbar-track {
+ background: #f1f5f9;
+ border-radius: 4px;
+}
+
+.markdown-content pre::-webkit-scrollbar-thumb {
+ background: #cbd5e1;
+ border-radius: 4px;
+}
+
+.markdown-content pre::-webkit-scrollbar-thumb:hover {
+ background: #94a3b8;
+}
+
+.markdown-content code:not(pre code) {
+ @apply bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-1.5 py-0.5 rounded text-sm font-medium;
+ font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
+}
+
+.markdown-content pre code {
+ @apply bg-transparent text-inherit p-0 rounded-none;
+ font-family: inherit;
+}
+
+.markdown-content a {
+ @apply text-blue-600 dark:text-blue-400 no-underline transition-all duration-200;
+ position: relative;
+ border-radius: 3px;
+}
+
+.markdown-content li a {
+ padding: 0 1px;
+}
+
+.main-content-with-sidebar a {
+ text-decoration: none;
+}
+
+.markdown-content a:hover {
+ @apply bg-gray-100 dark:bg-gray-800;
+ text-decoration: underline;
+ text-decoration-color: #9ca3af;
+ text-underline-offset: 2px;
+ text-decoration-thickness: 1px;
+}
+
+.markdown-content a:focus {
+ @apply outline-2 outline-blue-500 outline-offset-2;
+ background-color: rgba(59, 130, 246, 0.1);
+}
+
+.markdown-content a:visited {
+ @apply text-gray-600 dark:text-gray-300;
+}
+
+.markdown-content blockquote {
+ @apply border-l-4 border-gray-300 dark:border-gray-600 pl-3 italic text-gray-600 dark:text-gray-300 md:pl-4 my-4;
+}
+
+.markdown-content img {
+ @apply max-w-full h-auto;
+}
+
+.markdown-content table {
+ @apply block overflow-x-auto whitespace-nowrap md:table md:whitespace-normal;
+ max-width: 100%;
+}
+
+.markdown-content * {
+ max-width: 100%;
+ box-sizing: border-box;
+}
+
+/* New utility classes from photo sharing app */
+@layer utilities {
+ .scrollbar-hide {
+ -ms-overflow-style: none;
+ /* Internet Explorer 10+ */
+ scrollbar-width: none;
+ /* Firefox */
+ }
+
+ .scrollbar-hide::-webkit-scrollbar {
+ display: none;
+ /* Safari and Chrome */
+ }
+
+ /* Material Design elevation utilities */
+ .surface-1dp {
+ background-color: hsl(var(--surface-1dp));
+ }
+
+ .surface-2dp {
+ background-color: hsl(var(--surface-2dp));
+ }
+
+ .surface-3dp {
+ background-color: hsl(var(--surface-3dp));
+ }
+
+ .surface-4dp {
+ background-color: hsl(var(--surface-4dp));
+ }
+
+ .surface-6dp {
+ background-color: hsl(var(--surface-6dp));
+ }
+
+ .surface-8dp {
+ background-color: hsl(var(--surface-8dp));
+ }
+
+ .surface-12dp {
+ background-color: hsl(var(--surface-12dp));
+ }
+
+ .surface-16dp {
+ background-color: hsl(var(--surface-16dp));
+ }
+
+ .surface-24dp {
+ background-color: hsl(var(--surface-24dp));
+ }
+
+ /* Gradient utilities */
+ .gradient-primary {
+ background: var(--gradient-primary);
+ }
+
+ .gradient-secondary {
+ background: var(--gradient-secondary);
+ }
+
+ .gradient-hero {
+ background: var(--gradient-hero);
+ }
+
+ /* Glass morphism utilities */
+ .glass-bg {
+ background: var(--glass-bg);
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+ border: 1px solid var(--glass-border);
+ }
+
+ /* Shadow utilities */
+ .photo-shadow {
+ box-shadow: var(--photo-shadow);
+ }
+
+ .glow-shadow {
+ box-shadow: var(--glow-shadow);
+ }
+}
+
+@layer components {
+
+ /* Enhanced prose styles with new design system */
+ .prose a {
+ color: hsl(var(--primary));
+ @apply underline hover:no-underline transition-colors cursor-pointer;
+ }
+
+ .prose a:hover {
+ color: hsl(var(--primary) / 0.8);
+ }
+
+ .prose a:visited {
+ color: hsl(var(--primary) / 0.7);
+ }
+
+ /* Enhanced card components using CSS variables */
+ .card-enhanced {
+ background-color: hsl(var(--card));
+ color: hsl(var(--card-foreground));
+ border: 1px solid hsl(var(--border));
+ border-radius: var(--radius);
+ }
+
+ .card-glass {
+ background: var(--glass-bg);
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+ border: 1px solid var(--glass-border);
+ border-radius: var(--radius);
+ }
+
+ /* Enhanced button components */
+ .btn-enhanced-primary {
+ background-color: hsl(var(--primary));
+ color: hsl(var(--primary-foreground));
+ border-radius: var(--radius);
+ @apply px-4 py-2 font-medium transition-colors hover:opacity-90;
+ }
+
+ .btn-enhanced-secondary {
+ background-color: hsl(var(--secondary));
+ color: hsl(var(--secondary-foreground));
+ border-radius: var(--radius);
+ @apply px-4 py-2 font-medium transition-colors hover:opacity-90;
+ }
+
+ /* Enhanced sidebar using new variables */
+ .sidebar-enhanced {
+ background-color: hsl(var(--sidebar-background));
+ color: hsl(var(--sidebar-foreground));
+ border-right: 1px solid hsl(var(--sidebar-border));
+ }
+
+ .sidebar-enhanced-nav-item {
+ color: hsl(var(--sidebar-foreground));
+ @apply transition-colors;
+ }
+
+ .sidebar-enhanced-nav-item:hover {
+ background-color: hsl(var(--sidebar-accent));
+ color: hsl(var(--sidebar-accent-foreground));
+ }
+
+ .sidebar-enhanced-nav-item.active {
+ background-color: hsl(var(--sidebar-accent));
+ color: hsl(var(--sidebar-accent-foreground));
+ }
+}
\ No newline at end of file