@jant/core 0.6.0 → 0.6.2

package/src/lib/__tests__/structured-data.test.ts

@@ -0,0 +1,87 @@
+import { describe, expect, it } from "vitest";
+import { buildArticleJsonLd, buildWebSiteJsonLd } from "../structured-data.js";
+
+describe("buildArticleJsonLd", () => {
+  it("builds a BlogPosting with required fields", () => {
+    const data = buildArticleJsonLd({
+      headline: "Hello world",
+      url: "https://site.com/hello",
+      datePublished: "2026-01-01T00:00:00.000Z",
+      dateModified: "2026-01-02T00:00:00.000Z",
+      authorName: "Jant",
+    });
+
+    expect(data).toMatchObject({
+      "@context": "https://schema.org",
+      "@type": "BlogPosting",
+      headline: "Hello world",
+      datePublished: "2026-01-01T00:00:00.000Z",
+      dateModified: "2026-01-02T00:00:00.000Z",
+      url: "https://site.com/hello",
+      mainEntityOfPage: { "@type": "WebPage", "@id": "https://site.com/hello" },
+      author: { "@type": "Person", name: "Jant" },
+    });
+  });
+
+  it("omits description and image when not provided", () => {
+    const data = buildArticleJsonLd({
+      headline: "Hello",
+      url: "https://site.com/hello",
+      datePublished: "2026-01-01T00:00:00.000Z",
+      dateModified: "2026-01-01T00:00:00.000Z",
+      authorName: "Jant",
+    });
+
+    expect(data).not.toHaveProperty("description");
+    expect(data).not.toHaveProperty("image");
+  });
+
+  it("includes description and image when provided", () => {
+    const data = buildArticleJsonLd({
+      headline: "Hello",
+      description: "A short note.",
+      url: "https://site.com/hello",
+      datePublished: "2026-01-01T00:00:00.000Z",
+      dateModified: "2026-01-01T00:00:00.000Z",
+      imageUrl: "https://site.com/m/cover.png",
+      authorName: "Jant",
+    });
+
+    expect(data.description).toBe("A short note.");
+    expect(data.image).toBe("https://site.com/m/cover.png");
+  });
+});
+
+describe("buildWebSiteJsonLd", () => {
+  it("builds a WebSite with a SearchAction when a search template is given", () => {
+    const data = buildWebSiteJsonLd({
+      name: "Jant",
+      url: "https://site.com/",
+      searchUrlTemplate: "https://site.com/search?q={search_term_string}",
+    });
+
+    expect(data).toMatchObject({
+      "@context": "https://schema.org",
+      "@type": "WebSite",
+      name: "Jant",
+      url: "https://site.com/",
+      potentialAction: {
+        "@type": "SearchAction",
+        target: {
+          "@type": "EntryPoint",
+          urlTemplate: "https://site.com/search?q={search_term_string}",
+        },
+        "query-input": "required name=search_term_string",
+      },
+    });
+  });
+
+  it("omits the SearchAction when no search template is given", () => {
+    const data = buildWebSiteJsonLd({
+      name: "Jant",
+      url: "https://site.com/",
+    });
+
+    expect(data).not.toHaveProperty("potentialAction");
+  });
+});

package/src/lib/post-display.ts

@@ -13,9 +13,70 @@ import { createMediaContext, toPostView } from "./view.js";
 
 type Env = { Bindings: Bindings; Variables: AppVariables };
 
+/** Social/preview image picked for a post page, with metadata when known. */
+export interface PostSocialImage {
+  /** Image URL — may be app-local or an already-absolute CDN URL. */
+  url: string;
+  /** Pixel width, when known (image attachments only, not link previews). */
+  width?: number;
+  /** Pixel height, when known. */
+  height?: number;
+  /** Alt text, when the source image attachment has one. */
+  alt?: string;
+}
+
 export interface PostPageDisplayData {
   postView: PostView;
   threadPostViews?: PostView[];
+  /**
+   * Image to use as og:image / twitter:image for this post page. Prefers an
+   * image attached to the current post, then its link-preview thumbnail, then
+   * any image found elsewhere in the thread. Undefined when the thread has no
+   * images — BaseLayout then falls back to the site avatar or the default
+   * Jant social image.
+   */
+  socialImage?: PostSocialImage;
+  /**
+   * ISO 8601 publish time for `article:published_time`. A post page renders
+   * the whole thread as one "article", so this is the thread root's publish
+   * time (the post itself when it is not part of a thread).
+   */
+  articlePublishedTime: string;
+  /**
+   * ISO 8601 last-modified time for `article:modified_time`: the most recent
+   * update across every post in the thread.
+   */
+  articleModifiedTime: string;
+}
+
+function findFirstImage(post: PostView): PostSocialImage | undefined {
+  const image = post.media.find((m) => m.mimeType.startsWith("image/"));
+  if (image) {
+    return {
+      url: image.url,
+      width: image.width,
+      height: image.height,
+      alt: image.altText,
+    };
+  }
+  // Link-preview thumbnails are transformed images with no known dimensions.
+  return post.previewImageUrl ? { url: post.previewImageUrl } : undefined;
+}
+
+function resolvePostSocialImage(
+  postView: PostView,
+  threadPostViews: PostView[] | undefined,
+): PostSocialImage | undefined {
+  const direct = findFirstImage(postView);
+  if (direct) return direct;
+
+  if (!threadPostViews) return undefined;
+  for (const p of threadPostViews) {
+    if (p.id === postView.id) continue;
+    const found = findFirstImage(p);
+    if (found) return found;
+  }
+  return undefined;
 }
 
 function canViewPost(post: Post, isAuthenticated: boolean): boolean {
@@ -146,5 +207,21 @@ export async function assemblePostPageDisplay(
         )
       : undefined;
 
-  return { postView, threadPostViews };
+  const socialImage = resolvePostSocialImage(postView, threadPostViews);
+
+  const rootView = threadPostViews?.[0] ?? postView;
+  const allViews = threadPostViews ?? [postView];
+  // ISO 8601 strings from toISOString() are all UTC and zero-padded, so
+  // lexical comparison matches chronological order.
+  const articleModifiedTime = allViews
+    .map((p) => p.updatedAt)
+    .reduce((latest, t) => (t > latest ? t : latest));
+
+  return {
+    postView,
+    threadPostViews,
+    socialImage,
+    articlePublishedTime: rootView.publishedAt,
+    articleModifiedTime,
+  };
 }

package/src/lib/render.tsx

@@ -24,6 +24,20 @@ export interface RenderPublicPageOptions {
   appleTouchHref?: string;
   /** Optional explicit social image href */
   socialImageUrl?: string;
+  /** Alt text describing an explicit `socialImageUrl`. */
+  socialImageAlt?: string;
+  /** Pixel width of an explicit `socialImageUrl`, when known. */
+  socialImageWidth?: number;
+  /** Pixel height of an explicit `socialImageUrl`, when known. */
+  socialImageHeight?: number;
+  /** Open Graph object type. Defaults to "website" in BaseLayout. */
+  ogType?: "website" | "article";
+  /** ISO 8601 publish time, rendered as `article:published_time` for articles. */
+  articlePublishedTime?: string;
+  /** ISO 8601 modified time, rendered as `article:modified_time` for articles. */
+  articleModifiedTime?: string;
+  /** JSON-LD structured data object (or array) for this page. */
+  jsonLd?: unknown;
   /**
    * Absolute canonical URL for this page. Forwarded to `BaseLayout` and
    * rendered as `<link rel="canonical">`. Only set when the page has a
@@ -73,6 +87,13 @@ export function renderPublicPage(c: Context, options: RenderPublicPageOptions) {
     faviconHref,
     appleTouchHref,
     socialImageUrl,
+    socialImageAlt,
+    socialImageWidth,
+    socialImageHeight,
+    ogType,
+    articlePublishedTime,
+    articleModifiedTime,
+    jsonLd,
     canonicalHref,
     navData,
     content,
@@ -127,6 +148,13 @@ export function renderPublicPage(c: Context, options: RenderPublicPageOptions) {
       faviconHref={faviconHref}
       appleTouchHref={appleTouchHref}
       socialImageUrl={socialImageUrl}
+      socialImageAlt={socialImageAlt}
+      socialImageWidth={socialImageWidth}
+      socialImageHeight={socialImageHeight}
+      ogType={ogType}
+      articlePublishedTime={articlePublishedTime}
+      articleModifiedTime={articleModifiedTime}
+      jsonLd={jsonLd}
       canonicalHref={canonicalHref}
       faviconUrl={faviconUrl}
       faviconVersion={faviconVersion}

package/src/lib/structured-data.ts

@@ -0,0 +1,113 @@
+/**
+ * JSON-LD structured data builders.
+ *
+ * Produces schema.org objects rendered as `<script type="application/ld+json">`
+ * in BaseLayout. Builders return plain objects; serialization and script-safe
+ * escaping happen at render time.
+ */
+
+export interface ArticleJsonLdInput {
+  /** Bare post title (without the site-name suffix). */
+  headline: string;
+  /** Meta description, when available. */
+  description?: string;
+  /** Canonical absolute URL of the post page. */
+  url: string;
+  /** ISO 8601 publish time. */
+  datePublished: string;
+  /** ISO 8601 last-modified time. */
+  dateModified: string;
+  /** Absolute URL of the post's social/preview image, when available. */
+  imageUrl?: string;
+  /** Display name of the site author. */
+  authorName: string;
+}
+
+/**
+ * Build a schema.org `BlogPosting` object for a single post page.
+ *
+ * `BlogPosting` (a subtype of `Article`) fits a personal microblog better than
+ * the generic `Article` type.
+ *
+ * @param input - Post metadata, with absolute URLs already resolved
+ * @returns A JSON-LD-ready `BlogPosting` object
+ *
+ * @example
+ * ```ts
+ * buildArticleJsonLd({
+ *   headline: "Hello",
+ *   url: "https://site.com/hello",
+ *   datePublished: "2026-01-01T00:00:00.000Z",
+ *   dateModified: "2026-01-02T00:00:00.000Z",
+ *   authorName: "Jant",
+ * });
+ * ```
+ */
+export function buildArticleJsonLd(
+  input: ArticleJsonLdInput,
+): Record<string, unknown> {
+  const data: Record<string, unknown> = {
+    "@context": "https://schema.org",
+    "@type": "BlogPosting",
+    headline: input.headline,
+    datePublished: input.datePublished,
+    dateModified: input.dateModified,
+    url: input.url,
+    mainEntityOfPage: { "@type": "WebPage", "@id": input.url },
+    author: { "@type": "Person", name: input.authorName },
+  };
+  if (input.description) data.description = input.description;
+  if (input.imageUrl) data.image = input.imageUrl;
+  return data;
+}
+
+export interface WebSiteJsonLdInput {
+  /** Site display name. */
+  name: string;
+  /** Absolute URL of the site root. */
+  url: string;
+  /**
+   * Absolute search URL template containing the literal placeholder
+   * `{search_term_string}`, e.g. `https://site.com/search?q={search_term_string}`.
+   * Omit to skip the sitelinks search box action.
+   */
+  searchUrlTemplate?: string;
+}
+
+/**
+ * Build a schema.org `WebSite` object, optionally with a `SearchAction` that
+ * enables Google's sitelinks search box.
+ *
+ * @param input - Site metadata, with absolute URLs already resolved
+ * @returns A JSON-LD-ready `WebSite` object
+ *
+ * @example
+ * ```ts
+ * buildWebSiteJsonLd({
+ *   name: "Jant",
+ *   url: "https://site.com/",
+ *   searchUrlTemplate: "https://site.com/search?q={search_term_string}",
+ * });
+ * ```
+ */
+export function buildWebSiteJsonLd(
+  input: WebSiteJsonLdInput,
+): Record<string, unknown> {
+  const data: Record<string, unknown> = {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    name: input.name,
+    url: input.url,
+  };
+  if (input.searchUrlTemplate) {
+    data.potentialAction = {
+      "@type": "SearchAction",
+      target: {
+        "@type": "EntryPoint",
+        urlTemplate: input.searchUrlTemplate,
+      },
+      "query-input": "required name=search_term_string",
+    };
+  }
+  return data;
+}

package/src/lib/url.ts

@@ -372,3 +372,29 @@ export function toAbsoluteSiteUrl(
   if (!siteUrl) return toPublicPath(path, sitePathPrefix);
   return new URL(toPublicPath(path, sitePathPrefix), siteUrl).toString();
 }
+
+/**
+ * Resolve a possibly-relative asset URL to an absolute URL, leaving
+ * already-absolute (`http(s):`) and protocol-relative (`//host`) URLs
+ * untouched. Use for assets — like media — whose stored URL may be either an
+ * app-local path or a full CDN URL.
+ *
+ * @param url - Asset URL: an internal path or an already-absolute URL
+ * @param siteUrl - Normalized site URL
+ * @param sitePathPrefix - Public site path prefix
+ * @returns Absolute URL, or the original value when it is already absolute
+ *
+ * @example
+ * ```ts
+ * toAbsoluteAssetUrl("/m/a.png", "https://site.com");   // "https://site.com/m/a.png"
+ * toAbsoluteAssetUrl("https://cdn.example/a.png", "x"); // "https://cdn.example/a.png"
+ * ```
+ */
+export function toAbsoluteAssetUrl(
+  url: string,
+  siteUrl: string,
+  sitePathPrefix = "",
+): string {
+  if (isFullUrl(url) || url.startsWith("//")) return url;
+  return toAbsoluteSiteUrl(url, siteUrl, sitePathPrefix);
+}

package/src/routes/api/internal/__tests__/sites.test.ts

@@ -264,6 +264,71 @@ describe("Internal site admin routes", () => {
     });
   });
 
+  it("returns published post counts for hosted sites", async () => {
+    const { app, sqlite } = createTestApp({
+      authenticated: false,
+      internalAdminToken: "internal-secret",
+      siteResolutionMode: "host-based",
+    });
+    app.route("/api/internal/sites", internalSitesRoutes);
+
+    const insertPost = sqlite.prepare(
+      `INSERT INTO "post" ("id", "site_id", "format", "status", "thread_id", "created_at", "updated_at")
+       VALUES (?, ?, 'note', ?, ?, 1774200002, 1774200002)`,
+    );
+    insertPost.run(
+      "pst_count_1",
+      DEFAULT_TEST_SITE_ID,
+      "published",
+      "pst_count_1",
+    );
+    insertPost.run(
+      "pst_count_2",
+      DEFAULT_TEST_SITE_ID,
+      "published",
+      "pst_count_2",
+    );
+    insertPost.run("pst_count_3", DEFAULT_TEST_SITE_ID, "draft", "pst_count_3");
+
+    const res = await app.request("/api/internal/sites/post-counts", {
+      method: "POST",
+      headers: {
+        Authorization: "Bearer internal-secret",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        siteIds: [DEFAULT_TEST_SITE_ID, "sit_does_not_exist"],
+      }),
+    });
+
+    expect(res.status).toBe(200);
+    // Drafts are excluded, and an unknown site id resolves to 0 rather than
+    // failing the whole batch.
+    await expect(res.json()).resolves.toEqual({
+      counts: [
+        { publishedPostCount: 2, siteId: DEFAULT_TEST_SITE_ID },
+        { publishedPostCount: 0, siteId: "sit_does_not_exist" },
+      ],
+    });
+  });
+
+  it("rejects post-count lookups without an admin token", async () => {
+    const { app } = createTestApp({
+      authenticated: false,
+      internalAdminToken: "internal-secret",
+      siteResolutionMode: "host-based",
+    });
+    app.route("/api/internal/sites", internalSitesRoutes);
+
+    const res = await app.request("/api/internal/sites/post-counts", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ siteIds: [DEFAULT_TEST_SITE_ID] }),
+    });
+
+    expect(res.status).toBe(401);
+  });
+
   it("deletes a managed site without clearing other sites", async () => {
     const { app, sqlite } = createTestApp({
       authenticated: false,

package/src/routes/api/internal/sites.ts

@@ -42,6 +42,10 @@ const CreateManagedSiteSchema = z.object({
   idempotencyKey: z.string().trim().min(1).max(128).optional(),
 });
 
+const SitePostCountsSchema = z.object({
+  siteIds: z.array(z.string().trim().min(1)).max(200),
+});
+
 const ManagedSiteDomainSchema = z.object({
   host: z
     .string()
@@ -99,6 +103,21 @@ internalSitesRoutes.get(
   },
 );
 
+internalSitesRoutes.post(
+  "/post-counts",
+  requireInternalAdminApi(),
+  async (c) => {
+    assertHostBasedMode(c.env);
+
+    const body = parseValidated(SitePostCountsSchema, await c.req.json());
+    const counts = await c.var.services.siteAdmin.getManagedSitePostCounts(
+      body.siteIds,
+    );
+
+    return c.json({ counts });
+  },
+);
+
 internalSitesRoutes.delete("/:siteId", requireInternalAdminApi(), async (c) => {
   assertHostBasedMode(c.env);
 

package/src/routes/pages/home.tsx

@@ -24,7 +24,8 @@ import {
   assembleFeaturedTimeline,
   assembleTimeline,
 } from "../../lib/timeline.js";
-import { toPublicPath } from "../../lib/url.js";
+import { toAbsoluteSiteUrl, toPublicPath } from "../../lib/url.js";
+import { buildWebSiteJsonLd } from "../../lib/structured-data.js";
 import { HomePage } from "../../ui/pages/HomePage.js";
 import { FeaturedPage } from "../../ui/pages/FeaturedPage.js";
 
@@ -56,6 +57,23 @@ homeRoutes.get("/", async (c) => {
 
   const { items, currentPage, totalPages } = timeline;
 
+  // WebSite + SearchAction structured data, emitted only on the first page
+  // (the canonical site entry point) and only when a site URL is configured
+  // so the search-box action resolves to an absolute URL.
+  const { siteUrl } = c.var.appConfig;
+  const websiteJsonLd =
+    page === 1 && siteUrl
+      ? buildWebSiteJsonLd({
+          name: navData.siteName,
+          url: toAbsoluteSiteUrl("/", siteUrl, navData.sitePathPrefix),
+          searchUrlTemplate: `${toAbsoluteSiteUrl(
+            "/search",
+            siteUrl,
+            navData.sitePathPrefix,
+          )}?q={search_term_string}`,
+        })
+      : undefined;
+
   if (homeDefaultView === "featured") {
     const featuredTitle = i18n._(
       msg({
@@ -69,6 +87,7 @@ homeRoutes.get("/", async (c) => {
         page > 1
           ? buildPageTitle(featuredTitle, paginatedPageTitle, navData.siteName)
           : navData.siteName,
+      jsonLd: websiteJsonLd,
       navData,
       showHomeBranding:
         c.var.appConfig.showJantBrandingOnHome && currentPage === 1,
@@ -95,6 +114,7 @@ homeRoutes.get("/", async (c) => {
       page > 1
         ? buildPageTitle(latestTitle, paginatedPageTitle, navData.siteName)
         : navData.siteName,
+    jsonLd: websiteJsonLd,
     navData,
     showHomeBranding:
       c.var.appConfig.showJantBrandingOnHome && currentPage === 1,

package/src/routes/pages/page.tsx

@@ -13,8 +13,16 @@ import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { buildPageTitle } from "../../lib/page-title.js";
 import { buildPostMeta } from "../../lib/post-meta.js";
-import { assemblePostPageDisplay } from "../../lib/post-display.js";
-import { toPublicHref, toPublicPath } from "../../lib/url.js";
+import {
+  assemblePostPageDisplay,
+  type PostPageDisplayData,
+} from "../../lib/post-display.js";
+import { buildArticleJsonLd } from "../../lib/structured-data.js";
+import {
+  toAbsoluteAssetUrl,
+  toPublicHref,
+  toPublicPath,
+} from "../../lib/url.js";
 import { isTextAttachment } from "../../services/media.js";
 import type { Post } from "../../types.js";
 import { renderArchivePage } from "./archive.js";
@@ -56,6 +64,33 @@ function buildPostCanonicalHref(
   return new URL(rootPermalink, siteUrl).toString();
 }
 
+/**
+ * Build the `BlogPosting` JSON-LD for a post page. The post page renders the
+ * whole thread, so the structured data describes the thread as one article:
+ * canonical URL, root publish time, latest thread modification time.
+ */
+function buildPostJsonLd(
+  c: Context<Env>,
+  display: PostPageDisplayData,
+  meta: { title: string; description?: string },
+  canonicalHref: string,
+  siteName: string,
+): Record<string, unknown> {
+  const { siteUrl, sitePathPrefix } = c.var.appConfig;
+  const imageUrl = display.socialImage
+    ? toAbsoluteAssetUrl(display.socialImage.url, siteUrl, sitePathPrefix)
+    : undefined;
+  return buildArticleJsonLd({
+    headline: meta.title,
+    description: meta.description,
+    url: canonicalHref,
+    datePublished: display.articlePublishedTime,
+    dateModified: display.articleModifiedTime,
+    imageUrl,
+    authorName: siteName,
+  });
+}
+
 async function renderPostWithTextPreview(
   c: Context<Env>,
   post: Post,
@@ -97,6 +132,14 @@ async function renderPostWithTextPreview(
     title: buildPageTitle(pageTitle, navData.siteName),
     description: meta.description,
     canonicalHref,
+    socialImageUrl: display.socialImage?.url,
+    socialImageAlt: display.socialImage?.alt,
+    socialImageWidth: display.socialImage?.width,
+    socialImageHeight: display.socialImage?.height,
+    ogType: "article",
+    articlePublishedTime: display.articlePublishedTime,
+    articleModifiedTime: display.articleModifiedTime,
+    jsonLd: buildPostJsonLd(c, display, meta, canonicalHref, navData.siteName),
     navData,
     content: (
       <>
@@ -166,6 +209,14 @@ async function renderPost(c: Context<Env>, post: Post) {
     title: buildPageTitle(meta.title, navData.siteName),
     description: meta.description,
     canonicalHref,
+    socialImageUrl: display.socialImage?.url,
+    socialImageAlt: display.socialImage?.alt,
+    socialImageWidth: display.socialImage?.width,
+    socialImageHeight: display.socialImage?.height,
+    ogType: "article",
+    articlePublishedTime: display.articlePublishedTime,
+    articleModifiedTime: display.articleModifiedTime,
+    jsonLd: buildPostJsonLd(c, display, meta, canonicalHref, navData.siteName),
     navData,
     content: (
       <PostPage post={display.postView} threadPosts={display.threadPostViews} />

package/src/services/export-theme/assets/client-site.css

@@ -1,2 +1,2 @@
-@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-lightbox{background:0 0;border:none;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0}.media-lightbox[open]{animation:.2s both lightbox-fade-in}.media-lightbox::backdrop{background-color:#000}.media-lightbox-content{outline:none;width:100%;height:100dvh;position:relative}.media-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 96px;display:flex;overflow:hidden}.media-lightbox-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.media-lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:block}.media-lightbox-img-scroll{width:min(100%,44rem);max-width:none;height:auto;max-height:none;margin:0 auto}.media-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:fixed;top:16px;left:16px}.media-lightbox-close:hover{background-color:#000000b3}.media-lightbox-nav{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.media-lightbox-nav:hover{background-color:#000000b3}.media-lightbox-nav-prev{left:16px}.media-lightbox-nav-next{right:16px}.media-lightbox-counter{z-index:10;font-size:var(--type-xs);color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.media-lightbox-short-frame{max-width:100%;max-height:100%;display:block;position:relative}.media-lightbox-short-controls{z-index:2;pointer-events:none;height:86px;position:absolute;bottom:0;left:0;right:0}.media-lightbox-short-progress{--media-progress:0%;z-index:1;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:auto;height:34px;margin:0;padding:0;display:block;position:absolute;bottom:0;left:16px;right:16px}.media-lightbox-short-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffeb 0, #ffffffeb var(--media-progress), #ffffff2e var(--media-progress), #ffffff2e 100%);border-radius:999px;height:2px;transition:height .15s,background .15s}.media-lightbox-short-progress::-webkit-slider-thumb{appearance:none;opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-progress::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-thumb{opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-controls-portrait .media-lightbox-short-progress{width:calc(100% - 48px);right:auto}.media-lightbox-short-progress:hover::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:focus-visible::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-track{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-progress{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-progress{height:4px}.media-lightbox-short-progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-mute{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#777;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:30px;right:24px}.media-lightbox-short-mute svg{flex-shrink:0;width:16px;height:16px;display:block}.media-lightbox-short-mute:hover{background-color:#686868;transform:scale(1.03)}.media-lightbox-short-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}@media (max-width:640px){.media-lightbox-stage{padding:48px 16px}.media-lightbox-img{border-radius:0}.media-lightbox-img-scroll{width:100%}.media-lightbox-close{width:36px;height:36px;top:12px;left:12px}.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav-prev{left:8px}.media-lightbox-nav-next{right:8px}.media-lightbox-short-mute{bottom:26px;right:24px}}.media-visual-frame{border-radius:var(--media-radius,.5rem);background-color:var(--color-muted);display:block;overflow:hidden}.media-visual{background-position:50%;background-repeat:no-repeat;display:block}.media-video-wrap{position:relative}.media-video-link{cursor:pointer;display:block}.media-video-wrap video{object-fit:contain;background-color:var(--color-muted);width:100%;max-height:24rem}.media-video-wrap-short video{background-color:#000}.media-feed-video-mute{z-index:1;color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.media-feed-video-mute svg{width:12px;height:12px}.media-feed-video-mute:hover{background-color:#0000009e;transform:scale(1.03)}.media-feed-video-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-feed-video-icon{transition:opacity .15s,transform .15s;position:absolute}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-muted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-unmuted{opacity:1;transform:scale(1)}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-unmuted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-muted{opacity:0;transform:scale(.92)}.media-video-play-overlay{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-video-play-overlay svg{filter:drop-shadow(0 2px 6px #0006);opacity:.85;width:48px;height:48px}.media-gallery-card.media-audio-card{flex-direction:column;display:flex}.media-audio-card .media-audio-el{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-audio-card .media-audio-artwork{background:linear-gradient(160deg,#8080801f 0%,#80808008 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.media-audio-card .media-audio-artwork svg{width:32px;height:32px;color:var(--site-text-secondary);opacity:.3}.media-audio-card .media-audio-waveform{cursor:pointer;touch-action:none;width:100%;height:24px;display:none}.media-audio-card.has-waveform .media-audio-waveform{display:block}.media-audio-card.has-waveform .media-audio-range{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-audio-card .media-audio-controls{flex-direction:column;flex-shrink:0;padding:0 0 6px;display:flex}.media-audio-card .media-audio-range{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.media-audio-card .media-audio-range::-webkit-slider-runnable-track{background:#80808026;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-track{background:#80808026;border:none;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-progress{background:var(--site-text-primary);border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-webkit-slider-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-webkit-slider-thumb{opacity:1}.media-audio-card .media-audio-range::-moz-range-thumb{background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-moz-range-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-moz-range-thumb{opacity:1}.media-audio-card .media-audio-range:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:2px}.media-audio-card .media-audio-row{align-items:center;gap:6px;min-width:0;padding:6px 8px 0;display:flex}.media-audio-card .media-audio-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.media-audio-card .media-audio-title{font-size:var(--type-2xs);font-weight:var(--fw-medium,500);color:var(--site-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.media-audio-card .media-audio-time{font-size:var(--type-2xs);color:var(--site-text-secondary);font-variant-numeric:tabular-nums;line-height:1}.media-audio-card .media-audio-play-btn{cursor:pointer;background:var(--site-text-primary);width:28px;height:28px;color:var(--background,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.media-audio-card .media-audio-play-btn:hover{transform:scale(1.1)}.media-audio-card .media-audio-play-btn:active{transform:scale(.92)}.media-audio-card .media-audio-play-btn svg{width:14px;height:14px}.media-audio-card .media-audio-icon-play{margin-left:2px}.media-audio-card .media-audio-icon-pause,.media-audio-card.is-playing .media-audio-icon-play{display:none}.media-audio-card.is-playing .media-audio-icon-pause{display:block}.media-gallery-card{color:var(--site-text-primary);border-radius:var(--media-radius,.5rem);background-color:var(--site-nav-hover-bg);border:1px solid var(--site-divider);text-decoration:none;transition:background-color .15s;display:block;overflow:hidden}a.media-gallery-card:hover,button.media-gallery-card:hover{background-color:var(--site-divider)}button.media-gallery-card{cursor:pointer;font:inherit;text-align:inherit}.media-gallery-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:flex}.media-gallery-card-icon{color:var(--site-text-secondary);opacity:.6}.media-gallery-card-summary{font-size:var(--type-xs);color:var(--site-text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.media-gallery-card-meta{font-size:var(--type-xs);color:var(--site-text-secondary)}.media-lightbox-video{background-color:#000;border-radius:4px;outline:none;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in}.media-lightbox-video:focus,.media-lightbox-video:focus-visible{outline:none}.media-lightbox-video-short{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}@media (max-width:640px){.media-lightbox-video{border-radius:0}}[data-post-media] img{background:0 0}.media-gallery-scroll-wrap{--_fade:1.5rem;--_mask-left:black;--_mask-right:black}.media-gallery-scroll-wrap>[data-post-media]{-webkit-mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%);mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%);-webkit-mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%)}.media-gallery-scroll-wrap.can-scroll-start{--_mask-left:transparent}.media-gallery-scroll-wrap.can-scroll-end{--_mask-right:transparent}
+@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-lightbox{background:0 0;border:none;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0}.media-lightbox[open]{animation:.2s both lightbox-fade-in}.media-lightbox::backdrop{background-color:#000}.media-lightbox-content{outline:none;width:100%;height:100dvh;position:relative}.media-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 96px;display:flex;overflow:hidden}.media-lightbox-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.media-lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:block}.media-lightbox-img-zoomable{cursor:zoom-in}.media-lightbox-img-scroll{width:min(100%,44rem);max-width:none;height:auto;max-height:none;margin:0 auto}.media-lightbox-img-zoomable.media-lightbox-img-scroll{cursor:zoom-out}.media-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:fixed;top:16px;left:16px}.media-lightbox-close:hover{background-color:#000000b3}.media-lightbox-nav{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.media-lightbox-nav:hover{background-color:#000000b3}.media-lightbox-nav-prev{left:16px}.media-lightbox-nav-next{right:16px}.media-lightbox-counter{z-index:10;font-size:var(--type-xs);color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.media-lightbox-short-frame{max-width:100%;max-height:100%;display:block;position:relative}.media-lightbox-short-controls{z-index:2;pointer-events:none;height:86px;position:absolute;bottom:0;left:0;right:0}.media-lightbox-short-progress{--media-progress:0%;z-index:1;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:auto;height:34px;margin:0;padding:0;display:block;position:absolute;bottom:0;left:16px;right:16px}.media-lightbox-short-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffeb 0, #ffffffeb var(--media-progress), #ffffff2e var(--media-progress), #ffffff2e 100%);border-radius:999px;height:2px;transition:height .15s,background .15s}.media-lightbox-short-progress::-webkit-slider-thumb{appearance:none;opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-progress::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-thumb{opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-controls-portrait .media-lightbox-short-progress{width:calc(100% - 48px);right:auto}.media-lightbox-short-progress:hover::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:focus-visible::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-track{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-progress{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-progress{height:4px}.media-lightbox-short-progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-mute{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#777;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:30px;right:24px}.media-lightbox-short-mute svg{flex-shrink:0;width:16px;height:16px;display:block}.media-lightbox-short-mute:hover{background-color:#686868;transform:scale(1.03)}.media-lightbox-short-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}@media (max-width:640px){.media-lightbox-stage{padding:48px 16px}.media-lightbox-img{border-radius:0}.media-lightbox-img-scroll{width:100%}.media-lightbox-close{width:36px;height:36px;top:12px;left:12px}.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav-prev{left:8px}.media-lightbox-nav-next{right:8px}.media-lightbox-short-mute{bottom:26px;right:24px}}.media-visual-frame{border-radius:var(--media-radius,.5rem);background-color:var(--color-muted);display:block;overflow:hidden}.media-visual{background-position:50%;background-repeat:no-repeat;display:block}.media-video-wrap{position:relative}.media-video-link{cursor:pointer;display:block}.media-video-wrap video{object-fit:contain;background-color:var(--color-muted);width:100%;max-height:24rem}.media-video-wrap-short video{background-color:#000}.media-feed-video-mute{z-index:1;color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.media-feed-video-mute svg{width:12px;height:12px}.media-feed-video-mute:hover{background-color:#0000009e;transform:scale(1.03)}.media-feed-video-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-feed-video-icon{transition:opacity .15s,transform .15s;position:absolute}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-muted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-unmuted{opacity:1;transform:scale(1)}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-unmuted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-muted{opacity:0;transform:scale(.92)}.media-video-play-overlay{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-video-play-overlay svg{filter:drop-shadow(0 2px 6px #0006);opacity:.85;width:48px;height:48px}.media-gallery-card.media-audio-card{flex-direction:column;display:flex}.media-audio-card .media-audio-el{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-audio-card .media-audio-artwork{background:linear-gradient(160deg,#8080801f 0%,#80808008 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.media-audio-card .media-audio-artwork svg{width:32px;height:32px;color:var(--site-text-secondary);opacity:.3}.media-audio-card .media-audio-waveform{cursor:pointer;touch-action:none;width:100%;height:24px;display:none}.media-audio-card.has-waveform .media-audio-waveform{display:block}.media-audio-card.has-waveform .media-audio-range{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-audio-card .media-audio-controls{flex-direction:column;flex-shrink:0;padding:0 0 6px;display:flex}.media-audio-card .media-audio-range{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.media-audio-card .media-audio-range::-webkit-slider-runnable-track{background:#80808026;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-track{background:#80808026;border:none;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-progress{background:var(--site-text-primary);border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-webkit-slider-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-webkit-slider-thumb{opacity:1}.media-audio-card .media-audio-range::-moz-range-thumb{background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-moz-range-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-moz-range-thumb{opacity:1}.media-audio-card .media-audio-range:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:2px}.media-audio-card .media-audio-row{align-items:center;gap:6px;min-width:0;padding:6px 8px 0;display:flex}.media-audio-card .media-audio-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.media-audio-card .media-audio-title{font-size:var(--type-2xs);font-weight:var(--fw-medium,500);color:var(--site-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.media-audio-card .media-audio-time{font-size:var(--type-2xs);color:var(--site-text-secondary);font-variant-numeric:tabular-nums;line-height:1}.media-audio-card .media-audio-play-btn{cursor:pointer;background:var(--site-text-primary);width:28px;height:28px;color:var(--background,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.media-audio-card .media-audio-play-btn:hover{transform:scale(1.1)}.media-audio-card .media-audio-play-btn:active{transform:scale(.92)}.media-audio-card .media-audio-play-btn svg{width:14px;height:14px}.media-audio-card .media-audio-icon-play{margin-left:2px}.media-audio-card .media-audio-icon-pause,.media-audio-card.is-playing .media-audio-icon-play{display:none}.media-audio-card.is-playing .media-audio-icon-pause{display:block}.media-gallery-card{color:var(--site-text-primary);border-radius:var(--media-radius,.5rem);background-color:var(--site-nav-hover-bg);border:1px solid var(--site-divider);text-decoration:none;transition:background-color .15s;display:block;overflow:hidden}a.media-gallery-card:hover,button.media-gallery-card:hover{background-color:var(--site-divider)}button.media-gallery-card{cursor:pointer;font:inherit;text-align:inherit}.media-gallery-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:flex}.media-gallery-card-icon{color:var(--site-text-secondary);opacity:.6}.media-gallery-card-summary{font-size:var(--type-xs);color:var(--site-text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.media-gallery-card-meta{font-size:var(--type-xs);color:var(--site-text-secondary)}.media-lightbox-video{background-color:#000;border-radius:4px;outline:none;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in}.media-lightbox-video:focus,.media-lightbox-video:focus-visible{outline:none}.media-lightbox-video-short{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}@media (max-width:640px){.media-lightbox-video{border-radius:0}}[data-post-media] img{background:0 0}.media-gallery-scroll-wrap{position:relative}.media-gallery-nav{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-gallery-nav:hover{background-color:#000000b3}.media-gallery-nav svg{width:18px;height:18px;display:block}.media-gallery-nav-prev{left:8px}.media-gallery-nav-next{right:8px}@media (hover:hover) and (pointer:fine){.media-gallery-scroll-wrap.can-scroll-start:hover .media-gallery-nav-prev,.media-gallery-scroll-wrap.can-scroll-end:hover .media-gallery-nav-next{opacity:1;pointer-events:auto}}.media-gallery-scroll-wrap>[data-post-media]:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:4px}
 /*$vite$:1*/