();
+
+app.use(staticFiles());
+
+// Content-Security-Policy. Fresh 2's `csp` middleware ships sensible
+// defaults (default-src 'self', script/style-src 'self' 'unsafe-inline',
+// frame-ancestors 'none', base-uri 'self', upgrade-insecure-requests, etc.);
+// `useNonce: true` swaps the 'unsafe-inline' allowance for per-request
+// nonces that Fresh injects into the inline scripts/styles it emits.
+//
+// We only need to extend `img-src` to permit the two avatar hosts used by
+// developer profiles: GitHub OAuth avatars and Gravatar.
+app.use(
+ csp({
+ useNonce: true,
+ csp: [
+ "img-src 'self' data: avatars.githubusercontent.com www.gravatar.com",
+ ],
+ }),
+);
+
+app.fsRoutes();
+
+if (import.meta.main) {
+ await app.listen();
+}
+
+export default app;
diff --git a/routes/335afc1fe2e63.ts b/routes/335afc1fe2e63.ts
index a949cf0..cf0e15f 100644
--- a/routes/335afc1fe2e63.ts
+++ b/routes/335afc1fe2e63.ts
@@ -1,14 +1,15 @@
/* Reverse proxy for Clicky beacon to enable analytics */
-import { FreshContext, Handlers } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
+import type { Handlers } from "fresh/compat";
import proxyRequest from "@/utils/proxyRequest.ts";
const proxiedUrl = "https://in.getclicky.com/in.php";
-function proxyClickyRequest(req: Request, ctx: FreshContext) {
- const requestedUrl = new URL(req.url);
+function proxyClickyRequest(ctx: FreshContext) {
+ const requestedUrl = new URL(ctx.req.url);
const withQueryString = new URL(proxiedUrl);
withQueryString.search = requestedUrl.search;
- return proxyRequest(withQueryString, req, ctx);
+ return proxyRequest(withQueryString, ctx.req, ctx);
}
export const handler: Handlers = {
diff --git a/routes/56ac6c4e308a9.ts b/routes/56ac6c4e308a9.ts
index 36ea586..197443e 100644
--- a/routes/56ac6c4e308a9.ts
+++ b/routes/56ac6c4e308a9.ts
@@ -1,13 +1,14 @@
/* Reverse proxy for Clicky tracking code to enable analytics */
-import { FreshContext, Handlers } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
+import type { Handlers } from "fresh/compat";
import proxyRequest from "@/utils/proxyRequest.ts";
const proxiedUrl = new URL(
"https://static.getclicky.com/js?in=%2F335afc1fe2e63",
);
-function proxyClickyRequest(req: Request, ctx: FreshContext) {
- return proxyRequest(proxiedUrl, req, ctx);
+function proxyClickyRequest(ctx: FreshContext) {
+ return proxyRequest(proxiedUrl, ctx.req, ctx);
}
export const handler: Handlers = {
diff --git a/routes/_404.tsx b/routes/_404.tsx
index e309793..f9251d2 100644
--- a/routes/_404.tsx
+++ b/routes/_404.tsx
@@ -1,35 +1,29 @@
-import { PageProps } from "$fresh/server.ts";
-import { Head } from "$fresh/runtime.ts";
-import buildPageTitle from "@/utils/pageTitle.ts";
+import type { PageProps } from "fresh";
import ContactSupportLink from "@/components/ContactSupportLink.tsx";
import { SITE_NAME } from "@/utils/constants.ts";
export default function NotFoundPage({ url }: PageProps) {
+ // NB: Fresh 2 removed the `` helper. The site-wide `` rendered
+ // by routes/_app.tsx serves as the fallback for the 404 page.
const supportMessageBody = `Hello, this is [Your Name Here].
I was trying to access "${url}" on ${SITE_NAME}, but it wasn't found.
I think it should work because [Your Reason Here].
Please help!`;
return (
- <>
- {/* NB: 404 page can't have custom handler to pass title into */}
- <Head>
- <title>{buildPageTitle("Page not found ∅")}
-
-
- Page not found ∅
-
- It doesn't look like this page exists — if you think it should,
- {" "}
- .
-
-
- Return home
-
-
-
+
+ Page not found ∅
+
+ It doesn't look like this page exists — if you think it should,
+ {" "}
+ .
+
+
+ Return home
+
+
);
}
diff --git a/routes/_500.tsx b/routes/_500.tsx
index 6f1db83..fc5bd4a 100644
--- a/routes/_500.tsx
+++ b/routes/_500.tsx
@@ -1,4 +1,4 @@
-import { PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
import ContactSupportLink from "@/components/ContactSupportLink.tsx";
import { SITE_NAME } from "@/utils/constants.ts";
diff --git a/routes/_app.tsx b/routes/_app.tsx
index cc4c9f0..060736d 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -1,4 +1,4 @@
-import { PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
import Header from "@/components/Header.tsx";
import Footer from "@/components/Footer.tsx";
import Meta from "@/components/Meta.tsx";
@@ -6,19 +6,17 @@ import { SITE_DESCRIPTION } from "../utils/constants.ts";
import { CLICKY_SITE_ID } from "@/utils/config.ts";
import buildPageTitle from "@/utils/pageTitle.ts";
-export default function App(props: PageProps) {
- if (props.url.pathname.startsWith("/kv-insights")) {
- return ;
- }
-
- const title = buildPageTitle(props.data?.title);
+// deno-lint-ignore no-explicit-any
+export default function App(props: PageProps) {
+ const data = props.data ?? {};
+ const title = buildPageTitle(data.title);
return (
@@ -26,13 +24,13 @@ export default function App(props: PageProps) {
diff --git a/routes/_middleware.ts b/routes/_middleware.ts
index b20fbc7..6f2c8dd 100644
--- a/routes/_middleware.ts
+++ b/routes/_middleware.ts
@@ -1,22 +1,20 @@
-import { FreshContext } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
import { getSessionId } from "kv_oauth";
import type { MetaProps } from "@/components/Meta.tsx";
import { EMPLOYER_SESSION_COOKIE_NAME } from "@/utils/constants.ts";
-import { getCookies } from "std/http/cookie.ts";
+import { getCookies } from "@std/http/cookie";
export interface State extends MetaProps {
employerSessionId?: string;
sessionId?: string;
}
-async function setState(req: Request, ctx: FreshContext) {
- if (ctx.destination !== "route") return await ctx.next();
-
- const sessionId = await getSessionId(req);
+async function setState(ctx: FreshContext) {
+ const sessionId = await getSessionId(ctx.req);
ctx.state.sessionId = sessionId;
const employerSessionId =
- getCookies(req.headers)[EMPLOYER_SESSION_COOKIE_NAME];
+ getCookies(ctx.req.headers)[EMPLOYER_SESSION_COOKIE_NAME];
if (employerSessionId) {
ctx.state.employerSessionId = employerSessionId;
diff --git a/routes/about.tsx b/routes/about.tsx
index ef645d5..f180b49 100644
--- a/routes/about.tsx
+++ b/routes/about.tsx
@@ -1,4 +1,5 @@
-import type { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
+import { page } from "fresh";
import { State } from "@/routes/_middleware.ts";
import {
KEVINS_EMAIL_ADDRESS,
@@ -16,8 +17,8 @@ const profileImageBlurHash =
"oQJQ.jX-L1r@=|s;~nIo%LRjWBoL55RP#mW=S2bbtRt7b0t7agt6ozRjxFWoI:xat6f6RQj?WVWX";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/account/_middleware.ts b/routes/account/_middleware.ts
index 3c6254f..891bf68 100644
--- a/routes/account/_middleware.ts
+++ b/routes/account/_middleware.ts
@@ -1,11 +1,11 @@
import { State } from "@/routes/_middleware.ts";
-import { FreshContext } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
import { Developer } from "@/types/Developer.ts";
import { redirectToDeveloperSignIn } from "@/utils/redirect.ts";
import getDeveloperFromSessionId, {
DeveloperSessionResult,
} from "@/utils/getDeveloperFromSessionId.ts";
-import { signOut } from "kv_oauth/mod.ts";
+import { signOut } from "kv_oauth";
export interface AccountState extends State {
sessionId: string;
@@ -13,10 +13,9 @@ export interface AccountState extends State {
}
export async function handler(
- req: Request,
ctx: FreshContext,
) {
- const redirectResponse = redirectToDeveloperSignIn(req.url);
+ const redirectResponse = redirectToDeveloperSignIn(ctx.req.url);
const { sessionId } = ctx.state;
const maybeDeveloper = await getDeveloperFromSessionId(sessionId);
@@ -26,7 +25,7 @@ export async function handler(
return redirectResponse;
case DeveloperSessionResult.NO_DEVELOPER:
console.error("No developer");
- return await signOut(req);
+ return await signOut(ctx.req);
default:
ctx.state.developer = maybeDeveloper;
break;
diff --git a/routes/account/connectOAuth.ts b/routes/account/connectOAuth.ts
index fde787a..737afab 100644
--- a/routes/account/connectOAuth.ts
+++ b/routes/account/connectOAuth.ts
@@ -1,4 +1,5 @@
-import { defineRoute } from "$fresh/server.ts";
+import { defineRoute } from "fresh/compat";
+import { HttpError } from "fresh";
import { signIn } from "kv_oauth";
import {
gitHubOAuth2Client,
@@ -7,8 +8,8 @@ import {
import { OAuthProvider } from "@/types/OAuthProvider.ts";
export default defineRoute(
- async (req, ctx) => {
- const requestUrl = new URL(req.url);
+ async (ctx) => {
+ const requestUrl = new URL(ctx.req.url);
const provider = requestUrl.searchParams.get("provider");
let client;
switch (provider) {
@@ -19,8 +20,8 @@ export default defineRoute(
client = googleOAuth2Client;
break;
default:
- return ctx.renderNotFound();
+ throw new HttpError(404);
}
- return await signIn(req, client);
+ return await signIn(ctx.req, client);
},
);
diff --git a/routes/account/delete.tsx b/routes/account/delete.tsx
index ef4cb96..fa093de 100644
--- a/routes/account/delete.tsx
+++ b/routes/account/delete.tsx
@@ -1,13 +1,13 @@
-import type { Handlers, PageProps, RouteConfig } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { AccountState } from "@/routes/account/_middleware.ts";
import ContactSupportLink from "@/components/ContactSupportLink.tsx";
import { SIGN_IN_HELP_COOKIE_NAME, SITE_NAME } from "@/utils/constants.ts";
import { createCsrfToken, deleteDeveloper } from "@/utils/db.ts";
import { signOut } from "kv_oauth";
-import { deleteCookie } from "std/http/cookie.ts";
+import { deleteCookie } from "@std/http/cookie";
import DeleteAccountButton from "@/islands/DeleteAccountButton.tsx";
-import { useCSP } from "$fresh/src/runtime/csp.ts";
-import denoDevsCsp from "@/utils/csp.ts";
import {
ProtectedForm,
readPostDataAndValidateCsrfToken,
@@ -17,14 +17,14 @@ import { CSRFInput } from "@/components/CRSFInput.tsx";
interface Props extends AccountState, ProtectedForm {}
export const handler: Handlers = {
- async GET(_request, ctx) {
+ async GET(ctx) {
ctx.state.title = "Delete My Account";
const csrfToken = await createCsrfToken();
- return ctx.render({ ...ctx.state, csrfToken });
+ return page({ ...ctx.state, csrfToken });
},
- async POST(req, ctx) {
- await readPostDataAndValidateCsrfToken(req);
- const res = await signOut(req);
+ async POST(ctx) {
+ await readPostDataAndValidateCsrfToken(ctx.req);
+ const res = await signOut(ctx.req);
await deleteDeveloper(ctx.state.developer);
deleteCookie(res.headers, SIGN_IN_HELP_COOKIE_NAME, { path: "/" });
@@ -36,7 +36,6 @@ export default function DeleteAccountPage(props: PageProps) {
const messageBody =
`Hello Kevin, I'm considering deleting my ${SITE_NAME} account because [Your Reason Here]...`;
const messageSubject = `Deleting ${SITE_NAME} account`;
- useCSP(denoDevsCsp);
return (
Delete Account
@@ -63,7 +62,3 @@ export default function DeleteAccountPage(props: PageProps) {
);
}
-
-export const config: RouteConfig = {
- csp: true,
-};
diff --git a/routes/account/index.tsx b/routes/account/index.tsx
index d096d50..5e0742d 100644
--- a/routes/account/index.tsx
+++ b/routes/account/index.tsx
@@ -1,6 +1,7 @@
-import type { Handlers, PageProps, RouteConfig } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import type { AccountState } from "./_middleware.ts";
-import { useCSP } from "$fresh/src/runtime/csp.ts";
import {
createCsrfToken,
getGitHubProfileByDeveloper,
@@ -12,7 +13,6 @@ import {
import { DeveloperStatus } from "@/types/DeveloperStatus.ts";
import SignOutLink from "@/components/SignOutLink.tsx";
import { UserType } from "@/types/UserType.ts";
-import denoDevsCsp from "@/utils/csp.ts";
import { SITE_NAME } from "@/utils/constants.ts";
import {
ProtectedForm,
@@ -26,7 +26,7 @@ interface Props extends AccountState, ProtectedForm {
}
export const handler: Handlers = {
- async GET(_req, ctx) {
+ async GET(ctx) {
const csrfToken = await createCsrfToken();
ctx.state.title = "Account";
@@ -38,7 +38,7 @@ export const handler: Handlers = {
developerId,
);
- return ctx.render({
+ return page({
...ctx.state,
csrfToken,
gitHubProfile,
@@ -46,8 +46,8 @@ export const handler: Handlers = {
});
},
- async POST(req, ctx) {
- const form = await readPostDataAndValidateCsrfToken(req);
+ async POST(ctx) {
+ const form = await readPostDataAndValidateCsrfToken(ctx.req);
const developer = ctx.state.developer;
const fullNameEntryValue = form.get("fullName");
const locationEntryValue = form.get("location");
@@ -100,8 +100,6 @@ export const handler: Handlers = {
};
export default function AccountPage(_props: PageProps) {
- useCSP(denoDevsCsp);
-
return (
Welcome to your {SITE_NAME} profile!
@@ -110,7 +108,3 @@ export default function AccountPage(_props: PageProps) {
);
}
-
-export const config: RouteConfig = {
- csp: true,
-};
diff --git a/routes/account/sendVerificationEmail.ts b/routes/account/sendVerificationEmail.ts
index 75f2bb8..8756d06 100644
--- a/routes/account/sendVerificationEmail.ts
+++ b/routes/account/sendVerificationEmail.ts
@@ -1,16 +1,16 @@
-import type { Handlers, PageProps } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
import type { AccountState } from "@/routes/account/_middleware.ts";
import { createSignInToken, updateDeveloper } from "@/utils/db.ts";
import {
hasEmail,
sendDeveloperEmailVerificationMessage,
} from "@/utils/email.ts";
-import { STATUS_CODE } from "std/http/status.ts";
+import { STATUS_CODE } from "@std/http/status";
-export const handler: Handlers, AccountState> = {
- async POST(_req, ctx) {
+export const handler: Handlers = {
+ async POST(ctx) {
const { developer } = ctx.state;
- const email = (await _req.json())?.email;
+ const email = (await ctx.req.json())?.email;
if (typeof email !== "string" || email.length === 0) {
return new Response(null, { status: STATUS_CODE.BadRequest });
}
diff --git a/routes/admin/emailTemplates.tsx b/routes/admin/emailTemplates.tsx
index 6743624..8f12ade 100644
--- a/routes/admin/emailTemplates.tsx
+++ b/routes/admin/emailTemplates.tsx
@@ -1,4 +1,6 @@
-import { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { AdminState } from "@/utils/adminAccessHandler.ts";
import { renderTemplateSamples, TemplateSample } from "@/utils/email.ts";
@@ -7,8 +9,8 @@ interface Props extends AdminState {
}
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render({
+ GET(ctx) {
+ return page({
...ctx.state,
templateSamples: renderTemplateSamples(),
});
@@ -29,6 +31,11 @@ export default function EmailTemplatesPage(props: PageProps) {
To: {sample.message.to}
Subject: {sample.message.subject}
+ {
+ /* Admin-only preview of email templates rendered by our own
+ Resend helper (not user-controlled). The react-no-danger
+ rule is disabled project-wide in deno.json. */
+ }
);
diff --git a/routes/admin/index.tsx b/routes/admin/index.tsx
index a55090c..2612131 100644
--- a/routes/admin/index.tsx
+++ b/routes/admin/index.tsx
@@ -1,4 +1,6 @@
-import { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { AdminState } from "@/utils/adminAccessHandler.ts";
import { AllTimeMetric, getManyMetricsForAllTime } from "@/utils/db.ts";
@@ -8,12 +10,12 @@ interface Props extends AdminState {
}
export const handler: Handlers = {
- async GET(_, ctx) {
+ async GET(ctx) {
const [developersCount, employersCount] = await getManyMetricsForAllTime([
AllTimeMetric.DevelopersCreatedCount,
AllTimeMetric.EmployersCreatedCount,
]);
- return ctx.render({ ...ctx.state, developersCount, employersCount });
+ return page({ ...ctx.state, developersCount, employersCount });
},
};
diff --git a/routes/employer/_middleware.ts b/routes/employer/_middleware.ts
index 22aece0..20f4e86 100644
--- a/routes/employer/_middleware.ts
+++ b/routes/employer/_middleware.ts
@@ -7,7 +7,7 @@ import {
} from "@/utils/db.ts";
import { redirectToEmployerSignIn } from "@/utils/redirect.ts";
import { SESSION_COOKIE_LIFETIME_MS } from "@/utils/constants.ts";
-import { FreshContext } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
export interface EmployerState extends State {
employerSessionId: string;
@@ -15,10 +15,9 @@ export interface EmployerState extends State {
}
export async function handler(
- req: Request,
ctx: FreshContext,
) {
- const redirectResponse = redirectToEmployerSignIn(req.url);
+ const redirectResponse = redirectToEmployerSignIn(ctx.req.url);
const { employerSessionId } = ctx.state;
if (!employerSessionId) {
console.error(`no employerSessionId found`);
diff --git a/routes/employer/delete.tsx b/routes/employer/delete.tsx
index 7799d72..0121d3e 100644
--- a/routes/employer/delete.tsx
+++ b/routes/employer/delete.tsx
@@ -1,4 +1,6 @@
-import type { Handlers, PageProps, RouteConfig } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import ContactSupportLink from "@/components/ContactSupportLink.tsx";
import {
EMPLOYER_SESSION_COOKIE_NAME,
@@ -6,10 +8,8 @@ import {
SITE_NAME,
} from "@/utils/constants.ts";
import { signOut } from "kv_oauth";
-import { deleteCookie } from "std/http/cookie.ts";
+import { deleteCookie } from "@std/http/cookie";
import DeleteAccountButton from "@/islands/DeleteAccountButton.tsx";
-import { useCSP } from "$fresh/src/runtime/csp.ts";
-import denoDevsCsp from "@/utils/csp.ts";
import { EmployerState } from "@/routes/employer/_middleware.ts";
import { createCsrfToken, deleteEmployer } from "@/utils/db.ts";
import {
@@ -21,14 +21,14 @@ import { CSRFInput } from "@/components/CRSFInput.tsx";
interface Props extends EmployerState, ProtectedForm {}
export const handler: Handlers = {
- async GET(_request, ctx) {
+ async GET(ctx) {
ctx.state.title = "Delete My Account";
const csrfToken = await createCsrfToken();
- return ctx.render({ ...ctx.state, csrfToken });
+ return page({ ...ctx.state, csrfToken });
},
- async POST(req, ctx) {
- await readPostDataAndValidateCsrfToken(req);
- const res = await signOut(req);
+ async POST(ctx) {
+ await readPostDataAndValidateCsrfToken(ctx.req);
+ const res = await signOut(ctx.req);
await deleteEmployer(ctx.state.employer);
deleteCookie(res.headers, EMPLOYER_SESSION_COOKIE_NAME, { path: "/" });
deleteCookie(res.headers, SIGN_IN_HELP_COOKIE_NAME, { path: "/" });
@@ -41,7 +41,6 @@ export default function AccountPage(props: PageProps) {
const messageBody =
`Hello Kevin, I'm considering deleting my ${SITE_NAME} account because [Your Reason Here]...`;
const messageSubject = `Deleting ${SITE_NAME} account`;
- useCSP(denoDevsCsp);
return (
Delete Account
@@ -68,7 +67,3 @@ export default function AccountPage(props: PageProps) {
);
}
-
-export const config: RouteConfig = {
- csp: true,
-};
diff --git a/routes/employer/index.tsx b/routes/employer/index.tsx
index ea73051..dd9561e 100644
--- a/routes/employer/index.tsx
+++ b/routes/employer/index.tsx
@@ -1,11 +1,13 @@
import { EmployerState } from "@/routes/employer/_middleware.ts";
-import { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import SignOutLink from "@/components/SignOutLink.tsx";
import { UserType } from "@/types/UserType.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/employerCallback.ts b/routes/employerCallback.ts
index fa50157..f84b2f5 100644
--- a/routes/employerCallback.ts
+++ b/routes/employerCallback.ts
@@ -1,4 +1,4 @@
-import { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
import { State } from "@/routes/_middleware.ts";
import {
deleteRedirectUrlCookie,
@@ -13,7 +13,7 @@ import {
getSignInToken,
updateEmployer,
} from "@/utils/db.ts";
-import { setCookie } from "std/http/cookie.ts";
+import { setCookie } from "@std/http/cookie";
import {
EMPLOYER_SESSION_COOKIE_NAME,
SESSION_COOKIE_LIFETIME_MS,
@@ -23,7 +23,8 @@ import { addEmployerEmailToResponse } from "@/utils/signInHelp.ts";
import { USE_SECURE_COOKIES } from "@/utils/config.ts";
export const handler: Handlers = {
- async GET(req) {
+ async GET(ctx) {
+ const { req } = ctx;
const signInResponse = redirectToEmployerSignIn();
const requestUrl = new URL(req.url);
const token = requestUrl.searchParams.get("token");
diff --git a/routes/employerSignIn.tsx b/routes/employerSignIn.tsx
index 7aee64f..27a0f39 100644
--- a/routes/employerSignIn.tsx
+++ b/routes/employerSignIn.tsx
@@ -1,4 +1,6 @@
-import { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { State } from "@/routes/_middleware.ts";
import { redirect, setRedirectUrlCookie } from "@/utils/redirect.ts";
import { createSignInToken, getEmployerByEmail } from "@/utils/db.ts";
@@ -16,17 +18,17 @@ interface EmployerSignInPageData extends State {
}
export const handler: Handlers = {
- GET(req, ctx) {
- const signInHelp = getSignInHelpFromCookie(req);
+ GET(ctx) {
+ const signInHelp = getSignInHelpFromCookie(ctx.req);
if (ctx.state.employerSessionId !== undefined) return redirect("/");
- return ctx.render({ ...ctx.state, hasSubmitted: false, signInHelp });
+ return page({ ...ctx.state, hasSubmitted: false, signInHelp });
},
- async POST(req, ctx) {
- const form = await req.formData();
+ async POST(ctx) {
+ const form = await ctx.req.formData();
const email = form.get("email")?.toString();
- const signInHelp = getSignInHelpFromCookie(req);
+ const signInHelp = getSignInHelpFromCookie(ctx.req);
if (!email) {
return new Response(null, { status: 400 });
@@ -43,16 +45,18 @@ export const handler: Handlers = {
await sendEmployerSignInEmailMessage(employer, signInToken.uuid);
}
- const response = await ctx.render({
- ...ctx.state,
- email,
- hasSubmitted: true,
- signInHelp,
- });
+ // POST handler returns PageResponse; setRedirectUrlCookie was previously
+ // wrapping the rendered Response. With the new page() pattern we can't
+ // easily set a cookie on the response, so include the cookie via the
+ // page response headers.
+ const headers = new Headers();
if (signInResult) {
- setRedirectUrlCookie(req, response);
+ setRedirectUrlCookie(ctx.req, new Response(null, { headers }));
}
- return response;
+ return page(
+ { ...ctx.state, email, hasSubmitted: true, signInHelp },
+ { headers },
+ );
},
};
diff --git a/routes/hiring.tsx b/routes/hiring.tsx
index 27e60e2..ed9dccb 100644
--- a/routes/hiring.tsx
+++ b/routes/hiring.tsx
@@ -1,10 +1,11 @@
-import type { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
+import { page } from "fresh";
import type { State } from "@/routes/_middleware.ts";
import { SITE_NAME, SITE_VERSION } from "@/utils/constants.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/index.tsx b/routes/index.tsx
index 8615e47..661f1bb 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -1,10 +1,11 @@
-import type { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
+import { page } from "fresh";
import type { State } from "@/routes/_middleware.ts";
import { SITE_NAME } from "@/utils/constants.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/kv-insights/_middleware.ts b/routes/kv-insights/_middleware.ts
deleted file mode 100644
index 66473cc..0000000
--- a/routes/kv-insights/_middleware.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { adminAccessHandler } from "@/utils/adminAccessHandler.ts";
-
-export const handler = adminAccessHandler;
diff --git a/routes/privacyPolicy.tsx b/routes/privacyPolicy.tsx
index a80fe24..9d4e129 100644
--- a/routes/privacyPolicy.tsx
+++ b/routes/privacyPolicy.tsx
@@ -1,4 +1,4 @@
-import { defineRoute } from "$fresh/server.ts";
+import { defineRoute } from "fresh/compat";
import { marked } from "marked";
import { SITE_NAME } from "@/utils/constants.ts";
@@ -20,6 +20,10 @@ export default defineRoute(() => {
})}
+ {
+ /* Renders a repo-local markdown file (not user input). The
+ react-no-danger rule is disabled project-wide in deno.json. */
+ }
diff --git a/routes/signInOAuth.ts b/routes/signInOAuth.ts
index 86ce1e9..9879706 100644
--- a/routes/signInOAuth.ts
+++ b/routes/signInOAuth.ts
@@ -1,4 +1,5 @@
-import { defineRoute } from "$fresh/server.ts";
+import { defineRoute } from "fresh/compat";
+import { HttpError } from "fresh";
import { signIn } from "kv_oauth";
import {
gitHubOAuth2Client,
@@ -7,8 +8,8 @@ import {
import { OAuthProvider } from "@/types/OAuthProvider.ts";
export default defineRoute(
- async (req, ctx) => {
- const requestUrl = new URL(req.url);
+ async (ctx) => {
+ const requestUrl = new URL(ctx.req.url);
const provider = requestUrl.searchParams.get("provider");
let client;
@@ -20,9 +21,9 @@ export default defineRoute(
client = googleOAuth2Client;
break;
default:
- return ctx.renderNotFound();
+ throw new HttpError(404);
}
- return await signIn(req, client);
+ return await signIn(ctx.req, client);
},
);
diff --git a/routes/signin.tsx b/routes/signin.tsx
index 565f67a..66c5ea3 100644
--- a/routes/signin.tsx
+++ b/routes/signin.tsx
@@ -1,4 +1,6 @@
-import type { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import type { State } from "./_middleware.ts";
import { redirect } from "@/utils/redirect.ts";
import SignInFormSupportLink from "@/components/SignInFormSupportLink.tsx";
@@ -21,13 +23,13 @@ export const handler: Handlers = {
* Redirects the client to the authenticated redirect path if already signed in.
* If not signed in, it continues to rendering the sign in page.
*/
- GET(req, ctx) {
- const from = new URL(req.url).searchParams.get("from");
- const signInHelp = getSignInHelpFromCookie(req);
+ GET(ctx) {
+ const from = new URL(ctx.req.url).searchParams.get("from");
+ const signInHelp = getSignInHelpFromCookie(ctx.req);
if (ctx.state.sessionId !== undefined) return redirect("/account");
- return ctx.render({ ...ctx.state, from, signInHelp });
+ return page({ ...ctx.state, from, signInHelp });
},
};
diff --git a/routes/signout.ts b/routes/signout.ts
index 4b1f95e..3c6d4bf 100644
--- a/routes/signout.ts
+++ b/routes/signout.ts
@@ -1,11 +1,12 @@
-import { defineRoute, RouteContext } from "$fresh/server.ts";
+import { defineRoute } from "fresh/compat";
+import type { FreshContext } from "fresh";
import { UserType } from "@/types/UserType.ts";
import type { State } from "./_middleware.ts";
import { deleteEmployerSession } from "@/utils/db.ts";
import { signOut } from "kv_oauth";
import { redirect } from "@/utils/redirect.ts";
import { EMPLOYER_SESSION_COOKIE_NAME } from "@/utils/constants.ts";
-import { deleteCookie } from "std/http/cookie.ts";
+import { deleteCookie } from "@std/http/cookie";
async function handleEmployerSignout(employerSessionId?: string) {
const response = redirect("/");
@@ -20,20 +21,20 @@ async function handleEmployerSignout(employerSessionId?: string) {
}
export default defineRoute(
- async (req, ctx: RouteContext) => {
- const requestUrl = new URL(req.url);
+ async (ctx: FreshContext) => {
+ const requestUrl = new URL(ctx.req.url);
const userType = requestUrl.searchParams.get("type");
switch (userType) {
case UserType.Developer:
- return await signOut(req);
+ return await signOut(ctx.req);
case UserType.Employer:
return await handleEmployerSignout(ctx.state.employerSessionId);
default:
console.error(`Unknown user type on sign out: ${userType}`);
- return await signOut(req);
+ return await signOut(ctx.req);
}
},
);
diff --git a/routes/start/developer/thanks.tsx b/routes/start/developer/thanks.tsx
index a91532f..1b09488 100644
--- a/routes/start/developer/thanks.tsx
+++ b/routes/start/developer/thanks.tsx
@@ -1,12 +1,13 @@
-import type { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
+import { page } from "fresh";
import { State } from "@/routes/_middleware.ts";
import { UserType } from "@/types/UserType.ts";
import SignUpSupportLink from "@/components/SignUpSupportLink.tsx";
import { SITE_NAME } from "@/utils/constants.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/start/employer/index.tsx b/routes/start/employer/index.tsx
index 7e6be71..b7b0cc3 100644
--- a/routes/start/employer/index.tsx
+++ b/routes/start/employer/index.tsx
@@ -1,4 +1,6 @@
-import type { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { State } from "@/routes/_middleware.ts";
import { redirect } from "@/utils/redirect.ts";
import {
@@ -18,13 +20,13 @@ import { SITE_NAME } from "@/utils/constants.ts";
interface Props extends State, ProtectedForm {}
export const handler: Handlers = {
- async GET(_, ctx) {
+ async GET(ctx) {
const csrfToken = await createCsrfToken();
- return ctx.render({ ...ctx.state, csrfToken });
+ return page({ ...ctx.state, csrfToken });
},
- async POST(req, _ctx) {
- const form = await readPostDataAndValidateCsrfToken(req);
+ async POST(ctx) {
+ const form = await readPostDataAndValidateCsrfToken(ctx.req);
const email = form.get("email")?.toString();
const name = form.get("name")?.toString();
const company = form.get("company")?.toString();
diff --git a/routes/start/employer/thanks.tsx b/routes/start/employer/thanks.tsx
index fb6f168..8285812 100644
--- a/routes/start/employer/thanks.tsx
+++ b/routes/start/employer/thanks.tsx
@@ -1,12 +1,13 @@
-import type { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
+import { page } from "fresh";
import { State } from "@/routes/_middleware.ts";
import { UserType } from "@/types/UserType.ts";
import SignUpSupportLink from "@/components/SignUpSupportLink.tsx";
import { SITE_NAME } from "@/utils/constants.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/start/index.tsx b/routes/start/index.tsx
index 0ab5c94..42a66ef 100644
--- a/routes/start/index.tsx
+++ b/routes/start/index.tsx
@@ -1,10 +1,12 @@
-import type { Handlers, PageProps } from "$fresh/server.ts";
+import type { PageProps } from "fresh";
+import { page } from "fresh";
+import type { Handlers } from "fresh/compat";
import { State } from "@/routes/_middleware.ts";
import { SITE_NAME } from "@/utils/constants.ts";
export const handler: Handlers = {
- GET(_, ctx) {
- return ctx.render(ctx.state);
+ GET(ctx) {
+ return page(ctx.state);
},
};
diff --git a/routes/verifyEmail.ts b/routes/verifyEmail.ts
index ba1b19a..d263733 100644
--- a/routes/verifyEmail.ts
+++ b/routes/verifyEmail.ts
@@ -1,4 +1,4 @@
-import { Handlers } from "$fresh/server.ts";
+import type { Handlers } from "fresh/compat";
import {
deleteSignInToken,
getDeveloper,
@@ -9,7 +9,8 @@ import { SIGN_IN_TOKEN_LIFETIME_MS } from "@/utils/constants.ts";
import { redirect, redirectToDeveloperSignIn } from "@/utils/redirect.ts";
export const handler: Handlers = {
- async GET(req: Request, _) {
+ async GET(ctx) {
+ const { req } = ctx;
const requestUrl = new URL(req.url);
const token = requestUrl.searchParams.get("token");
if (!token) {
diff --git a/static/styles.gen.css b/static/styles.gen.css
index 1160063..6d1f72e 100644
--- a/static/styles.gen.css
+++ b/static/styles.gen.css
@@ -1 +1 @@
-html{--font-system-ui:system-ui,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147480000}html{--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight)}@media (--OSdark){html{--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 rgba(255,255,255,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}html{--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,fuchsia,floralwhite);--gradient-6:conic-gradient(from -90deg at top left,black,white);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,lightblue,white);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,deeppink,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,blueviolet);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,deeppink,rebeccapurple);--gradient-28:conic-gradient(from -90deg at 50% 105%,white,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%)brightness(100%);--noise-filter-2:contrast(200%)brightness(150%);--noise-filter-3:contrast(200%)brightness(250%);--noise-filter-4:contrast(200%)brightness(500%);--noise-filter-5:contrast(200%)brightness(1000%)}@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --invertedColors (inverted-colors: inverted);@custom-media --forcedColors (forced-colors: active);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high)or (color-gamut: p3);@custom-media --touch (hover: none)and (pointer: coarse);@custom-media --stylus (hover: none)and (pointer: fine);@custom-media --pointer (hover)and (pointer: coarse);@custom-media --mouse (hover)and (pointer: fine);@custom-media --xxs-only (0px<=width<240px);@custom-media --xxs-n-above (width>=240px);@custom-media --xxs-n-below (width<240px);@custom-media --xxs-phone (--xxs-only)and (--portrait);@custom-media --xs-only (240px<=width<360px);@custom-media --xs-n-above (width>=360px);@custom-media --xs-n-below (width<360px);@custom-media --xs-phone (--xs-only)and (--portrait);@custom-media --sm-only (360px<=width<480px);@custom-media --sm-n-above (width>=480px);@custom-media --sm-n-below (width<480px);@custom-media --sm-phone (--sm-only)and (--portrait);@custom-media --md-only (480px<=width<768px);@custom-media --md-n-above (width>=768px);@custom-media --md-n-below (width<768px);@custom-media --md-phone (--md-only)and (--portrait);@custom-media --lg-only (768px<=width<1024px);@custom-media --lg-n-above (width>=1024px);@custom-media --lg-n-below (width<1024px);@custom-media --lg-phone (--lg-only)and (--portrait);@custom-media --xl-only (1024px<=width<1440px);@custom-media --xl-n-above (width>=1440px);@custom-media --xl-n-below (width<1440px);@custom-media --xxl-only (1440px<=width<1920px);@custom-media --xxl-n-above (width>=1920px);@custom-media --xxl-n-below (width<1920px);html{--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3)infinite;--animation-blink:blink 1s var(--ease-out-3)infinite;--animation-float:float 3s var(--ease-in-out-3)infinite;--animation-bounce:bounce 2s var(--ease-squish-2)infinite;--animation-pulse:pulse 2s var(--ease-out-3)infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}to{opacity:1;filter:brightness()blur()}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}0%{opacity:1;filter:brightness()blur()}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0%)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0%)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (--OSdark){@keyframes fade-in-bloom{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(.5)blur(10px)}to{opacity:1;filter:brightness()blur()}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(.5)blur(10px)}0%{opacity:1;filter:brightness()blur()}}}html{--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:100000px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%)*100000,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%)*100000,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%)*100000,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%)*100000,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%)*100000,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%)*100000,var(--radius-6))}.TabsRoot{width:300px;box-shadow:0 2px 10px var(--black-a4);flex-direction:column;display:flex}.TabsList{border-bottom:1px solid var(--mauve-6);flex-shrink:0;display:flex}.TabsTrigger{height:45px;color:var(--mauve-11);-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;flex:1;justify-content:center;align-items:center;padding:0 20px;font-family:inherit;font-size:15px;line-height:1;display:flex}.TabsTrigger:first-child{border-top-left-radius:6px}.TabsTrigger:last-child{border-top-right-radius:6px}.TabsTrigger:hover{color:var(--violet-11)}.TabsTrigger[data-state=active]{color:var(--violet-11);box-shadow:inset 0 -1px,0 1px}.TabsTrigger:focus{position:relative;box-shadow:0 0 0 2px #000}.TabsContent{background-color:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:6px;outline:none;flex-grow:1;padding:20px}.TabsContent:focus{box-shadow:0 0 0 2px #000}:root{--background-h:157;--background-s:33%;--background-l:90%;--background-color:hsl(var(--background-h),var(--background-s),var(--background-l));--text-color:#333;--highlight-h:43;--highlight-s:90%;--highlight-l:40%;--highlight-color:hsl(var(--highlight-h),var(--highlight-s),var(--highlight-l));--highlight-active-color:hsl(var(--highlight-h),var(--highlight-s),calc(var(--highlight-l) + 20%));--bar-background-h:157;--bar-background-s:33%;--bar-background-l:30%;--bar-background-color:hsl(var(--bar-background-h),var(--bar-background-s),var(--bar-background-l));--bar-text-color:#ededed;--bar-highlight-l:calc(var(--highlight-l) + 30%);--block-spacing:1rem 2rem}body{background-color:var(--background-color);color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex-grow:1;width:max(20rem,min(40rem,50vw));margin:1rem auto}h1,a,a:link,a:visited{color:var(--highlight-color)}a[href]:hover,a:focus,a:active{background-color:var(--bar-background-color);outline:.25rem solid var(--bar-background-color);color:var(--highlight-active-color)}.SiteBar h1 a,a.button{text-decoration:none}.button{border:solid 1px var(--highlight-color);border-radius:.25rem;align-items:center;padding:.5rem;display:inline-flex}.SiteBar{background-color:var(--bar-background-color);color:var(--bar-text-color);padding:var(--block-spacing);justify-content:space-between;display:flex}.SiteNav{align-items:center;gap:1rem;display:flex}header h1{margin:0}.Icon{width:1.5rem;height:1.5rem;margin:0 .5rem}.NotificationIcon{width:.25rem;height:.25rem;position:absolute;top:0;right:0}label{display:block}
\ No newline at end of file
+html{--font-system-ui:system-ui,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147480000}html{--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 #0001;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight)}@media (--OSdark){html{--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff1,inset 0 .5px 0 0 #0007}}html{--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,#0ff0),radial-gradient(circle at bottom left,#ff1492,#ff149200);--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,fuchsia,floralwhite);--gradient-6:conic-gradient(from -90deg at top left,black,white);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,lightblue,white);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,deeppink,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,blueviolet);--gradient-18:linear-gradient(0deg,#f00c,#f000 75%),linear-gradient(60deg,#ff0c,#ff00 75%),linear-gradient(120deg,#0f0c,#0f00 75%),linear-gradient(180deg,#0ffc,#0ff0 75%),linear-gradient(240deg,#00fc,#00f0 75%),linear-gradient(300deg,#f0fc,#f0f0 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,deeppink,rebeccapurple);--gradient-28:conic-gradient(from -90deg at 50% 105%,white,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,#bfb3ff00),radial-gradient(circle at bottom left,#86acf9,#86acf900);--gradient-30:radial-gradient(circle at top right,#00ff80,#00ff8000),radial-gradient(circle at bottom left,#adffd6,#adffd600);--noise-1:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%)brightness(100%);--noise-filter-2:contrast(200%)brightness(150%);--noise-filter-3:contrast(200%)brightness(250%);--noise-filter-4:contrast(200%)brightness(500%);--noise-filter-5:contrast(200%)brightness(1000%)}@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --invertedColors (inverted-colors: inverted);@custom-media --forcedColors (forced-colors: active);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high)or (color-gamut: p3);@custom-media --touch (hover: none)and (pointer: coarse);@custom-media --stylus (hover: none)and (pointer: fine);@custom-media --pointer (hover)and (pointer: coarse);@custom-media --mouse (hover)and (pointer: fine);@custom-media --xxs-only (0px<=width<240px);@custom-media --xxs-n-above (width>=240px);@custom-media --xxs-n-below (width<240px);@custom-media --xxs-phone (--xxs-only)and (--portrait);@custom-media --xs-only (240px<=width<360px);@custom-media --xs-n-above (width>=360px);@custom-media --xs-n-below (width<360px);@custom-media --xs-phone (--xs-only)and (--portrait);@custom-media --sm-only (360px<=width<480px);@custom-media --sm-n-above (width>=480px);@custom-media --sm-n-below (width<480px);@custom-media --sm-phone (--sm-only)and (--portrait);@custom-media --md-only (480px<=width<768px);@custom-media --md-n-above (width>=768px);@custom-media --md-n-below (width<768px);@custom-media --md-phone (--md-only)and (--portrait);@custom-media --lg-only (768px<=width<1024px);@custom-media --lg-n-above (width>=1024px);@custom-media --lg-n-below (width<1024px);@custom-media --lg-phone (--lg-only)and (--portrait);@custom-media --xl-only (1024px<=width<1440px);@custom-media --xl-n-above (width>=1440px);@custom-media --xl-n-below (width<1440px);@custom-media --xxl-only (1440px<=width<1920px);@custom-media --xxl-n-above (width>=1920px);@custom-media --xxl-n-below (width<1920px);html{--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3)infinite;--animation-blink:blink 1s var(--ease-out-3)infinite;--animation-float:float 3s var(--ease-in-out-3)infinite;--animation-bounce:bounce 2s var(--ease-squish-2)infinite;--animation-pulse:pulse 2s var(--ease-out-3)infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}to{opacity:1;filter:brightness()blur()}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(2)blur(10px)}0%{opacity:1;filter:brightness()blur()}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0%)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0%)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (--OSdark){@keyframes fade-in-bloom{0%{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(.5)blur(10px)}to{opacity:1;filter:brightness()blur()}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness()blur(20px)}10%{opacity:1;filter:brightness(.5)blur(10px)}0%{opacity:1;filter:brightness()blur()}}}html{--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:100000px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%)*100000,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%)*100000,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%)*100000,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%)*100000,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%)*100000,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%)*100000,var(--radius-6))}.TabsRoot{width:300px;box-shadow:0 2px 10px var(--black-a4);flex-direction:column;display:flex}.TabsList{border-bottom:1px solid var(--mauve-6);flex-shrink:0;display:flex}.TabsTrigger{height:45px;color:var(--mauve-11);-webkit-user-select:none;user-select:none;background-color:#fff;flex:1;justify-content:center;align-items:center;padding:0 20px;font-family:inherit;font-size:15px;line-height:1;display:flex}.TabsTrigger:first-child{border-top-left-radius:6px}.TabsTrigger:last-child{border-top-right-radius:6px}.TabsTrigger:hover{color:var(--violet-11)}.TabsTrigger[data-state=active]{color:var(--violet-11);box-shadow:inset 0 -1px,0 1px}.TabsTrigger:focus{position:relative;box-shadow:0 0 0 2px #000}.TabsContent{background-color:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:6px;outline:none;flex-grow:1;padding:20px}.TabsContent:focus{box-shadow:0 0 0 2px #000}:root{--background-h:157;--background-s:33%;--background-l:90%;--background-color:hsl(var(--background-h),var(--background-s),var(--background-l));--text-color:#333;--highlight-h:43;--highlight-s:90%;--highlight-l:40%;--highlight-color:hsl(var(--highlight-h),var(--highlight-s),var(--highlight-l));--highlight-active-color:hsl(var(--highlight-h),var(--highlight-s),calc(var(--highlight-l) + 20%));--bar-background-h:157;--bar-background-s:33%;--bar-background-l:30%;--bar-background-color:hsl(var(--bar-background-h),var(--bar-background-s),var(--bar-background-l));--bar-text-color:#ededed;--bar-highlight-l:calc(var(--highlight-l) + 30%);--block-spacing:1rem 2rem}body{background-color:var(--background-color);color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex-grow:1;width:max(20rem,min(40rem,50vw));margin:1rem auto}h1,a,a:link,a:visited{color:var(--highlight-color)}a[href]:hover,a:focus,a:active{background-color:var(--bar-background-color);outline:.25rem solid var(--bar-background-color);color:var(--highlight-active-color)}.SiteBar h1 a,a.button{text-decoration:none}.button{border:solid 1px var(--highlight-color);border-radius:.25rem;align-items:center;padding:.5rem;display:inline-flex}.SiteBar{background-color:var(--bar-background-color);color:var(--bar-text-color);padding:var(--block-spacing);justify-content:space-between;display:flex}.SiteNav{align-items:center;gap:1rem;display:flex}header h1{margin:0}.Icon{width:1.5rem;height:1.5rem;margin:0 .5rem}.NotificationIcon{width:.25rem;height:.25rem;position:absolute;top:0;right:0}label{display:block}
\ No newline at end of file
diff --git a/static/styles.gen.css.map b/static/styles.gen.css.map
index c436704..6fc21b5 100644
--- a/static/styles.gen.css.map
+++ b/static/styles.gen.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ASAA,swQLEA,gvFA2CA,kBACE,0JG9CF,2lSJAA,iEACA,6DACA,wEACA,oEACA,gEACA,4DAEA,oDACA,sDAEA,sDACA,qDAEA,2DACA,qDAEA,iDACA,mDAEA,kEAEA,yDACA,wDACA,qDACA,iDAEA,4CACA,2CACA,0CACA,uDAEA,6CACA,0CACA,yCACA,qDAEA,6CACA,0CACA,yCACA,qDAEA,6CACA,0CACA,yCACA,qDAEA,8CACA,2CACA,0CACA,qDAEA,+CACA,2CACA,0CAEA,gDACA,4CACA,2CSvDA,iuCA0BA,iCAGA,yJAKA,kCAGA,0JAKA,8CAGA,+CAGA,wDAGA,yDAGA,yDAGA,yDAGA,sDAGA,yDAGA,yDAGA,uDAGA,oKAOA,yKAOA,4JAOA,4CAGA,qDAMA,iDAQA,iDAGA,kHAKA,0CAGA,kBACE,0JAOA,4JCnIF,swCXAA,+FAOA,4EAMA,kQAcA,oDAGA,oDAGA,0CAGA,qFAIA,+DAKA,sIAQA,6CFlDA,0pBAuCA,mIASA,mEAMA,mDAQA,iKAMA,4CAIA,0HAQA,0JAQA,kDAMA,mBAIA,gDAMA,6EAQA","sources":["styles/index.css","styles/open-props/index.css","styles/tabs.css","styles/open-props/props.fonts.css","styles/open-props/props.shadows.css","styles/open-props/props.zindex.css","styles/open-props/props.sizes.css","styles/open-props/props.aspects.css","styles/open-props/props.media.css","styles/open-props/props.easing.css","styles/open-props/props.gradients.css","styles/open-props/props.colors.css","styles/open-props/props.animations.css","styles/open-props/props.borders.css"],"sourcesContent":["@import url(\"open-props/index.css\");\n@import url(\"tabs.css\");\n\n:root {\n --background-h: 157;\n --background-s: 33%;\n --background-l: 90%;\n --background-color: hsl(\n var(--background-h),\n var(--background-s),\n var(--background-l)\n );\n --text-color: hsl(0, 0%, 20%);\n\n --highlight-h: 43;\n --highlight-s: 90%;\n --highlight-l: 40%;\n --highlight-color: hsl(\n var(--highlight-h),\n var(--highlight-s),\n var(--highlight-l)\n );\n --highlight-active-color: hsl(\n var(--highlight-h),\n var(--highlight-s),\n calc(var(--highlight-l) + 20%)\n );\n\n --bar-background-h: 157;\n --bar-background-s: 33%;\n --bar-background-l: 30%;\n --bar-background-color: hsl(\n var(--bar-background-h),\n var(--bar-background-s),\n var(--bar-background-l)\n );\n --bar-text-color: hsl(0, 0%, 93%);\n --bar-highlight-l: calc(var(--highlight-l) + 30%);\n\n --block-spacing: 1rem 2rem;\n}\n\nbody {\n background-color: var(--background-color);\n color: var(--text-color);\n display: flex;\n flex-direction: column;\n margin: 0;\n min-height: 100vh;\n}\n\nmain {\n flex-grow: 1;\n margin: 1rem auto;\n width: max(20rem, min(40rem, 50vw));\n}\n\nh1 {\n color: var(--highlight-color);\n}\n\na, a:link, a:visited {\n color: var(--highlight-color);\n}\n\na[href]:hover, a:focus, a:active {\n background-color: var(--bar-background-color);\n outline: 0.25rem solid var(--bar-background-color);\n color: var(--highlight-active-color);\n}\n\n.SiteBar h1 a, a.button {\n text-decoration: none;\n}\n\n.button {\n align-items: center;\n border: solid 1px var(--highlight-color);\n border-radius: 0.25rem;\n display: inline-flex;\n padding: 0.5rem;\n}\n\n.SiteBar {\n background-color: var(--bar-background-color);\n color: var(--bar-text-color);\n display: flex;\n justify-content: space-between;\n padding: var(--block-spacing);\n}\n\n.SiteNav {\n align-items: center;\n display: flex;\n gap: 1rem;\n}\n\nheader h1 {\n margin: 0;\n}\n\n.Icon {\n height: 1.5rem;\n margin: 0 0.5rem;\n width: 1.5rem;\n}\n\n.NotificationIcon {\n position: absolute;\n top: 0;\n right: 0;\n height: 0.25rem;\n width: 0.25rem;\n}\n\nlabel {\n display: block;\n}\n","@import 'props.media.css';\n@import 'props.fonts.css';\n@import 'props.sizes.css';\n@import 'props.easing.css';\n@import 'props.zindex.css';\n@import 'props.shadows.css';\n@import 'props.aspects.css';\n@import 'props.colors.css';\n@import 'props.gradients.css';\n@import 'props.animations.css';\n@import 'props.borders.css';\n",".TabsRoot {\n display: flex;\n flex-direction: column;\n width: 300px;\n box-shadow: 0 2px 10px var(--black-a4);\n}\n\n.TabsList {\n flex-shrink: 0;\n display: flex;\n border-bottom: 1px solid var(--mauve-6);\n}\n\n.TabsTrigger {\n font-family: inherit;\n background-color: white;\n padding: 0 20px;\n height: 45px;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n line-height: 1;\n color: var(--mauve-11);\n user-select: none;\n}\n.TabsTrigger:first-child {\n border-top-left-radius: 6px;\n}\n.TabsTrigger:last-child {\n border-top-right-radius: 6px;\n}\n.TabsTrigger:hover {\n color: var(--violet-11);\n}\n.TabsTrigger[data-state=\"active\"] {\n color: var(--violet-11);\n box-shadow: inset 0 -1px 0 0 currentColor, 0 1px 0 0 currentColor;\n}\n.TabsTrigger:focus {\n position: relative;\n box-shadow: 0 0 0 2px black;\n}\n\n.TabsContent {\n flex-grow: 1;\n padding: 20px;\n background-color: white;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n outline: none;\n}\n.TabsContent:focus {\n box-shadow: 0 0 0 2px black;\n}\n","html {\n --font-system-ui: system-ui, sans-serif;\n --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;\n --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;\n --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;\n --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;\n --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;\n --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;\n --font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;\n --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;\n --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;\n --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;\n --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;\n --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;\n --font-sans: var(--font-system-ui);\n --font-serif: ui-serif, serif;\n --font-mono: var(--font-monospace-code);\n --font-weight-1: 100;\n --font-weight-2: 200;\n --font-weight-3: 300;\n --font-weight-4: 400;\n --font-weight-5: 500;\n --font-weight-6: 600;\n --font-weight-7: 700;\n --font-weight-8: 800;\n --font-weight-9: 900;\n --font-lineheight-00: .95;\n --font-lineheight-0: 1.1;\n --font-lineheight-1: 1.25;\n --font-lineheight-2: 1.375;\n --font-lineheight-3: 1.5;\n --font-lineheight-4: 1.75;\n --font-lineheight-5: 2;\n --font-letterspacing-0: -.05em;\n --font-letterspacing-1: .025em;\n --font-letterspacing-2: .050em;\n --font-letterspacing-3: .075em;\n --font-letterspacing-4: .150em;\n --font-letterspacing-5: .500em;\n --font-letterspacing-6: .750em;\n --font-letterspacing-7: 1em;\n --font-size-00: .5rem;\n --font-size-0: .75rem;\n --font-size-1: 1rem;\n --font-size-2: 1.1rem;\n --font-size-3: 1.25rem;\n --font-size-4: 1.5rem;\n --font-size-5: 2rem;\n --font-size-6: 2.5rem;\n --font-size-7: 3rem;\n --font-size-8: 3.5rem;\n --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);\n --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);\n --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);\n --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);\n}\n","@import 'props.media.css';\n\nhtml {\n --shadow-color: 220 3% 15%;\n --shadow-strength: 1%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;\n --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));\n --shadow-2: \n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));\n --shadow-3: \n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --shadow-4: \n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));\n --shadow-5: \n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --shadow-6: \n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),\n 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));\n --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n}\n\n@media (--OSdark) {\n html {\n --shadow-color: 220 40% 2%;\n --shadow-strength: 25%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007;\n }\n}","html {\n --layer-1: 1;\n --layer-2: 2;\n --layer-3: 3;\n --layer-4: 4;\n --layer-5: 5;\n --layer-important: 2147483647;\n}\n","html {\n --size-000: -.5rem;\n --size-00: -.25rem;\n --size-1: .25rem;\n --size-2: .5rem;\n --size-3: 1rem;\n --size-4: 1.25rem;\n --size-5: 1.5rem;\n --size-6: 1.75rem;\n --size-7: 2rem;\n --size-8: 3rem;\n --size-9: 4rem;\n --size-10: 5rem;\n --size-11: 7.5rem;\n --size-12: 10rem;\n --size-13: 15rem;\n --size-14: 20rem;\n --size-15: 30rem;\n --size-px-000: -8px;\n --size-px-00: -4px;\n --size-px-1: 4px;\n --size-px-2: 8px;\n --size-px-3: 16px;\n --size-px-4: 20px;\n --size-px-5: 24px;\n --size-px-6: 28px;\n --size-px-7: 32px;\n --size-px-8: 48px;\n --size-px-9: 64px;\n --size-px-10: 80px;\n --size-px-11: 120px;\n --size-px-12: 160px;\n --size-px-13: 240px;\n --size-px-14: 320px;\n --size-px-15: 480px;\n --size-fluid-1: clamp(.5rem, 1vw, 1rem);\n --size-fluid-2: clamp(1rem, 2vw, 1.5rem);\n --size-fluid-3: clamp(1.5rem, 3vw, 2rem);\n --size-fluid-4: clamp(2rem, 4vw, 3rem);\n --size-fluid-5: clamp(4rem, 5vw, 5rem);\n --size-fluid-6: clamp(5rem, 7vw, 7.5rem);\n --size-fluid-7: clamp(7.5rem, 10vw, 10rem);\n --size-fluid-8: clamp(10rem, 20vw, 15rem);\n --size-fluid-9: clamp(15rem, 30vw, 20rem);\n --size-fluid-10: clamp(20rem, 40vw, 30rem);\n --size-content-1: 20ch;\n --size-content-2: 45ch;\n --size-content-3: 60ch;\n --size-header-1: 20ch;\n --size-header-2: 25ch;\n --size-header-3: 35ch;\n --size-xxs: 240px;\n --size-xs: 360px;\n --size-sm: 480px;\n --size-md: 768px;\n --size-lg: 1024px;\n --size-xl: 1440px;\n --size-xxl: 1920px;\n --size-relative-000: -.5ch;\n --size-relative-00: -.25ch;\n --size-relative-1: .25ch;\n --size-relative-2: .5ch;\n --size-relative-3: 1ch;\n --size-relative-4: 1.25ch;\n --size-relative-5: 1.5ch;\n --size-relative-6: 1.75ch;\n --size-relative-7: 2ch;\n --size-relative-8: 3ch;\n --size-relative-9: 4ch;\n --size-relative-10: 5ch;\n --size-relative-11: 7.5ch;\n --size-relative-12: 10ch;\n --size-relative-13: 15ch;\n --size-relative-14: 20ch;\n --size-relative-15: 30ch;\n}\n","html {\n --ratio-square: 1;\n --ratio-landscape: 4/3;\n --ratio-portrait: 3/4;\n --ratio-widescreen: 16/9;\n --ratio-ultrawide: 18/5;\n --ratio-golden: 1.6180/1;\n}\n","@custom-media --motionOK (prefers-reduced-motion: no-preference);\n@custom-media --motionNotOK (prefers-reduced-motion: reduce);\n@custom-media --opacityOK (prefers-reduced-transparency: no-preference);\n@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);\n@custom-media --useDataOK (prefers-reduced-data: no-preference);\n@custom-media --useDataNotOK (prefers-reduced-data: reduce);\n\n@custom-media --OSdark (prefers-color-scheme: dark);\n@custom-media --OSlight (prefers-color-scheme: light);\n\n@custom-media --highContrast (prefers-contrast: more);\n@custom-media --lowContrast (prefers-contrast: less);\n\n@custom-media --invertedColors (inverted-colors: inverted);\n@custom-media --forcedColors (forced-colors: active);\n\n@custom-media --portrait (orientation: portrait);\n@custom-media --landscape (orientation: landscape);\n\n@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);\n\n@custom-media --touch (hover: none) and (pointer: coarse);\n@custom-media --stylus (hover: none) and (pointer: fine);\n@custom-media --pointer (hover) and (pointer: coarse);\n@custom-media --mouse (hover) and (pointer: fine);\n\n@custom-media --xxs-only (0px <= width < 240px);\n@custom-media --xxs-n-above (width >= 240px);\n@custom-media --xxs-n-below (width < 240px);\n@custom-media --xxs-phone (--xxs-only) and (--portrait);\n\n@custom-media --xs-only (240px <= width < 360px);\n@custom-media --xs-n-above (width >= 360px);\n@custom-media --xs-n-below (width < 360px);\n@custom-media --xs-phone (--xs-only) and (--portrait);\n\n@custom-media --sm-only (360px <= width < 480px);\n@custom-media --sm-n-above (width >= 480px);\n@custom-media --sm-n-below (width < 480px);\n@custom-media --sm-phone (--sm-only) and (--portrait);\n\n@custom-media --md-only (480px <= width < 768px);\n@custom-media --md-n-above (width >= 768px);\n@custom-media --md-n-below (width < 768px);\n@custom-media --md-phone (--md-only) and (--portrait);\n\n@custom-media --lg-only (768px <= width < 1024px);\n@custom-media --lg-n-above (width >= 1024px);\n@custom-media --lg-n-below (width < 1024px);\n@custom-media --lg-phone (--lg-only) and (--portrait);\n\n@custom-media --xl-only (1024px <= width < 1440px);\n@custom-media --xl-n-above (width >= 1440px);\n@custom-media --xl-n-below (width < 1440px);\n\n@custom-media --xxl-only (1440px <= width < 1920px);\n@custom-media --xxl-n-above (width >= 1920px);\n@custom-media --xxl-n-below (width < 1920px);","html {\n --ease-1: cubic-bezier(.25, 0, .5, 1);\n --ease-2: cubic-bezier(.25, 0, .4, 1);\n --ease-3: cubic-bezier(.25, 0, .3, 1);\n --ease-4: cubic-bezier(.25, 0, .2, 1);\n --ease-5: cubic-bezier(.25, 0, .1, 1);\n --ease-in-1: cubic-bezier(.25, 0, 1, 1);\n --ease-in-2: cubic-bezier(.50, 0, 1, 1);\n --ease-in-3: cubic-bezier(.70, 0, 1, 1);\n --ease-in-4: cubic-bezier(.90, 0, 1, 1);\n --ease-in-5: cubic-bezier(1, 0, 1, 1);\n --ease-out-1: cubic-bezier(0, 0, .75, 1);\n --ease-out-2: cubic-bezier(0, 0, .50, 1);\n --ease-out-3: cubic-bezier(0, 0, .3, 1);\n --ease-out-4: cubic-bezier(0, 0, .1, 1);\n --ease-out-5: cubic-bezier(0, 0, 0, 1);\n --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);\n --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);\n --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);\n --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);\n --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);\n --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);\n --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);\n --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);\n --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);\n --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);\n --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);\n --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);\n --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);\n --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);\n --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);\n --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);\n --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);\n --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);\n --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);\n --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);\n --ease-step-1: steps(2);\n --ease-step-2: steps(3);\n --ease-step-3: steps(4);\n --ease-step-4: steps(7);\n --ease-step-5: steps(10);\n --ease-elastic-1: var(--ease-elastic-out-1);\n --ease-elastic-2: var(--ease-elastic-out-2);\n --ease-elastic-3: var(--ease-elastic-out-3);\n --ease-elastic-4: var(--ease-elastic-out-4);\n --ease-elastic-5: var(--ease-elastic-out-5);\n --ease-squish-1: var(--ease-elastic-in-out-1);\n --ease-squish-2: var(--ease-elastic-in-out-2);\n --ease-squish-3: var(--ease-elastic-in-out-3);\n --ease-squish-4: var(--ease-elastic-in-out-4);\n --ease-squish-5: var(--ease-elastic-in-out-5);\n --ease-spring-1: linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n );\n --ease-spring-2: linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n );\n --ease-spring-3: linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n );\n --ease-spring-4: linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n );\n --ease-spring-5: linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n );\n --ease-bounce-1: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n );\n --ease-bounce-2: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n );\n --ease-bounce-3: linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n );\n --ease-bounce-4: linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n );\n --ease-bounce-5: linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n );\n}\n","html {\n --gradient-1: linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);\n --gradient-2: linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);\n --gradient-3: \n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n );\n --gradient-4: linear-gradient(to bottom right,#00F5A0,#00D9F5);\n --gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);\n --gradient-6: conic-gradient(from -90deg at top left, black, white);\n --gradient-7: linear-gradient(to bottom right,#72C6EF,#004E8F);\n --gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);\n --gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);\n --gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);\n --gradient-11: conic-gradient(at bottom left, deeppink, cyan);\n --gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);\n --gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);\n --gradient-14: conic-gradient(at top right, lime, cyan);\n --gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);\n --gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);\n --gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);\n --gradient-18: \n linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n ;\n --gradient-19: linear-gradient(to bottom right,#ffe259,#ffa751);\n --gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);\n --gradient-21: conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);\n --gradient-22: linear-gradient(to bottom right,#acb6e5,#86fde8);\n --gradient-23: linear-gradient(to bottom right,#536976,#292E49);\n --gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);\n --gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);\n --gradient-26: linear-gradient(to bottom right,#9796f0,#fbc7d4);\n --gradient-27: conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);\n --gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);\n --gradient-29: \n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n );\n --gradient-30: radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n );\n --noise-1: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-2: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-3: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-4: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-5: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-filter-1: contrast(300%) brightness(100%);\n --noise-filter-2: contrast(200%) brightness(150%);\n --noise-filter-3: contrast(200%) brightness(250%);\n --noise-filter-4: contrast(200%) brightness(500%);\n --noise-filter-5: contrast(200%) brightness(1000%);\n}\n","html {\n --gray-0: #f8f9fa;\n --gray-1: #f1f3f5;\n --gray-2: #e9ecef;\n --gray-3: #dee2e6;\n --gray-4: #ced4da;\n --gray-5: #adb5bd;\n --gray-6: #868e96;\n --gray-7: #495057;\n --gray-8: #343a40;\n --gray-9: #212529;\n --gray-10: #16191d;\n --gray-11: #0d0f12;\n --gray-12: #030507;\n --stone-0: #f8fafb;\n --stone-1: #f2f4f6;\n --stone-2: #ebedef;\n --stone-3: #e0e4e5;\n --stone-4: #d1d6d8;\n --stone-5: #b1b6b9;\n --stone-6: #979b9d;\n --stone-7: #7e8282;\n --stone-8: #666968;\n --stone-9: #50514f;\n --stone-10: #3a3a37;\n --stone-11: #252521;\n --stone-12: #121210;\n --red-0: #fff5f5;\n --red-1: #ffe3e3;\n --red-2: #ffc9c9;\n --red-3: #ffa8a8;\n --red-4: #ff8787;\n --red-5: #ff6b6b;\n --red-6: #fa5252;\n --red-7: #f03e3e;\n --red-8: #e03131;\n --red-9: #c92a2a;\n --red-10: #b02525;\n --red-11: #962020;\n --red-12: #7d1a1a;\n --pink-0: #fff0f6;\n --pink-1: #ffdeeb;\n --pink-2: #fcc2d7;\n --pink-3: #faa2c1;\n --pink-4: #f783ac;\n --pink-5: #f06595;\n --pink-6: #e64980;\n --pink-7: #d6336c;\n --pink-8: #c2255c;\n --pink-9: #a61e4d;\n --pink-10: #8c1941;\n --pink-11: #731536;\n --pink-12: #59102a;\n --purple-0: #f8f0fc;\n --purple-1: #f3d9fa;\n --purple-2: #eebefa;\n --purple-3: #e599f7;\n --purple-4: #da77f2;\n --purple-5: #cc5de8;\n --purple-6: #be4bdb;\n --purple-7: #ae3ec9;\n --purple-8: #9c36b5;\n --purple-9: #862e9c;\n --purple-10: #702682;\n --purple-11: #5a1e69;\n --purple-12: #44174f;\n --violet-0: #f3f0ff;\n --violet-1: #e5dbff;\n --violet-2: #d0bfff;\n --violet-3: #b197fc;\n --violet-4: #9775fa;\n --violet-5: #845ef7;\n --violet-6: #7950f2;\n --violet-7: #7048e8;\n --violet-8: #6741d9;\n --violet-9: #5f3dc4;\n --violet-10: #5235ab;\n --violet-11: #462d91;\n --violet-12: #3a2578;\n --indigo-0: #edf2ff;\n --indigo-1: #dbe4ff;\n --indigo-2: #bac8ff;\n --indigo-3: #91a7ff;\n --indigo-4: #748ffc;\n --indigo-5: #5c7cfa;\n --indigo-6: #4c6ef5;\n --indigo-7: #4263eb;\n --indigo-8: #3b5bdb;\n --indigo-9: #364fc7;\n --indigo-10: #2f44ad;\n --indigo-11: #283a94;\n --indigo-12: #21307a;\n --blue-0: #e7f5ff;\n --blue-1: #d0ebff;\n --blue-2: #a5d8ff;\n --blue-3: #74c0fc;\n --blue-4: #4dabf7;\n --blue-5: #339af0;\n --blue-6: #228be6;\n --blue-7: #1c7ed6;\n --blue-8: #1971c2;\n --blue-9: #1864ab;\n --blue-10: #145591;\n --blue-11: #114678;\n --blue-12: #0d375e;\n --cyan-0: #e3fafc;\n --cyan-1: #c5f6fa;\n --cyan-2: #99e9f2;\n --cyan-3: #66d9e8;\n --cyan-4: #3bc9db;\n --cyan-5: #22b8cf;\n --cyan-6: #15aabf;\n --cyan-7: #1098ad;\n --cyan-8: #0c8599;\n --cyan-9: #0b7285;\n --cyan-10: #095c6b;\n --cyan-11: #074652;\n --cyan-12: #053038;\n --teal-0: #e6fcf5;\n --teal-1: #c3fae8;\n --teal-2: #96f2d7;\n --teal-3: #63e6be;\n --teal-4: #38d9a9;\n --teal-5: #20c997;\n --teal-6: #12b886;\n --teal-7: #0ca678;\n --teal-8: #099268;\n --teal-9: #087f5b;\n --teal-10: #066649;\n --teal-11: #054d37;\n --teal-12: #033325;\n --green-0: #ebfbee;\n --green-1: #d3f9d8;\n --green-2: #b2f2bb;\n --green-3: #8ce99a;\n --green-4: #69db7c;\n --green-5: #51cf66;\n --green-6: #40c057;\n --green-7: #37b24d;\n --green-8: #2f9e44;\n --green-9: #2b8a3e;\n --green-10: #237032;\n --green-11: #1b5727;\n --green-12: #133d1b;\n --lime-0: #f4fce3;\n --lime-1: #e9fac8;\n --lime-2: #d8f5a2;\n --lime-3: #c0eb75;\n --lime-4: #a9e34b;\n --lime-5: #94d82d;\n --lime-6: #82c91e;\n --lime-7: #74b816;\n --lime-8: #66a80f;\n --lime-9: #5c940d;\n --lime-10: #4c7a0b;\n --lime-11: #3c6109;\n --lime-12: #2c4706;\n --yellow-0: #fff9db;\n --yellow-1: #fff3bf;\n --yellow-2: #ffec99;\n --yellow-3: #ffe066;\n --yellow-4: #ffd43b;\n --yellow-5: #fcc419;\n --yellow-6: #fab005;\n --yellow-7: #f59f00;\n --yellow-8: #f08c00;\n --yellow-9: #e67700;\n --yellow-10: #b35c00;\n --yellow-11: #804200;\n --yellow-12: #663500;\n --orange-0: #fff4e6;\n --orange-1: #ffe8cc;\n --orange-2: #ffd8a8;\n --orange-3: #ffc078;\n --orange-4: #ffa94d;\n --orange-5: #ff922b;\n --orange-6: #fd7e14;\n --orange-7: #f76707;\n --orange-8: #e8590c;\n --orange-9: #d9480f;\n --orange-10: #bf400d;\n --orange-11: #99330b;\n --orange-12: #802b09;\n --choco-0: #fff8dc;\n --choco-1: #fce1bc;\n --choco-2: #f7ca9e;\n --choco-3: #f1b280;\n --choco-4: #e99b62;\n --choco-5: #df8545;\n --choco-6: #d46e25;\n --choco-7: #bd5f1b;\n --choco-8: #a45117;\n --choco-9: #8a4513;\n --choco-10: #703a13;\n --choco-11: #572f12;\n --choco-12: #3d210d;\n --brown-0: #faf4eb;\n --brown-1: #ede0d1;\n --brown-2: #e0cab7;\n --brown-3: #d3b79e;\n --brown-4: #c5a285;\n --brown-5: #b78f6d;\n --brown-6: #a87c56;\n --brown-7: #956b47;\n --brown-8: #825b3a;\n --brown-9: #6f4b2d;\n --brown-10: #5e3a21;\n --brown-11: #4e2b15;\n --brown-12: #422412;\n --sand-0: #f8fafb;\n --sand-1: #e6e4dc;\n --sand-2: #d5cfbd;\n --sand-3: #c2b9a0;\n --sand-4: #aea58c;\n --sand-5: #9a9178;\n --sand-6: #867c65;\n --sand-7: #736a53;\n --sand-8: #5f5746;\n --sand-9: #4b4639;\n --sand-10: #38352d;\n --sand-11: #252521;\n --sand-12: #121210;\n --camo-0: #f9fbe7;\n --camo-1: #e8ed9c;\n --camo-2: #d2df4e;\n --camo-3: #c2ce34;\n --camo-4: #b5bb2e;\n --camo-5: #a7a827;\n --camo-6: #999621;\n --camo-7: #8c851c;\n --camo-8: #7e7416;\n --camo-9: #6d6414;\n --camo-10: #5d5411;\n --camo-11: #4d460e;\n --camo-12: #36300a;\n --jungle-0: #ecfeb0;\n --jungle-1: #def39a;\n --jungle-2: #d0e884;\n --jungle-3: #c2dd6e;\n --jungle-4: #b5d15b;\n --jungle-5: #a8c648;\n --jungle-6: #9bbb36;\n --jungle-7: #8fb024;\n --jungle-8: #84a513;\n --jungle-9: #7a9908;\n --jungle-10: #658006;\n --jungle-11: #516605;\n --jungle-12: #3d4d04;\n}\n","@import 'props.media.css';\n\nhtml {\n --animation-fade-in: fade-in .5s var(--ease-3);\n --animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);\n --animation-fade-out: fade-out .5s var(--ease-3);\n --animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);\n --animation-scale-up: scale-up .5s var(--ease-3);\n --animation-scale-down: scale-down .5s var(--ease-3);\n --animation-slide-out-up: slide-out-up .5s var(--ease-3);\n --animation-slide-out-down: slide-out-down .5s var(--ease-3);\n --animation-slide-out-right: slide-out-right .5s var(--ease-3);\n --animation-slide-out-left: slide-out-left .5s var(--ease-3);\n --animation-slide-in-up: slide-in-up .5s var(--ease-3);\n --animation-slide-in-down: slide-in-down .5s var(--ease-3);\n --animation-slide-in-right: slide-in-right .5s var(--ease-3);\n --animation-slide-in-left: slide-in-left .5s var(--ease-3);\n --animation-shake-x: shake-x .75s var(--ease-out-5);\n --animation-shake-y: shake-y .75s var(--ease-out-5);\n --animation-shake-z: shake-z 1s var(--ease-in-out-3);\n --animation-spin: spin 2s linear infinite;\n --animation-ping: ping 5s var(--ease-out-3) infinite;\n --animation-blink: blink 1s var(--ease-out-3) infinite;\n --animation-float: float 3s var(--ease-in-out-3) infinite;\n --animation-bounce: bounce 2s var(--ease-squish-2) infinite;\n --animation-pulse: pulse 2s var(--ease-out-3) infinite;\n}\n\n@keyframes fade-in {\n to { opacity: 1 }\n}\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes fade-out {\n to { opacity: 0 }\n}\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}\n@keyframes scale-down {\n to { transform: scale(.75) }\n}\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}\n@keyframes shake-z {\n 0%, 100% { transform: rotate(0deg) }\n 20% { transform: rotate(-2deg) }\n 40% { transform: rotate(2deg) }\n 60% { transform: rotate(-2deg) }\n 80% { transform: rotate(2deg) }\n}\n@keyframes spin {\n to { transform: rotate(1turn) }\n}\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}\n@media (--OSdark) {\n @keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 100% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}\n@media (--OSdark) {\n @keyframes fade-out-bloom {\n 100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}","html {\n --border-size-1: 1px;\n --border-size-2: 2px;\n --border-size-3: 5px;\n --border-size-4: 10px;\n --border-size-5: 25px;\n --radius-1: 2px;\n --radius-2: 5px;\n --radius-3: 1rem;\n --radius-4: 2rem;\n --radius-5: 4rem;\n --radius-6: 8rem;\n --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;\n --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;\n --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;\n --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;\n --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;\n --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;\n --radius-round: 1e5px;\n --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;\n --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;\n --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;\n --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;\n --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;\n --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));\n --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));\n --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));\n --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));\n --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));\n --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));\n}\n"],"names":[]}
\ No newline at end of file
+{"version":3,"sourceRoot":null,"mappings":"AYAA,swQDEA,quFA2CA,kBACE,8HE9CF,s5RVAA,iEACA,6DACA,wEACA,oEACA,gEACA,4DAEA,oDACA,sDAEA,sDACA,qDAEA,2DACA,qDAEA,iDACA,mDAEA,kEAEA,yDACA,wDACA,qDACA,iDAEA,4CACA,2CACA,0CACA,uDAEA,6CACA,0CACA,yCACA,qDAEA,6CACA,0CACA,yCACA,qDAEA,6CACA,0CACA,yCACA,qDAEA,8CACA,2CACA,0CACA,qDAEA,+CACA,2CACA,0CAEA,gDACA,4CACA,2CIvDA,iuCA0BA,iCAGA,yJAKA,kCAGA,0JAKA,8CAGA,+CAGA,wDAGA,yDAGA,yDAGA,yDAGA,sDAGA,yDAGA,yDAGA,uDAGA,oKAOA,yKAOA,4JAOA,4CAGA,qDAMA,iDAQA,iDAGA,kHAKA,0CAGA,kBACE,0JAOA,4JEnIF,swCPAA,+FAOA,4EAMA,6OAcA,oDAGA,oDAGA,0CAGA,qFAIA,+DAKA,sIAQA,6CFlDA,0pBAuCA,mIASA,mEAMA,mDAQA,iKAMA,4CAIA,0HAQA,0JAQA,kDAMA,mBAIA,gDAMA,6EAQA","sources":["styles/index.css","styles/open-props/index.css","styles/tabs.css","styles/open-props/props.borders.css","styles/open-props/props.gradients.css","styles/open-props/props.colors.css","styles/open-props/props.animations.css","styles/open-props/props.zindex.css","styles/open-props/props.sizes.css","styles/open-props/props.media.css","styles/open-props/props.easing.css","styles/open-props/props.shadows.css","styles/open-props/props.fonts.css","styles/open-props/props.aspects.css"],"sourcesContent":["@import url(\"open-props/index.css\");\n@import url(\"tabs.css\");\n\n:root {\n --background-h: 157;\n --background-s: 33%;\n --background-l: 90%;\n --background-color: hsl(\n var(--background-h),\n var(--background-s),\n var(--background-l)\n );\n --text-color: hsl(0, 0%, 20%);\n\n --highlight-h: 43;\n --highlight-s: 90%;\n --highlight-l: 40%;\n --highlight-color: hsl(\n var(--highlight-h),\n var(--highlight-s),\n var(--highlight-l)\n );\n --highlight-active-color: hsl(\n var(--highlight-h),\n var(--highlight-s),\n calc(var(--highlight-l) + 20%)\n );\n\n --bar-background-h: 157;\n --bar-background-s: 33%;\n --bar-background-l: 30%;\n --bar-background-color: hsl(\n var(--bar-background-h),\n var(--bar-background-s),\n var(--bar-background-l)\n );\n --bar-text-color: hsl(0, 0%, 93%);\n --bar-highlight-l: calc(var(--highlight-l) + 30%);\n\n --block-spacing: 1rem 2rem;\n}\n\nbody {\n background-color: var(--background-color);\n color: var(--text-color);\n display: flex;\n flex-direction: column;\n margin: 0;\n min-height: 100vh;\n}\n\nmain {\n flex-grow: 1;\n margin: 1rem auto;\n width: max(20rem, min(40rem, 50vw));\n}\n\nh1 {\n color: var(--highlight-color);\n}\n\na, a:link, a:visited {\n color: var(--highlight-color);\n}\n\na[href]:hover, a:focus, a:active {\n background-color: var(--bar-background-color);\n outline: 0.25rem solid var(--bar-background-color);\n color: var(--highlight-active-color);\n}\n\n.SiteBar h1 a, a.button {\n text-decoration: none;\n}\n\n.button {\n align-items: center;\n border: solid 1px var(--highlight-color);\n border-radius: 0.25rem;\n display: inline-flex;\n padding: 0.5rem;\n}\n\n.SiteBar {\n background-color: var(--bar-background-color);\n color: var(--bar-text-color);\n display: flex;\n justify-content: space-between;\n padding: var(--block-spacing);\n}\n\n.SiteNav {\n align-items: center;\n display: flex;\n gap: 1rem;\n}\n\nheader h1 {\n margin: 0;\n}\n\n.Icon {\n height: 1.5rem;\n margin: 0 0.5rem;\n width: 1.5rem;\n}\n\n.NotificationIcon {\n position: absolute;\n top: 0;\n right: 0;\n height: 0.25rem;\n width: 0.25rem;\n}\n\nlabel {\n display: block;\n}\n","@import 'props.media.css';\n@import 'props.fonts.css';\n@import 'props.sizes.css';\n@import 'props.easing.css';\n@import 'props.zindex.css';\n@import 'props.shadows.css';\n@import 'props.aspects.css';\n@import 'props.colors.css';\n@import 'props.gradients.css';\n@import 'props.animations.css';\n@import 'props.borders.css';\n",".TabsRoot {\n display: flex;\n flex-direction: column;\n width: 300px;\n box-shadow: 0 2px 10px var(--black-a4);\n}\n\n.TabsList {\n flex-shrink: 0;\n display: flex;\n border-bottom: 1px solid var(--mauve-6);\n}\n\n.TabsTrigger {\n font-family: inherit;\n background-color: white;\n padding: 0 20px;\n height: 45px;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n line-height: 1;\n color: var(--mauve-11);\n user-select: none;\n}\n.TabsTrigger:first-child {\n border-top-left-radius: 6px;\n}\n.TabsTrigger:last-child {\n border-top-right-radius: 6px;\n}\n.TabsTrigger:hover {\n color: var(--violet-11);\n}\n.TabsTrigger[data-state=\"active\"] {\n color: var(--violet-11);\n box-shadow: inset 0 -1px 0 0 currentColor, 0 1px 0 0 currentColor;\n}\n.TabsTrigger:focus {\n position: relative;\n box-shadow: 0 0 0 2px black;\n}\n\n.TabsContent {\n flex-grow: 1;\n padding: 20px;\n background-color: white;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n outline: none;\n}\n.TabsContent:focus {\n box-shadow: 0 0 0 2px black;\n}\n","html {\n --border-size-1: 1px;\n --border-size-2: 2px;\n --border-size-3: 5px;\n --border-size-4: 10px;\n --border-size-5: 25px;\n --radius-1: 2px;\n --radius-2: 5px;\n --radius-3: 1rem;\n --radius-4: 2rem;\n --radius-5: 4rem;\n --radius-6: 8rem;\n --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;\n --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;\n --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;\n --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;\n --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;\n --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;\n --radius-round: 1e5px;\n --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;\n --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;\n --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;\n --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;\n --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;\n --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));\n --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));\n --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));\n --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));\n --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));\n --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));\n}\n","html {\n --gradient-1: linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);\n --gradient-2: linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);\n --gradient-3: \n radial-gradient(\n circle at top right, \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n );\n --gradient-4: linear-gradient(to bottom right,#00F5A0,#00D9F5);\n --gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);\n --gradient-6: conic-gradient(from -90deg at top left, black, white);\n --gradient-7: linear-gradient(to bottom right,#72C6EF,#004E8F);\n --gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);\n --gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);\n --gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);\n --gradient-11: conic-gradient(at bottom left, deeppink, cyan);\n --gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);\n --gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);\n --gradient-14: conic-gradient(at top right, lime, cyan);\n --gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);\n --gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);\n --gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);\n --gradient-18: \n linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n ;\n --gradient-19: linear-gradient(to bottom right,#ffe259,#ffa751);\n --gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);\n --gradient-21: conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);\n --gradient-22: linear-gradient(to bottom right,#acb6e5,#86fde8);\n --gradient-23: linear-gradient(to bottom right,#536976,#292E49);\n --gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);\n --gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);\n --gradient-26: linear-gradient(to bottom right,#9796f0,#fbc7d4);\n --gradient-27: conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);\n --gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);\n --gradient-29: \n radial-gradient(\n circle at top right, \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n );\n --gradient-30: radial-gradient(\n circle at top right, \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left, \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n );\n --noise-1: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-2: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-3: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-4: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-5: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-filter-1: contrast(300%) brightness(100%);\n --noise-filter-2: contrast(200%) brightness(150%);\n --noise-filter-3: contrast(200%) brightness(250%);\n --noise-filter-4: contrast(200%) brightness(500%);\n --noise-filter-5: contrast(200%) brightness(1000%);\n}\n","html {\n --gray-0: #f8f9fa;\n --gray-1: #f1f3f5;\n --gray-2: #e9ecef;\n --gray-3: #dee2e6;\n --gray-4: #ced4da;\n --gray-5: #adb5bd;\n --gray-6: #868e96;\n --gray-7: #495057;\n --gray-8: #343a40;\n --gray-9: #212529;\n --gray-10: #16191d;\n --gray-11: #0d0f12;\n --gray-12: #030507;\n --stone-0: #f8fafb;\n --stone-1: #f2f4f6;\n --stone-2: #ebedef;\n --stone-3: #e0e4e5;\n --stone-4: #d1d6d8;\n --stone-5: #b1b6b9;\n --stone-6: #979b9d;\n --stone-7: #7e8282;\n --stone-8: #666968;\n --stone-9: #50514f;\n --stone-10: #3a3a37;\n --stone-11: #252521;\n --stone-12: #121210;\n --red-0: #fff5f5;\n --red-1: #ffe3e3;\n --red-2: #ffc9c9;\n --red-3: #ffa8a8;\n --red-4: #ff8787;\n --red-5: #ff6b6b;\n --red-6: #fa5252;\n --red-7: #f03e3e;\n --red-8: #e03131;\n --red-9: #c92a2a;\n --red-10: #b02525;\n --red-11: #962020;\n --red-12: #7d1a1a;\n --pink-0: #fff0f6;\n --pink-1: #ffdeeb;\n --pink-2: #fcc2d7;\n --pink-3: #faa2c1;\n --pink-4: #f783ac;\n --pink-5: #f06595;\n --pink-6: #e64980;\n --pink-7: #d6336c;\n --pink-8: #c2255c;\n --pink-9: #a61e4d;\n --pink-10: #8c1941;\n --pink-11: #731536;\n --pink-12: #59102a;\n --purple-0: #f8f0fc;\n --purple-1: #f3d9fa;\n --purple-2: #eebefa;\n --purple-3: #e599f7;\n --purple-4: #da77f2;\n --purple-5: #cc5de8;\n --purple-6: #be4bdb;\n --purple-7: #ae3ec9;\n --purple-8: #9c36b5;\n --purple-9: #862e9c;\n --purple-10: #702682;\n --purple-11: #5a1e69;\n --purple-12: #44174f;\n --violet-0: #f3f0ff;\n --violet-1: #e5dbff;\n --violet-2: #d0bfff;\n --violet-3: #b197fc;\n --violet-4: #9775fa;\n --violet-5: #845ef7;\n --violet-6: #7950f2;\n --violet-7: #7048e8;\n --violet-8: #6741d9;\n --violet-9: #5f3dc4;\n --violet-10: #5235ab;\n --violet-11: #462d91;\n --violet-12: #3a2578;\n --indigo-0: #edf2ff;\n --indigo-1: #dbe4ff;\n --indigo-2: #bac8ff;\n --indigo-3: #91a7ff;\n --indigo-4: #748ffc;\n --indigo-5: #5c7cfa;\n --indigo-6: #4c6ef5;\n --indigo-7: #4263eb;\n --indigo-8: #3b5bdb;\n --indigo-9: #364fc7;\n --indigo-10: #2f44ad;\n --indigo-11: #283a94;\n --indigo-12: #21307a;\n --blue-0: #e7f5ff;\n --blue-1: #d0ebff;\n --blue-2: #a5d8ff;\n --blue-3: #74c0fc;\n --blue-4: #4dabf7;\n --blue-5: #339af0;\n --blue-6: #228be6;\n --blue-7: #1c7ed6;\n --blue-8: #1971c2;\n --blue-9: #1864ab;\n --blue-10: #145591;\n --blue-11: #114678;\n --blue-12: #0d375e;\n --cyan-0: #e3fafc;\n --cyan-1: #c5f6fa;\n --cyan-2: #99e9f2;\n --cyan-3: #66d9e8;\n --cyan-4: #3bc9db;\n --cyan-5: #22b8cf;\n --cyan-6: #15aabf;\n --cyan-7: #1098ad;\n --cyan-8: #0c8599;\n --cyan-9: #0b7285;\n --cyan-10: #095c6b;\n --cyan-11: #074652;\n --cyan-12: #053038;\n --teal-0: #e6fcf5;\n --teal-1: #c3fae8;\n --teal-2: #96f2d7;\n --teal-3: #63e6be;\n --teal-4: #38d9a9;\n --teal-5: #20c997;\n --teal-6: #12b886;\n --teal-7: #0ca678;\n --teal-8: #099268;\n --teal-9: #087f5b;\n --teal-10: #066649;\n --teal-11: #054d37;\n --teal-12: #033325;\n --green-0: #ebfbee;\n --green-1: #d3f9d8;\n --green-2: #b2f2bb;\n --green-3: #8ce99a;\n --green-4: #69db7c;\n --green-5: #51cf66;\n --green-6: #40c057;\n --green-7: #37b24d;\n --green-8: #2f9e44;\n --green-9: #2b8a3e;\n --green-10: #237032;\n --green-11: #1b5727;\n --green-12: #133d1b;\n --lime-0: #f4fce3;\n --lime-1: #e9fac8;\n --lime-2: #d8f5a2;\n --lime-3: #c0eb75;\n --lime-4: #a9e34b;\n --lime-5: #94d82d;\n --lime-6: #82c91e;\n --lime-7: #74b816;\n --lime-8: #66a80f;\n --lime-9: #5c940d;\n --lime-10: #4c7a0b;\n --lime-11: #3c6109;\n --lime-12: #2c4706;\n --yellow-0: #fff9db;\n --yellow-1: #fff3bf;\n --yellow-2: #ffec99;\n --yellow-3: #ffe066;\n --yellow-4: #ffd43b;\n --yellow-5: #fcc419;\n --yellow-6: #fab005;\n --yellow-7: #f59f00;\n --yellow-8: #f08c00;\n --yellow-9: #e67700;\n --yellow-10: #b35c00;\n --yellow-11: #804200;\n --yellow-12: #663500;\n --orange-0: #fff4e6;\n --orange-1: #ffe8cc;\n --orange-2: #ffd8a8;\n --orange-3: #ffc078;\n --orange-4: #ffa94d;\n --orange-5: #ff922b;\n --orange-6: #fd7e14;\n --orange-7: #f76707;\n --orange-8: #e8590c;\n --orange-9: #d9480f;\n --orange-10: #bf400d;\n --orange-11: #99330b;\n --orange-12: #802b09;\n --choco-0: #fff8dc;\n --choco-1: #fce1bc;\n --choco-2: #f7ca9e;\n --choco-3: #f1b280;\n --choco-4: #e99b62;\n --choco-5: #df8545;\n --choco-6: #d46e25;\n --choco-7: #bd5f1b;\n --choco-8: #a45117;\n --choco-9: #8a4513;\n --choco-10: #703a13;\n --choco-11: #572f12;\n --choco-12: #3d210d;\n --brown-0: #faf4eb;\n --brown-1: #ede0d1;\n --brown-2: #e0cab7;\n --brown-3: #d3b79e;\n --brown-4: #c5a285;\n --brown-5: #b78f6d;\n --brown-6: #a87c56;\n --brown-7: #956b47;\n --brown-8: #825b3a;\n --brown-9: #6f4b2d;\n --brown-10: #5e3a21;\n --brown-11: #4e2b15;\n --brown-12: #422412;\n --sand-0: #f8fafb;\n --sand-1: #e6e4dc;\n --sand-2: #d5cfbd;\n --sand-3: #c2b9a0;\n --sand-4: #aea58c;\n --sand-5: #9a9178;\n --sand-6: #867c65;\n --sand-7: #736a53;\n --sand-8: #5f5746;\n --sand-9: #4b4639;\n --sand-10: #38352d;\n --sand-11: #252521;\n --sand-12: #121210;\n --camo-0: #f9fbe7;\n --camo-1: #e8ed9c;\n --camo-2: #d2df4e;\n --camo-3: #c2ce34;\n --camo-4: #b5bb2e;\n --camo-5: #a7a827;\n --camo-6: #999621;\n --camo-7: #8c851c;\n --camo-8: #7e7416;\n --camo-9: #6d6414;\n --camo-10: #5d5411;\n --camo-11: #4d460e;\n --camo-12: #36300a;\n --jungle-0: #ecfeb0;\n --jungle-1: #def39a;\n --jungle-2: #d0e884;\n --jungle-3: #c2dd6e;\n --jungle-4: #b5d15b;\n --jungle-5: #a8c648;\n --jungle-6: #9bbb36;\n --jungle-7: #8fb024;\n --jungle-8: #84a513;\n --jungle-9: #7a9908;\n --jungle-10: #658006;\n --jungle-11: #516605;\n --jungle-12: #3d4d04;\n}\n","@import 'props.media.css';\n\nhtml {\n --animation-fade-in: fade-in .5s var(--ease-3);\n --animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);\n --animation-fade-out: fade-out .5s var(--ease-3);\n --animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);\n --animation-scale-up: scale-up .5s var(--ease-3);\n --animation-scale-down: scale-down .5s var(--ease-3);\n --animation-slide-out-up: slide-out-up .5s var(--ease-3);\n --animation-slide-out-down: slide-out-down .5s var(--ease-3);\n --animation-slide-out-right: slide-out-right .5s var(--ease-3);\n --animation-slide-out-left: slide-out-left .5s var(--ease-3);\n --animation-slide-in-up: slide-in-up .5s var(--ease-3);\n --animation-slide-in-down: slide-in-down .5s var(--ease-3);\n --animation-slide-in-right: slide-in-right .5s var(--ease-3);\n --animation-slide-in-left: slide-in-left .5s var(--ease-3);\n --animation-shake-x: shake-x .75s var(--ease-out-5);\n --animation-shake-y: shake-y .75s var(--ease-out-5);\n --animation-shake-z: shake-z 1s var(--ease-in-out-3);\n --animation-spin: spin 2s linear infinite;\n --animation-ping: ping 5s var(--ease-out-3) infinite;\n --animation-blink: blink 1s var(--ease-out-3) infinite;\n --animation-float: float 3s var(--ease-in-out-3) infinite;\n --animation-bounce: bounce 2s var(--ease-squish-2) infinite;\n --animation-pulse: pulse 2s var(--ease-out-3) infinite;\n}\n\n@keyframes fade-in {\n to { opacity: 1 }\n}\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes fade-out {\n to { opacity: 0 }\n}\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}\n@keyframes scale-down {\n to { transform: scale(.75) }\n}\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}\n@keyframes shake-z {\n 0%, 100% { transform: rotate(0deg) }\n 20% { transform: rotate(-2deg) }\n 40% { transform: rotate(2deg) }\n 60% { transform: rotate(-2deg) }\n 80% { transform: rotate(2deg) }\n}\n@keyframes spin {\n to { transform: rotate(1turn) }\n}\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}\n@media (--OSdark) {\n @keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 100% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}\n@media (--OSdark) {\n @keyframes fade-out-bloom {\n 100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}","html {\n --layer-1: 1;\n --layer-2: 2;\n --layer-3: 3;\n --layer-4: 4;\n --layer-5: 5;\n --layer-important: 2147483647;\n}\n","html {\n --size-000: -.5rem;\n --size-00: -.25rem;\n --size-1: .25rem;\n --size-2: .5rem;\n --size-3: 1rem;\n --size-4: 1.25rem;\n --size-5: 1.5rem;\n --size-6: 1.75rem;\n --size-7: 2rem;\n --size-8: 3rem;\n --size-9: 4rem;\n --size-10: 5rem;\n --size-11: 7.5rem;\n --size-12: 10rem;\n --size-13: 15rem;\n --size-14: 20rem;\n --size-15: 30rem;\n --size-px-000: -8px;\n --size-px-00: -4px;\n --size-px-1: 4px;\n --size-px-2: 8px;\n --size-px-3: 16px;\n --size-px-4: 20px;\n --size-px-5: 24px;\n --size-px-6: 28px;\n --size-px-7: 32px;\n --size-px-8: 48px;\n --size-px-9: 64px;\n --size-px-10: 80px;\n --size-px-11: 120px;\n --size-px-12: 160px;\n --size-px-13: 240px;\n --size-px-14: 320px;\n --size-px-15: 480px;\n --size-fluid-1: clamp(.5rem, 1vw, 1rem);\n --size-fluid-2: clamp(1rem, 2vw, 1.5rem);\n --size-fluid-3: clamp(1.5rem, 3vw, 2rem);\n --size-fluid-4: clamp(2rem, 4vw, 3rem);\n --size-fluid-5: clamp(4rem, 5vw, 5rem);\n --size-fluid-6: clamp(5rem, 7vw, 7.5rem);\n --size-fluid-7: clamp(7.5rem, 10vw, 10rem);\n --size-fluid-8: clamp(10rem, 20vw, 15rem);\n --size-fluid-9: clamp(15rem, 30vw, 20rem);\n --size-fluid-10: clamp(20rem, 40vw, 30rem);\n --size-content-1: 20ch;\n --size-content-2: 45ch;\n --size-content-3: 60ch;\n --size-header-1: 20ch;\n --size-header-2: 25ch;\n --size-header-3: 35ch;\n --size-xxs: 240px;\n --size-xs: 360px;\n --size-sm: 480px;\n --size-md: 768px;\n --size-lg: 1024px;\n --size-xl: 1440px;\n --size-xxl: 1920px;\n --size-relative-000: -.5ch;\n --size-relative-00: -.25ch;\n --size-relative-1: .25ch;\n --size-relative-2: .5ch;\n --size-relative-3: 1ch;\n --size-relative-4: 1.25ch;\n --size-relative-5: 1.5ch;\n --size-relative-6: 1.75ch;\n --size-relative-7: 2ch;\n --size-relative-8: 3ch;\n --size-relative-9: 4ch;\n --size-relative-10: 5ch;\n --size-relative-11: 7.5ch;\n --size-relative-12: 10ch;\n --size-relative-13: 15ch;\n --size-relative-14: 20ch;\n --size-relative-15: 30ch;\n}\n","@custom-media --motionOK (prefers-reduced-motion: no-preference);\n@custom-media --motionNotOK (prefers-reduced-motion: reduce);\n@custom-media --opacityOK (prefers-reduced-transparency: no-preference);\n@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);\n@custom-media --useDataOK (prefers-reduced-data: no-preference);\n@custom-media --useDataNotOK (prefers-reduced-data: reduce);\n\n@custom-media --OSdark (prefers-color-scheme: dark);\n@custom-media --OSlight (prefers-color-scheme: light);\n\n@custom-media --highContrast (prefers-contrast: more);\n@custom-media --lowContrast (prefers-contrast: less);\n\n@custom-media --invertedColors (inverted-colors: inverted);\n@custom-media --forcedColors (forced-colors: active);\n\n@custom-media --portrait (orientation: portrait);\n@custom-media --landscape (orientation: landscape);\n\n@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);\n\n@custom-media --touch (hover: none) and (pointer: coarse);\n@custom-media --stylus (hover: none) and (pointer: fine);\n@custom-media --pointer (hover) and (pointer: coarse);\n@custom-media --mouse (hover) and (pointer: fine);\n\n@custom-media --xxs-only (0px <= width < 240px);\n@custom-media --xxs-n-above (width >= 240px);\n@custom-media --xxs-n-below (width < 240px);\n@custom-media --xxs-phone (--xxs-only) and (--portrait);\n\n@custom-media --xs-only (240px <= width < 360px);\n@custom-media --xs-n-above (width >= 360px);\n@custom-media --xs-n-below (width < 360px);\n@custom-media --xs-phone (--xs-only) and (--portrait);\n\n@custom-media --sm-only (360px <= width < 480px);\n@custom-media --sm-n-above (width >= 480px);\n@custom-media --sm-n-below (width < 480px);\n@custom-media --sm-phone (--sm-only) and (--portrait);\n\n@custom-media --md-only (480px <= width < 768px);\n@custom-media --md-n-above (width >= 768px);\n@custom-media --md-n-below (width < 768px);\n@custom-media --md-phone (--md-only) and (--portrait);\n\n@custom-media --lg-only (768px <= width < 1024px);\n@custom-media --lg-n-above (width >= 1024px);\n@custom-media --lg-n-below (width < 1024px);\n@custom-media --lg-phone (--lg-only) and (--portrait);\n\n@custom-media --xl-only (1024px <= width < 1440px);\n@custom-media --xl-n-above (width >= 1440px);\n@custom-media --xl-n-below (width < 1440px);\n\n@custom-media --xxl-only (1440px <= width < 1920px);\n@custom-media --xxl-n-above (width >= 1920px);\n@custom-media --xxl-n-below (width < 1920px);","html {\n --ease-1: cubic-bezier(.25, 0, .5, 1);\n --ease-2: cubic-bezier(.25, 0, .4, 1);\n --ease-3: cubic-bezier(.25, 0, .3, 1);\n --ease-4: cubic-bezier(.25, 0, .2, 1);\n --ease-5: cubic-bezier(.25, 0, .1, 1);\n --ease-in-1: cubic-bezier(.25, 0, 1, 1);\n --ease-in-2: cubic-bezier(.50, 0, 1, 1);\n --ease-in-3: cubic-bezier(.70, 0, 1, 1);\n --ease-in-4: cubic-bezier(.90, 0, 1, 1);\n --ease-in-5: cubic-bezier(1, 0, 1, 1);\n --ease-out-1: cubic-bezier(0, 0, .75, 1);\n --ease-out-2: cubic-bezier(0, 0, .50, 1);\n --ease-out-3: cubic-bezier(0, 0, .3, 1);\n --ease-out-4: cubic-bezier(0, 0, .1, 1);\n --ease-out-5: cubic-bezier(0, 0, 0, 1);\n --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);\n --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);\n --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);\n --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);\n --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);\n --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);\n --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);\n --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);\n --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);\n --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);\n --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);\n --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);\n --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);\n --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);\n --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);\n --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);\n --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);\n --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);\n --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);\n --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);\n --ease-step-1: steps(2);\n --ease-step-2: steps(3);\n --ease-step-3: steps(4);\n --ease-step-4: steps(7);\n --ease-step-5: steps(10);\n --ease-elastic-1: var(--ease-elastic-out-1);\n --ease-elastic-2: var(--ease-elastic-out-2);\n --ease-elastic-3: var(--ease-elastic-out-3);\n --ease-elastic-4: var(--ease-elastic-out-4);\n --ease-elastic-5: var(--ease-elastic-out-5);\n --ease-squish-1: var(--ease-elastic-in-out-1);\n --ease-squish-2: var(--ease-elastic-in-out-2);\n --ease-squish-3: var(--ease-elastic-in-out-3);\n --ease-squish-4: var(--ease-elastic-in-out-4);\n --ease-squish-5: var(--ease-elastic-in-out-5);\n --ease-spring-1: linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n );\n --ease-spring-2: linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n );\n --ease-spring-3: linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n );\n --ease-spring-4: linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n );\n --ease-spring-5: linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n );\n --ease-bounce-1: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n );\n --ease-bounce-2: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n );\n --ease-bounce-3: linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n );\n --ease-bounce-4: linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n );\n --ease-bounce-5: linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n );\n}\n","@import 'props.media.css';\n\nhtml {\n --shadow-color: 220 3% 15%;\n --shadow-strength: 1%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;\n --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));\n --shadow-2: \n 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));\n --shadow-3: \n 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --shadow-4: \n 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));\n --shadow-5: \n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --shadow-6: \n 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),\n 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),\n 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),\n 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),\n 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),\n 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));\n --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));\n --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);\n}\n\n@media (--OSdark) {\n html {\n --shadow-color: 220 40% 2%;\n --shadow-strength: 25%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007;\n }\n}","html {\n --font-system-ui: system-ui, sans-serif;\n --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;\n --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;\n --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;\n --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;\n --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;\n --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;\n --font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;\n --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;\n --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;\n --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;\n --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;\n --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;\n --font-sans: var(--font-system-ui);\n --font-serif: ui-serif, serif;\n --font-mono: var(--font-monospace-code);\n --font-weight-1: 100;\n --font-weight-2: 200;\n --font-weight-3: 300;\n --font-weight-4: 400;\n --font-weight-5: 500;\n --font-weight-6: 600;\n --font-weight-7: 700;\n --font-weight-8: 800;\n --font-weight-9: 900;\n --font-lineheight-00: .95;\n --font-lineheight-0: 1.1;\n --font-lineheight-1: 1.25;\n --font-lineheight-2: 1.375;\n --font-lineheight-3: 1.5;\n --font-lineheight-4: 1.75;\n --font-lineheight-5: 2;\n --font-letterspacing-0: -.05em;\n --font-letterspacing-1: .025em;\n --font-letterspacing-2: .050em;\n --font-letterspacing-3: .075em;\n --font-letterspacing-4: .150em;\n --font-letterspacing-5: .500em;\n --font-letterspacing-6: .750em;\n --font-letterspacing-7: 1em;\n --font-size-00: .5rem;\n --font-size-0: .75rem;\n --font-size-1: 1rem;\n --font-size-2: 1.1rem;\n --font-size-3: 1.25rem;\n --font-size-4: 1.5rem;\n --font-size-5: 2rem;\n --font-size-6: 2.5rem;\n --font-size-7: 3rem;\n --font-size-8: 3.5rem;\n --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);\n --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);\n --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);\n --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);\n}\n","html {\n --ratio-square: 1;\n --ratio-landscape: 4/3;\n --ratio-portrait: 3/4;\n --ratio-widescreen: 16/9;\n --ratio-ultrawide: 18/5;\n --ratio-golden: 1.6180/1;\n}\n"],"names":[]}
\ No newline at end of file
diff --git a/styles/radix-ui/colors/black-alpha.css b/styles/radix-ui/colors/black-alpha.css
deleted file mode 100644
index 3deb556..0000000
--- a/styles/radix-ui/colors/black-alpha.css
+++ /dev/null
@@ -1,14 +0,0 @@
-:root {
- --black-a1: hsla(0, 0%, 0%, 0.012);
- --black-a2: hsla(0, 0%, 0%, 0.024);
- --black-a3: hsla(0, 0%, 0%, 0.055);
- --black-a4: hsla(0, 0%, 0%, 0.078);
- --black-a5: hsla(0, 0%, 0%, 0.106);
- --black-a6: hsla(0, 0%, 0%, 0.133);
- --black-a7: hsla(0, 0%, 0%, 0.169);
- --black-a8: hsla(0, 0%, 0%, 0.267);
- --black-a9: hsla(0, 0%, 0%, 0.447);
- --black-a10: hsla(0, 0%, 0%, 0.498);
- --black-a11: hsla(0, 0%, 0%, 0.608);
- --black-a12: hsla(0, 0%, 0%, 0.875);
-}
diff --git a/utils/adminAccessHandler.ts b/utils/adminAccessHandler.ts
index 9b5707a..95d8c64 100644
--- a/utils/adminAccessHandler.ts
+++ b/utils/adminAccessHandler.ts
@@ -1,5 +1,5 @@
import { State } from "@/routes/_middleware.ts";
-import { FreshContext } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
import { basicAuth } from "basic_auth";
export interface AdminState extends State {
@@ -7,7 +7,6 @@ export interface AdminState extends State {
}
export async function adminAccessHandler(
- req: Request,
ctx: FreshContext,
) {
const ADMIN_PASSWORD = Deno.env.get("ADMIN_PASSWORD");
@@ -17,7 +16,7 @@ export async function adminAccessHandler(
return new Response(null, { status: 500 });
}
- const unauthorized = basicAuth(req, "Admin access", {
+ const unauthorized = basicAuth(ctx.req, "Admin access", {
[ADMIN_USERNAME]: ADMIN_PASSWORD,
});
if (unauthorized) {
diff --git a/utils/config.ts b/utils/config.ts
index 932c36c..e632944 100644
--- a/utils/config.ts
+++ b/utils/config.ts
@@ -1,4 +1,4 @@
-import { assertExists } from "std/assert/assert_exists.ts";
+import { assertExists } from "@std/assert";
const clickySiteId = Deno.env.get("CLICKY_SITE_ID");
const siteBaseUrl = Deno.env.get("SITE_BASE_URL");
diff --git a/utils/constants.ts b/utils/constants.ts
index d198034..dca60b6 100644
--- a/utils/constants.ts
+++ b/utils/constants.ts
@@ -1,4 +1,4 @@
-import { DAY, MINUTE } from "std/datetime/constants.ts";
+import { DAY, MINUTE } from "@std/datetime/constants";
export const SITE_NAME = "Deno Devs";
export const SITE_DESCRIPTION =
diff --git a/utils/csp.ts b/utils/csp.ts
deleted file mode 100644
index 1bc2485..0000000
--- a/utils/csp.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ContentSecurityPolicy } from "$fresh/src/runtime/csp.ts";
-
-// TODO: refactor this to something reusable when it drops
-// https://github.com/denoland/fresh/issues/1705
-export default function denoDevsCsp(csp: ContentSecurityPolicy) {
- const { directives } = csp;
- directives.defaultSrc = [];
- directives.baseUri = ["'none'"];
- if (!directives.connectSrc) {
- directives.connectSrc = [];
- }
- directives.connectSrc.push("'self'");
-
- if (!directives.scriptSrc) {
- directives.scriptSrc = [];
- }
- directives.scriptSrc.push("'strict-dynamic'");
- directives.scriptSrc.push("'unsafe-inline'");
- directives.scriptSrc.push("http:");
- directives.scriptSrc.push("https:");
-
- if (!directives.styleSrc) {
- directives.styleSrc = [];
- }
- directives.styleSrc.push("'self'");
-
- if (!directives.imgSrc) {
- directives.imgSrc = [];
- }
- directives.imgSrc.push("'self'");
- directives.imgSrc.push("avatars.githubusercontent.com");
- directives.imgSrc.push("www.gravatar.com");
-}
diff --git a/utils/db.ts b/utils/db.ts
index ecc33fc..dab3a44 100644
--- a/utils/db.ts
+++ b/utils/db.ts
@@ -1,5 +1,5 @@
-import { chunk } from "std/collections/chunk.ts";
-import { ulid } from "std/ulid/mod.ts";
+import { chunk } from "@std/collections/chunk";
+import { ulid } from "@std/ulid";
import { Developer } from "@/types/Developer.ts";
import { ExpiringUUID } from "@/types/ExpiringUUID.ts";
import {
diff --git a/utils/db_test.ts b/utils/db_test.ts
index 5d889a9..f69fcb6 100644
--- a/utils/db_test.ts
+++ b/utils/db_test.ts
@@ -6,11 +6,7 @@ import {
updateDeveloper,
} from "./db.ts";
import { type Developer } from "@/types/Developer.ts";
-import {
- assertArrayIncludes,
- assertEquals,
- assertRejects,
-} from "std/assert/mod.ts";
+import { assertArrayIncludes, assertEquals, assertRejects } from "@std/assert";
function genNewDeveloper(): Developer {
return {
diff --git a/utils/defineOAuthCallback.ts b/utils/defineOAuthCallback.ts
index 893e394..510cf39 100644
--- a/utils/defineOAuthCallback.ts
+++ b/utils/defineOAuthCallback.ts
@@ -1,8 +1,8 @@
import { addOAuthProviderToResponse } from "@/utils/signInHelp.ts";
import { OAuthProvider } from "@/types/OAuthProvider.ts";
import { getDeveloperOrNullFromSessionId } from "@/utils/getDeveloperFromSessionId.ts";
-import { handleCallback, OAuth2ClientConfig } from "kv_oauth/mod.ts";
-import { defineRoute } from "$fresh/server.ts";
+import { handleCallback, OAuth2ClientConfig } from "kv_oauth";
+import { defineRoute } from "fresh/compat";
import { State } from "@/routes/_middleware.ts";
import { redirectToDeveloperSignIn } from "@/utils/redirect.ts";
import {
@@ -37,7 +37,8 @@ export default function defineOAuthCallbackRoute<
getUserData,
provider,
} = options;
- return defineRoute(async (req, ctx) => {
+ return defineRoute(async (ctx) => {
+ const { req } = ctx;
const developer = await getDeveloperOrNullFromSessionId(
ctx.state.sessionId,
);
diff --git a/utils/display.ts b/utils/display.ts
index e44a2b0..2ae53d9 100644
--- a/utils/display.ts
+++ b/utils/display.ts
@@ -1,4 +1,4 @@
-import { difference } from "std/datetime/difference.ts";
+import { difference } from "@std/datetime/difference";
export function pluralize(unit: number, label: string) {
return unit === 1 ? `${unit} ${label}` : `${unit} ${label}s`;
diff --git a/utils/display_test.ts b/utils/display_test.ts
index 36dfec1..8fb2e92 100644
--- a/utils/display_test.ts
+++ b/utils/display_test.ts
@@ -1,6 +1,6 @@
import { pluralize, timeAgo } from "./display.ts";
-import { DAY, HOUR, MINUTE, SECOND } from "std/datetime/constants.ts";
-import { assertEquals } from "std/assert/mod.ts";
+import { DAY, HOUR, MINUTE, SECOND } from "@std/datetime/constants";
+import { assertEquals } from "@std/assert";
Deno.test("[display] pluralize()", () => {
assertEquals(pluralize(0, "item"), "0 items");
diff --git a/utils/proxyRequest.ts b/utils/proxyRequest.ts
index 2c105a1..e995428 100644
--- a/utils/proxyRequest.ts
+++ b/utils/proxyRequest.ts
@@ -1,4 +1,4 @@
-import { FreshContext } from "$fresh/server.ts";
+import type { FreshContext } from "fresh";
const excludedIncomingHeaders = [
"accept-encoding",
@@ -22,7 +22,7 @@ export default async function proxyRequest(
const originalForwardedFor = originalHeaders.get("x-forwarded-for");
const newForwardedFor = `${
originalForwardedFor !== null ? originalForwardedFor + "," : ""
- }${ctx.remoteAddr.hostname}`;
+ }${(ctx.info.remoteAddr as Deno.NetAddr).hostname}`;
const headers = new Headers();
headers.set("host", proxiedUrl.hostname);
diff --git a/utils/redirect.ts b/utils/redirect.ts
index 2815f73..5156316 100644
--- a/utils/redirect.ts
+++ b/utils/redirect.ts
@@ -1,5 +1,5 @@
-import { RedirectStatus, STATUS_CODE } from "std/http/status.ts";
-import { deleteCookie, getCookies, setCookie } from "std/http/cookie.ts";
+import { RedirectStatus, STATUS_CODE } from "@std/http/status";
+import { deleteCookie, getCookies, setCookie } from "@std/http/cookie";
export const REDIRECT_URL_COOKIE_NAME = "redirect-url";
diff --git a/utils/redirect_test.ts b/utils/redirect_test.ts
index b8ae6aa..38b05ea 100644
--- a/utils/redirect_test.ts
+++ b/utils/redirect_test.ts
@@ -6,7 +6,7 @@ import {
redirectToDeveloperSignIn,
setRedirectUrlCookie,
} from "./redirect.ts";
-import { assert, assertEquals } from "std/assert/mod.ts";
+import { assert, assertEquals } from "@std/assert";
Deno.test("[redirect] redirect() defaults", () => {
const location = "/hello-there";
diff --git a/utils/signInHelp.ts b/utils/signInHelp.ts
index 2e13430..a1db1ad 100644
--- a/utils/signInHelp.ts
+++ b/utils/signInHelp.ts
@@ -1,4 +1,4 @@
-import { getCookies, setCookie } from "std/http/cookie.ts";
+import { getCookies, setCookie } from "@std/http/cookie";
import {
SIGN_IN_HELP_COOKIE_LIFETIME_MS,
SIGN_IN_HELP_COOKIE_NAME,
diff --git a/utils/signInHelp_test.ts b/utils/signInHelp_test.ts
index 0f25d21..37cc76e 100644
--- a/utils/signInHelp_test.ts
+++ b/utils/signInHelp_test.ts
@@ -1,4 +1,4 @@
-import { assertEquals } from "std/assert/assert_equals.ts";
+import { assertEquals } from "@std/assert";
import { maskEmail } from "@/utils/signInHelp.ts";
Deno.test("[signInHelp] maskEmail()", () => {