@nuxt/scripts 1.0.0-beta.21 → 1.0.0-beta.22

package/dist/runtime/server/utils/image-proxy.js

@@ -0,0 +1,70 @@
+import { createError, defineEventHandler, getQuery, setHeader } from "h3";
+import { $fetch } from "ofetch";
+const AMP_RE = /&/g;
+export function createImageProxyHandler(config) {
+  const {
+    accept = "image/webp,image/jpeg,image/png,image/*,*/*;q=0.8",
+    userAgent,
+    cacheMaxAge = 3600,
+    contentType = "image/jpeg",
+    followRedirects = true,
+    decodeAmpersands = false
+  } = config;
+  return defineEventHandler(async (event) => {
+    const query = getQuery(event);
+    let url = query.url;
+    if (decodeAmpersands && url)
+      url = url.replace(AMP_RE, "&");
+    if (!url) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Image URL is required"
+      });
+    }
+    let parsedUrl;
+    try {
+      parsedUrl = new URL(url);
+    } catch {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Invalid image URL"
+      });
+    }
+    if (parsedUrl.protocol !== "http:" && parsedUrl.protocol !== "https:") {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Invalid URL scheme"
+      });
+    }
+    const domainAllowed = typeof config.allowedDomains === "function" ? config.allowedDomains(parsedUrl.hostname) : config.allowedDomains.includes(parsedUrl.hostname);
+    if (!domainAllowed) {
+      throw createError({
+        statusCode: 403,
+        statusMessage: "Domain not allowed"
+      });
+    }
+    const headers = { Accept: accept };
+    if (userAgent)
+      headers["User-Agent"] = userAgent;
+    const response = await $fetch.raw(url, {
+      timeout: 5e3,
+      redirect: followRedirects ? "follow" : "manual",
+      ignoreResponseError: !followRedirects,
+      headers
+    }).catch((error) => {
+      throw createError({
+        statusCode: error.statusCode || 500,
+        statusMessage: error.statusMessage || "Failed to fetch image"
+      });
+    });
+    if (!followRedirects && response.status >= 300 && response.status < 400) {
+      throw createError({
+        statusCode: 403,
+        statusMessage: "Redirects not allowed"
+      });
+    }
+    setHeader(event, "Content-Type", response.headers.get("content-type") || contentType);
+    setHeader(event, "Cache-Control", `public, max-age=${cacheMaxAge}, s-maxage=${cacheMaxAge}`);
+    return response._data;
+  });
+}

package/dist/runtime/server/x-embed-image.js

@@ -1,53 +1,9 @@
-import { createError, defineEventHandler, getQuery, setHeader } from "h3";
-import { $fetch } from "ofetch";
-export default defineEventHandler(async (event) => {
-  const query = getQuery(event);
-  const url = query.url;
-  if (!url) {
-    throw createError({
-      statusCode: 400,
-      statusMessage: "Image URL is required"
-    });
-  }
-  let parsedUrl;
-  try {
-    parsedUrl = new URL(url);
-  } catch {
-    throw createError({
-      statusCode: 400,
-      statusMessage: "Invalid image URL"
-    });
-  }
-  if (parsedUrl.protocol !== "http:" && parsedUrl.protocol !== "https:") {
-    throw createError({
-      statusCode: 400,
-      statusMessage: "Invalid URL scheme"
-    });
-  }
-  const allowedDomains = [
+import { createImageProxyHandler } from "./utils/image-proxy.js";
+export default createImageProxyHandler({
+  allowedDomains: [
     "pbs.twimg.com",
     "abs.twimg.com",
     "video.twimg.com"
-  ];
-  if (!allowedDomains.includes(parsedUrl.hostname)) {
-    throw createError({
-      statusCode: 403,
-      statusMessage: "Domain not allowed"
-    });
-  }
-  const response = await $fetch.raw(url, {
-    timeout: 5e3,
-    headers: {
-      "Accept": "image/webp,image/jpeg,image/png,image/*,*/*;q=0.8",
-      "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36"
-    }
-  }).catch((error) => {
-    throw createError({
-      statusCode: error.statusCode || 500,
-      statusMessage: error.statusMessage || "Failed to fetch image"
-    });
-  });
-  setHeader(event, "Content-Type", response.headers.get("content-type") || "image/jpeg");
-  setHeader(event, "Cache-Control", "public, max-age=3600, s-maxage=3600");
-  return response._data;
+  ],
+  userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36"
 });

package/dist/runtime/types.d.ts

@@ -3,6 +3,7 @@ import type { Script } from '@unhead/vue/types';
 import type { Import } from 'unimport';
 import type { InferInput, ObjectSchema, UnionSchema, ValiError } from 'valibot';
 import type { ComputedRef, Ref } from 'vue';
+import type { BlueskyEmbedInput } from './registry/bluesky-embed.js';
 import type { ClarityInput } from './registry/clarity.js';
 import type { CloudflareWebAnalyticsInput } from './registry/cloudflare-web-analytics.js';
 import type { CrispInput } from './registry/crisp.js';
@@ -155,6 +156,7 @@ export interface NuxtDevToolsScriptInstance {
     }[];
 }
 export interface ScriptRegistry {
+    blueskyEmbed?: BlueskyEmbedInput;
     crisp?: CrispInput;
     clarity?: ClarityInput;
     cloudflareWebAnalytics?: CloudflareWebAnalyticsInput;
@@ -214,6 +216,11 @@ export type RegistryScriptInput<T = EmptyOptionsSchema, Bundelable extends boole
     scriptInput: Required<Pick<ScriptInput, 'src'>> & ScriptInput;
     scriptOptions?: Omit<NuxtUseScriptOptions, Bundelable extends true ? '' : 'bundle' | Usable extends true ? '' : 'use'>;
 } : never);
+export interface RegistryScriptServerHandler {
+    route: string;
+    handler: string;
+    middleware?: boolean;
+}
 export interface RegistryScript {
     /**
      * The config key used in `scripts.registry` in nuxt.config (e.g., 'googleAnalytics', 'plausibleAnalytics').
@@ -240,6 +247,10 @@ export interface RegistryScript {
         light: string;
         dark: string;
     };
+    /**
+     * Server handlers (routes/middleware) to register when this script is enabled via registry config.
+     */
+    serverHandlers?: RegistryScriptServerHandler[];
 }
 export type ElementScriptTrigger = 'immediate' | 'visible' | string | string[] | false;
 export type RegistryScripts = RegistryScript[];

package/dist/runtime/utils.d.ts

@@ -14,5 +14,6 @@ type OptionsFn<O> = (options: InferIfSchema<O>, ctx: {
     scriptMode?: 'external' | 'npm';
 });
 export declare function scriptRuntimeConfig<T extends keyof ScriptRegistry>(key: T): ScriptRegistry[T];
+export declare function requireRegistryEndpoint(componentName: string, registryKey: string): void;
 export declare function useRegistryScript<T extends Record<string | symbol, any>, O = EmptyOptionsSchema>(registryKey: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T>, T>>;
 export * from './utils/pure.js';

package/dist/runtime/utils.js

@@ -1,6 +1,6 @@
 import { parse } from "#nuxt-scripts-validator";
 import { defu } from "defu";
-import { useRuntimeConfig } from "nuxt/app";
+import { createError, useRuntimeConfig } from "nuxt/app";
 import { parseQuery, parseURL, withQuery } from "ufo";
 import { useScript } from "./composables/useScript.js";
 import { createNpmScriptStub } from "./npm-script-stub.js";
@@ -21,6 +21,15 @@ function validateScriptInputSchema(key, schema, options) {
 export function scriptRuntimeConfig(key) {
   return (useRuntimeConfig().public.scripts || {})[key];
 }
+export function requireRegistryEndpoint(componentName, registryKey) {
+  const endpoints = useRuntimeConfig().public["nuxt-scripts"]?.endpoints;
+  if (!endpoints?.[registryKey]) {
+    throw createError({
+      message: `${componentName} requires \`scripts.registry.${registryKey}\` to be enabled in nuxt.config`,
+      fatal: import.meta.dev
+    });
+  }
+}
 export function useRegistryScript(registryKey, optionsFn, _userOptions) {
   const scriptConfig = scriptRuntimeConfig(registryKey);
   const userOptions = Object.assign(_userOptions || {}, typeof scriptConfig === "object" ? scriptConfig : {});
@@ -49,7 +58,7 @@ export function useRegistryScript(registryKey, optionsFn, _userOptions) {
     };
   }
   const scriptInput = defu(finalScriptInput, userOptions.scriptInput, { key: registryKey });
-  const scriptOptions = Object.assign(userOptions?.scriptOptions || {}, options.scriptOptions || {});
+  const scriptOptions = { ...userOptions?.scriptOptions, ...options.scriptOptions };
   if (import.meta.dev) {
     const error = new Error("Stack trace for component location");
     const stack = error.stack?.split("\n");

package/dist/stats.mjs

@@ -734,7 +734,7 @@ function deriveMetaKey(importName, label) {
 async function getScriptStats() {
   const { registry } = await import('./registry.mjs');
   const entries = await registry();
-  const proxyConfigs = getAllProxyConfigs("/_scripts");
+  const proxyConfigs = getAllProxyConfigs("/_scripts/assets");
   const sizes = scriptSizes;
   return entries.map((entry) => {
     const metaKey = deriveMetaKey(entry.import?.name, entry.label);

package/dist/types-source.mjs

@@ -193,6 +193,18 @@ const stripe = [
 	}
 ];
 const registryTypes = {
+	"bluesky-embed": [
+	{
+		name: "BlueskyEmbedOptions",
+		kind: "const",
+		code: "export const BlueskyEmbedOptions = object({\n  /**\n   * The Bluesky post URL to embed.\n   * @example 'https://bsky.app/profile/bsky.app/post/3mgnwwvj3u22a'\n   */\n  postUrl: string(),\n  /**\n   * Custom API endpoint for fetching post data.\n   * @default '/_scripts/embed/bluesky'\n   */\n  apiEndpoint: optional(string()),\n  /**\n   * Custom image proxy endpoint.\n   * @default '/_scripts/embed/bluesky-image'\n   */\n  imageProxyEndpoint: optional(string()),\n})"
+	},
+	{
+		name: "BlueskyEmbedPostData",
+		kind: "interface",
+		code: "export interface BlueskyEmbedPostData {\n  uri: string\n  cid: string\n  author: {\n    did: string\n    handle: string\n    displayName: string\n    avatar: string\n    labels: Array<{ val: string }>\n    verification?: {\n      verifiedStatus: string\n    }\n  }\n  record: {\n    $type: string\n    createdAt: string\n    text: string\n    langs?: string[]\n    facets?: Array<{\n      features: Array<{\n        $type: string\n        uri?: string\n        did?: string\n        tag?: string\n      }>\n      index: {\n        byteStart: number\n        byteEnd: number\n      }\n    }>\n    embed?: {\n      $type: string\n      images?: Array<{\n        alt: string\n        image: { ref: { $link: string }, mimeType: string, size: number }\n        aspectRatio?: { width: number, height: number }\n      }>\n      external?: {\n        uri: string\n        title: string\n        description: string\n        thumb?: { ref: { $link: string }, mimeType: string, size: number }\n      }\n    }\n  }\n  embed?: {\n    $type: string\n    images?: Array<{\n      thumb: string\n      fullsize: string\n      alt: string\n      aspectRatio?: { width: number, height: number }\n    }>\n    external?: {\n      uri: string\n      title: string\n      description: string\n      thumb?: string\n    }\n  }\n  likeCount: number\n  repostCount: number\n  replyCount: number\n  quoteCount: number\n  indexedAt: string\n  labels: Array<{ val: string }>\n}"
+	}
+],
 	clarity: clarity,
 	"cloudflare-web-analytics": [
 	{
@@ -499,17 +511,17 @@ const registryTypes = {
 	{
 		name: "InstagramEmbedOptions",
 		kind: "const",
-		code: "export const InstagramEmbedOptions = object({\n  /**\n   * The Instagram post URL to embed.\n   * @example 'https://www.instagram.com/p/C_XXXXXXXXX/'\n   * @see https://developers.facebook.com/docs/instagram/oembed/\n   */\n  postUrl: string(),\n  /**\n   * Whether to include captions in the embed.\n   * @default true\n   */\n  captions: optional(boolean()),\n  /**\n   * Custom API endpoint for fetching embed HTML.\n   * @default '/api/_scripts/instagram-embed'\n   */\n  apiEndpoint: optional(string()),\n})"
+		code: "export const InstagramEmbedOptions = object({\n  /**\n   * The Instagram post URL to embed.\n   * @example 'https://www.instagram.com/p/C_XXXXXXXXX/'\n   * @see https://developers.facebook.com/docs/instagram/oembed/\n   */\n  postUrl: string(),\n  /**\n   * Whether to include captions in the embed.\n   * @default true\n   */\n  captions: optional(boolean()),\n  /**\n   * Custom API endpoint for fetching embed HTML.\n   * @default '/_scripts/embed/instagram'\n   */\n  apiEndpoint: optional(string()),\n})"
 	},
 	{
 		name: "ScriptInstagramEmbedProps",
 		kind: "interface",
-		code: "interface ScriptInstagramEmbedProps {\n  /**\n   * The Instagram post URL to embed\n   * e.g., https://www.instagram.com/p/ABC123/\n   */\n  postUrl: string\n  /**\n   * Whether to include captions in the embed\n   * @default true\n   */\n  captions?: boolean\n  /**\n   * Custom API endpoint for fetching embed HTML\n   * @default '/api/_scripts/instagram-embed'\n   */\n  apiEndpoint?: string\n  /**\n   * Root element attributes\n   */\n  rootAttrs?: HTMLAttributes\n}"
+		code: "interface ScriptInstagramEmbedProps {\n  /**\n   * The Instagram post URL to embed\n   * e.g., https://www.instagram.com/p/ABC123/\n   */\n  postUrl: string\n  /**\n   * Whether to include captions in the embed\n   * @default true\n   */\n  captions?: boolean\n  /**\n   * Custom API endpoint for fetching embed HTML\n   * @default '/_scripts/embed/instagram'\n   */\n  apiEndpoint?: string\n  /**\n   * Root element attributes\n   */\n  rootAttrs?: HTMLAttributes\n}"
 	},
 	{
 		name: "ScriptInstagramEmbedDefaults",
 		kind: "const",
-		code: "const ScriptInstagramEmbedDefaults = {\n  \"captions\": \"true\",\n  \"apiEndpoint\": \"'/api/_scripts/instagram-embed'\"\n}"
+		code: "const ScriptInstagramEmbedDefaults = {\n  \"captions\": \"true\",\n  \"apiEndpoint\": \"'/_scripts/embed/instagram'\"\n}"
 	}
 ],
 	intercom: intercom,
@@ -789,7 +801,7 @@ const registryTypes = {
 	{
 		name: "XEmbedOptions",
 		kind: "const",
-		code: "export const XEmbedOptions = object({\n  /**\n   * The tweet ID to embed.\n   * @example '1754336034228171055'\n   * @see https://developer.x.com/en/docs/twitter-for-websites/embedded-tweets/overview\n   */\n  tweetId: string(),\n  /**\n   * Optional: Custom API endpoint for fetching tweet data.\n   * @default '/api/_scripts/x-embed'\n   */\n  apiEndpoint: optional(string()),\n  /**\n   * Optional: Custom image proxy endpoint.\n   * @default '/api/_scripts/x-embed-image'\n   */\n  imageProxyEndpoint: optional(string()),\n})"
+		code: "export const XEmbedOptions = object({\n  /**\n   * The tweet ID to embed.\n   * @example '1754336034228171055'\n   * @see https://developer.x.com/en/docs/twitter-for-websites/embedded-tweets/overview\n   */\n  tweetId: string(),\n  /**\n   * Optional: Custom API endpoint for fetching tweet data.\n   * @default '/_scripts/embed/x'\n   */\n  apiEndpoint: optional(string()),\n  /**\n   * Optional: Custom image proxy endpoint.\n   * @default '/_scripts/embed/x-image'\n   */\n  imageProxyEndpoint: optional(string()),\n})"
 	},
 	{
 		name: "XEmbedTweetData",
@@ -799,12 +811,12 @@ const registryTypes = {
 	{
 		name: "ScriptXEmbedProps",
 		kind: "interface",
-		code: "interface ScriptXEmbedProps {\n  /**\n   * The tweet ID to embed\n   */\n  tweetId: string\n  /**\n   * Custom API endpoint for fetching tweet data\n   * @default '/api/_scripts/x-embed'\n   */\n  apiEndpoint?: string\n  /**\n   * Custom image proxy endpoint\n   * @default '/_scripts/x-embed-image'\n   */\n  imageProxyEndpoint?: string\n  /**\n   * Root element attributes\n   */\n  rootAttrs?: HTMLAttributes\n}"
+		code: "interface ScriptXEmbedProps {\n  /**\n   * The tweet ID to embed\n   */\n  tweetId: string\n  /**\n   * Custom API endpoint for fetching tweet data\n   * @default '/_scripts/embed/x'\n   */\n  apiEndpoint?: string\n  /**\n   * Custom image proxy endpoint\n   * @default '/_scripts/embed/x-image'\n   */\n  imageProxyEndpoint?: string\n  /**\n   * Root element attributes\n   */\n  rootAttrs?: HTMLAttributes\n}"
 	},
 	{
 		name: "ScriptXEmbedDefaults",
 		kind: "const",
-		code: "const ScriptXEmbedDefaults = {\n  \"apiEndpoint\": \"'/api/_scripts/x-embed'\",\n  \"imageProxyEndpoint\": \"'/api/_scripts/x-embed-image'\"\n}"
+		code: "const ScriptXEmbedDefaults = {\n  \"apiEndpoint\": \"'/_scripts/embed/x'\",\n  \"imageProxyEndpoint\": \"'/_scripts/embed/x-image'\"\n}"
 	}
 ],
 	"x-pixel": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.22",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "name": "Harlan Wilton",
@@ -97,7 +97,7 @@
   },
   "dependencies": {
     "@nuxt/devtools-kit": "^3.2.3",
-    "@nuxt/kit": "^4.3.1",
+    "@nuxt/kit": "^4.4.2",
     "@vueuse/core": "^14.2.1",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -112,12 +112,13 @@
     "sirv": "^3.0.2",
     "std-env": "^4.0.0",
     "ufo": "^1.6.3",
+    "ultrahtml": "^1.6.0",
     "unplugin": "^3.0.0",
     "unstorage": "^1.17.4",
     "valibot": "^1.2.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^7.7.0",
+    "@antfu/eslint-config": "^7.7.2",
     "@nuxt/devtools-ui-kit": "^3.2.3",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^4.0.0",
@@ -130,18 +131,18 @@
     "bumpp": "^10.4.1",
     "eslint": "^10.0.3",
     "eslint-plugin-harlanzw": "^0.5.17",
-    "happy-dom": "^20.8.3",
+    "happy-dom": "^20.8.4",
     "knitwork": "^1.3.0",
-    "nuxt": "^4.3.1",
+    "nuxt": "^4.4.2",
     "playwright-core": "^1.58.2",
     "posthog-js": "^1.360.1",
     "shiki": "^4.0.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.0",
     "vue": "^3.5.30",
     "vue-router": "^5.0.3",
     "vue-tsc": "^3.2.5",
-    "@nuxt/scripts": "1.0.0-beta.21"
+    "@nuxt/scripts": "1.0.0-beta.22"
   },
   "resolutions": {
     "@nuxt/scripts": "workspace:*"

package/dist/client/_nuxt/builds/meta/6660a023-888d-415f-b66d-ce774e6f8f11.json

@@ -1 +0,0 @@
-{"id":"6660a023-888d-415f-b66d-ce774e6f8f11","timestamp":1773295617596,"prerendered":[]}

package/dist/client/_nuxt/error-404.CHeaW3dp.css

@@ -1 +0,0 @@
-.grid[data-v-df3b570e]{display:grid}.mb-2[data-v-df3b570e]{margin-bottom:.5rem}.mb-4[data-v-df3b570e]{margin-bottom:1rem}.max-w-520px[data-v-df3b570e]{max-width:520px}.min-h-screen[data-v-df3b570e]{min-height:100vh}.w-full[data-v-df3b570e]{width:100%}.flex[data-v-df3b570e]{display:flex}.place-content-center[data-v-df3b570e]{place-content:center}.items-center[data-v-df3b570e]{align-items:center}.justify-center[data-v-df3b570e]{justify-content:center}.overflow-hidden[data-v-df3b570e]{overflow:hidden}.bg-white[data-v-df3b570e]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-df3b570e]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-df3b570e]{text-align:center}.text-\[80px\][data-v-df3b570e]{font-size:80px}.text-2xl[data-v-df3b570e]{font-size:1.5rem;line-height:2rem}.text-sm[data-v-df3b570e]{font-size:.875rem;line-height:1.25rem}.text-\[\#020420\][data-v-df3b570e]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-df3b570e]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.hover\:text-\[\#00DC82\][data-v-df3b570e]:hover{--un-text-opacity:1;color:rgb(0 220 130/var(--un-text-opacity))}.font-medium[data-v-df3b570e]{font-weight:500}.font-semibold[data-v-df3b570e]{font-weight:600}.leading-none[data-v-df3b570e]{line-height:1}.tracking-wide[data-v-df3b570e]{letter-spacing:.025em}.font-sans[data-v-df3b570e]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums[data-v-df3b570e]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline[data-v-df3b570e]{text-decoration-line:underline}.underline-offset-3[data-v-df3b570e]{text-underline-offset:3px}.antialiased[data-v-df3b570e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-df3b570e]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-df3b570e]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-df3b570e]{font-size:110px}.sm\:text-3xl[data-v-df3b570e]{font-size:1.875rem;line-height:2.25rem}}

package/dist/client/_nuxt/error-500.DvOvWme_.css

@@ -1 +0,0 @@
-.grid[data-v-fe397717]{display:grid}.mb-2[data-v-fe397717]{margin-bottom:.5rem}.mb-4[data-v-fe397717]{margin-bottom:1rem}.max-w-520px[data-v-fe397717]{max-width:520px}.min-h-screen[data-v-fe397717]{min-height:100vh}.place-content-center[data-v-fe397717]{place-content:center}.overflow-hidden[data-v-fe397717]{overflow:hidden}.bg-white[data-v-fe397717]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-fe397717]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-fe397717]{text-align:center}.text-\[80px\][data-v-fe397717]{font-size:80px}.text-2xl[data-v-fe397717]{font-size:1.5rem;line-height:2rem}.text-\[\#020420\][data-v-fe397717]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-fe397717]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.font-semibold[data-v-fe397717]{font-weight:600}.leading-none[data-v-fe397717]{line-height:1}.tracking-wide[data-v-fe397717]{letter-spacing:.025em}.font-sans[data-v-fe397717]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums[data-v-fe397717]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.antialiased[data-v-fe397717]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-fe397717]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-fe397717]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-fe397717]{font-size:110px}.sm\:text-3xl[data-v-fe397717]{font-size:1.875rem;line-height:2.25rem}}