@nulib/clover 4.5.3 → 4.5.5

package/dist/core/content-state-reader.mjs

@@ -82,7 +82,7 @@ function resolveTarget(target, json) {
   if (parsed.rect) canvasTarget.region = parsed.rect;
   const time = (pointTime == null ? void 0 : pointTime.t) ?? startTime(parsed.t);
   if (time !== void 0) canvasTarget.time = Number(time);
-  const partOf = asArray(resource.partOf).find(
+  const partOf = [resource, target].flatMap((each) => asArray(each == null ? void 0 : each.partOf)).find(
     (part) => (part == null ? void 0 : part.id) && (!part.type || part.type === "Manifest")
   );
   const collection = collectionOf(partOf);

package/dist/core/follow-content.mjs

@@ -0,0 +1,170 @@
+"use client";
+import { parseAnnotationTarget } from "./annotations.mjs";
+import { resolveContentState } from "./content-state-reader.mjs";
+import { CloverContentError } from "./load.mjs";
+import { readSvgShape } from "./svg-shape.mjs";
+import { asArray } from "../lib/asArray.mjs";
+const PRESENTATION_2 = "http://iiif.io/api/presentation/2/context.json";
+const isPresentation2Annotation = (json) => (json == null ? void 0 : json["@type"]) === "oa:Annotation" || (json == null ? void 0 : json["@id"]) !== void 0 && asArray(json == null ? void 0 : json["@context"]).includes(PRESENTATION_2);
+const idOf = (value) => typeof value === "string" ? value : (value == null ? void 0 : value["@id"]) ?? (value == null ? void 0 : value.id);
+async function readAnnotation(json) {
+  if (!isPresentation2Annotation(json)) return json;
+  const { convertPresentation2 } = await import("@iiif/parser/presentation-2");
+  const read = convertPresentation2({
+    "@context": PRESENTATION_2,
+    ...JSON.parse(JSON.stringify(json))
+  });
+  const within = asArray(json.on).map(
+    (on) => idOf(asArray(on == null ? void 0 : on.within)[0])
+  );
+  const target = asArray(read.target).map((each, index) => {
+    const manifest = within[index];
+    if (!manifest) return each;
+    const partOf = [{ id: manifest, type: "Manifest" }];
+    const source = (each == null ? void 0 : each.type) === "SpecificResource";
+    const canvas = idOf(source ? each.source : each);
+    if (!canvas) return each;
+    return source ? { ...each, source: { id: canvas, type: "Canvas", partOf } } : { id: canvas, type: "Canvas", partOf };
+  });
+  const body = asArray(read.body).map(
+    (each) => typeof (each == null ? void 0 : each.chars) === "string" ? {
+      type: "TextualBody",
+      value: each.chars,
+      ...each.format ? { format: each.format } : {},
+      ...each.language ? { language: each.language } : {}
+    } : each
+  );
+  return {
+    ...read,
+    "@context": void 0,
+    type: "Annotation",
+    target: target.length === 1 ? target[0] : target,
+    ...body.length ? { body: body.length === 1 ? body[0] : body } : {}
+  };
+}
+async function follow(state, options, load) {
+  const resolved = await resolve(state);
+  if (!resolved) throw new CloverContentError("Unreadable content state");
+  const loaded = await load(resolved.id, {
+    ...options,
+    // The host's choice of member first, then the content state's.
+    manifestId: options.manifestId ?? resolved.manifestId,
+    follows: (options.follows ?? 0) + 1
+  });
+  const { target } = resolved;
+  return placeTarget({
+    ...loaded,
+    target: target && (!loaded.target || loaded.target.canvasId === target.canvasId) ? { ...loaded.target, ...target } : loaded.target ?? target,
+    annotation: loaded.annotation ?? resolved.annotation,
+    targets: loaded.targets ?? resolved.targets
+  });
+}
+async function resolve(state) {
+  const json = await readAnnotation(state);
+  const resolved = resolveContentState(json);
+  if (!resolved) return null;
+  const first = json.type === "Annotation" ? asArray(json.target)[0] : json;
+  const region = svgRegion(parseAnnotationTarget(first).svg);
+  const note = resolved.annotation;
+  return {
+    ...resolved,
+    ...resolved.target && !resolved.target.region && region ? { target: { ...resolved.target, region } } : {},
+    ...note ? {
+      annotation: {
+        ...note,
+        motivation: asArray(note.motivation).filter(
+          (motivation) => motivation !== "painting"
+        ),
+        ...json.label ? { label: json.label } : {}
+      }
+    } : {}
+  };
+}
+function startTime(t) {
+  const seconds = t ? Number(t.split(",")[0]) : NaN;
+  return Number.isFinite(seconds) ? seconds : void 0;
+}
+function svgRegion(svg) {
+  var _a;
+  const box = svg ? (_a = readSvgShape(svg)) == null ? void 0 : _a.box : void 0;
+  return box && box.width > 0 && box.height > 0 ? { x: box.x, y: box.y, w: box.width, h: box.height } : void 0;
+}
+function rangeStart(manifest, rangeId) {
+  const seen = /* @__PURE__ */ new Set();
+  const find = (ranges) => {
+    for (const range2 of ranges) {
+      if (!range2 || seen.has(range2)) continue;
+      seen.add(range2);
+      if (range2.type === "Range" && range2.id === rangeId) return range2;
+      const inner = find(asArray(range2.items));
+      if (inner) return inner;
+    }
+    return void 0;
+  };
+  const first = (range2, depth = 0) => {
+    for (const item of asArray(range2.items)) {
+      if ((item == null ? void 0 : item.type) === "Range") {
+        const found = depth < 16 ? first(item, depth + 1) : null;
+        if (found) return found;
+        continue;
+      }
+      const raw = typeof item === "string" ? item : item == null ? void 0 : item.id;
+      const parsed = parseAnnotationTarget(
+        (item == null ? void 0 : item.type) === "SpecificResource" ? item : String(raw ?? "").replace(/\/((?:t|xywh)=[^/#]*)$/, "#$1")
+      );
+      if (!parsed.id) continue;
+      const time = startTime(parsed.t);
+      return {
+        canvasId: parsed.id,
+        ...parsed.rect ? { region: parsed.rect } : {},
+        ...time !== void 0 ? { time } : {}
+      };
+    }
+    return null;
+  };
+  const range = find(asArray(manifest.structures));
+  return range ? first(range) : null;
+}
+function retarget(target, canvasId) {
+  if (typeof target === "string") {
+    const hash = target.indexOf("#");
+    return hash < 0 ? canvasId : canvasId + target.slice(hash);
+  }
+  const json = target;
+  if ((json == null ? void 0 : json.type) === "SpecificResource")
+    return {
+      ...json,
+      source: typeof json.source === "object" ? { ...json.source, id: canvasId, type: "Canvas" } : { id: canvasId, type: "Canvas" }
+    };
+  return retarget(String((json == null ? void 0 : json.id) ?? ""), canvasId);
+}
+function placeTarget(loaded) {
+  var _a;
+  const { manifest, target } = loaded;
+  if (!target) return loaded;
+  const canvases = asArray(manifest.items);
+  if (canvases.some((canvas) => (canvas == null ? void 0 : canvas.id) === target.canvasId)) return loaded;
+  const service = canvases.length === 1 && ((_a = canvases[0]) == null ? void 0 : _a.id) === `${manifest.id}/canvas` ? { canvasId: canvases[0].id } : null;
+  const place = service ?? rangeStart(manifest, target.canvasId);
+  if (!place) return loaded;
+  const annotation = loaded.annotation && {
+    ...loaded.annotation,
+    target: retarget(loaded.annotation.target, place.canvasId)
+  };
+  return {
+    ...loaded,
+    target: {
+      ...target,
+      canvasId: place.canvasId,
+      ...target.region ? {} : place.region ? { region: place.region } : {},
+      ...target.time !== void 0 ? {} : place.time !== void 0 ? { time: place.time } : {}
+    },
+    ...annotation ? { annotation } : {}
+  };
+}
+export {
+  follow,
+  placeTarget,
+  readAnnotation,
+  resolve
+};

package/dist/core/load.mjs

@@ -2,17 +2,13 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { asArray } from "../lib/asArray.mjs";
 import { preloadUpgrader, toPresentation4 } from "./presentation.mjs";
 import { fetchJson } from "./request.mjs";
 const readContentState = () => import("./content-state-reader.mjs");
 function isContentState(json) {
   const value = json;
   if (!value || typeof value !== "object") return false;
-  if (value.type === "Annotation") {
-    return asArray(value.motivation).includes("contentState");
-  }
-  return value.type === "SpecificResource";
+  return value.type === "Annotation" || value["@type"] === "oa:Annotation" || value.type === "SpecificResource";
 }
 const isImageService = (json) => Boolean(json) && typeof json === "object" && /ImageService[123]|iiif\.io\/api\/image/.test(
   JSON.stringify(
@@ -143,35 +139,14 @@ async function loadContent(input, options = {}) {
   var _a;
   const { request, signal } = options;
   void preloadUpgrader();
-  let target;
-  let member;
-  let annotation;
-  let targets;
-  let json;
-  const followContentState = async (state) => {
-    const { resolveContentState } = await readContentState();
-    const resolved = resolveContentState(state);
-    if (!resolved) throw new CloverContentError("Unreadable content state");
-    target = resolved.target ?? target;
-    member = resolved.manifestId ?? member;
-    annotation = resolved.annotation ?? annotation;
-    targets = resolved.targets ?? targets;
-    return fetchJson(request, resolved.id, signal);
-  };
+  let json = input;
   if (typeof input === "string") {
-    if (isUrl(input.trim())) {
-      json = await fetchContent(request, input.trim(), signal);
-    } else {
-      const { decodeContentState } = await readContentState();
-      const state = decodeContentState(input);
-      if (!state) throw new CloverContentError("Unreadable iiifContent");
-      json = isContentState(state) ? await followContentState(state) : state;
-    }
-  } else {
-    json = input;
+    json = isUrl(input.trim()) ? await fetchContent(request, input.trim(), signal) : (await readContentState()).decodeContentState(input);
+    if (!json) throw new CloverContentError("Unreadable iiifContent");
   }
-  if (isContentState(json)) {
-    json = await followContentState(json);
+  if (isContentState(json) && (options.follows ?? 0) < 2) {
+    const { follow } = await import("./follow-content.mjs");
+    return follow(json, options, loadContent);
   }
   if (ANNOTATIONS.test(String((json == null ? void 0 : json.type) ?? ""))) {
     const { annotationsContent } = await import("./annotations-content.mjs");
@@ -188,13 +163,13 @@ async function loadContent(input, options = {}) {
   (_a = signal == null ? void 0 : signal.throwIfAborted) == null ? void 0 : _a.call(signal);
   switch (resource.type) {
     case "Manifest":
-      return { manifest: resource, target, annotation, targets };
+      return { manifest: resource };
     case "Collection": {
       const collection = await withMembers(
         resource,
         options
       );
-      const pick = options.manifestId ?? member;
+      const pick = options.manifestId;
       const chosen = pick ? (collection.items ?? []).find(
         (item) => item.id === pick && item.type === "Manifest"
       ) : void 0;
@@ -202,14 +177,15 @@ async function loadContent(input, options = {}) {
       if (!manifest) {
         throw new CloverContentError("The Collection holds no Manifest");
       }
-      return { manifest, collection, target, annotation, targets };
+      return { manifest, collection };
     }
     case "Canvas":
     case "Timeline":
     case "Scene": {
-      const container = resource;
-      target ?? (target = { canvasId: container.id });
-      return { manifest: loneCanvas(container), target, annotation };
+      return {
+        manifest: loneCanvas(resource),
+        target: { canvasId: resource.id }
+      };
     }
     default:
       throw new CloverContentError(

package/dist/index.d.mts

@@ -307,9 +307,11 @@ export declare function buildContentState({ manifestId, canvasId, type, region,
  * state (JSON or base64url). The resource may be a Manifest, a Collection (its first
  * Manifest is shown), a lone Canvas (its `partOf` Manifest, or a Manifest made around
  * it), or annotations, an AnnotationPage or AnnotationCollection (the Manifest their first
- * annotation's Canvas is `partOf`, at that Canvas). It may also be a IIIF Image service,
- * its `info.json` or its base URI, shown as the one image it is (`imageServiceContent`).
- * Everything is fetched once, with the request settings, and upgraded to Presentation 4.
+ * annotation's Canvas is `partOf`, at that Canvas). A single Annotation, of any motivation,
+ * is read as a content state is: what it targets is opened, at its region and time, its
+ * body shown there as a note. It may also be a IIIF Image service, its `info.json` or its
+ * base URI, shown as the one image it is (`imageServiceContent`). Everything is fetched
+ * once, with the request settings, and upgraded to Presentation 4.
  */
 export type IIIFContent = string | Record<string, unknown>;
 /**

package/dist/map/index.d.mts

@@ -161,9 +161,11 @@ export interface CloverRequest {
  * state (JSON or base64url). The resource may be a Manifest, a Collection (its first
  * Manifest is shown), a lone Canvas (its `partOf` Manifest, or a Manifest made around
  * it), or annotations, an AnnotationPage or AnnotationCollection (the Manifest their first
- * annotation's Canvas is `partOf`, at that Canvas). It may also be a IIIF Image service,
- * its `info.json` or its base URI, shown as the one image it is (`imageServiceContent`).
- * Everything is fetched once, with the request settings, and upgraded to Presentation 4.
+ * annotation's Canvas is `partOf`, at that Canvas). A single Annotation, of any motivation,
+ * is read as a content state is: what it targets is opened, at its region and time, its
+ * body shown there as a note. It may also be a IIIF Image service, its `info.json` or its
+ * base URI, shown as the one image it is (`imageServiceContent`). Everything is fetched
+ * once, with the request settings, and upgraded to Presentation 4.
  */
 export type IIIFContent = string | Record<string, unknown>;
 export interface MapProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {

package/dist/styles/core.css

@@ -1 +1 @@
-@layer clover{:root{--clover-space-3xs: .146rem;--clover-space-2xs: .236rem;--clover-space-xs: .382rem;--clover-space-s: .618rem;--clover-space-m: 1rem;--clover-space-l: 1.618rem;--clover-space-xl: 2.618rem;--clover-space-2xl: 4.236rem;--clover-text-xs: .764rem;--clover-text-s: .854rem;--clover-text-m: 1.146rem;--clover-text-l: 1.236rem;--clover-control: calc(1rem + 2 * var(--clover-space-s));--clover-inset: var(--clover-space-l);--clover-picture: calc(4 * var(--clover-space-xl))}:where(.clover-title){margin:0;font-weight:var(--clover-title-weight, 400);line-height:1.25;overflow-wrap:anywhere}:where(.clover-root,.clover-canvas,.clover-items,.clover-geomap) :where(button,input,select,textarea){font:inherit}:where(.clover-field-pill-query,.clover-collection-select-control){box-sizing:border-box;padding:var(--clover-space-xs) var(--clover-space-s);border:1px solid var( --clover-field-edge, color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 80%, var(--clover-color-secondary, #fff) ) );border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}:where(.clover-field-pill-query,.clover-collection-select-control):focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}:where(.clover-field-pill-query)::placeholder{color:color-mix(in srgb,var(--clover-color-primary, #1a1d1e) 65%,var(--clover-color-secondary, #fff));opacity:1}:where([data-high-contrast]){--clover-accent-fill: var(--clover-color-control, #1a1d1e);--clover-accent-ring: 3px solid var(--clover-color-accent, #0065c3);--clover-accent-ring-hover: 3px solid color-mix(in srgb, var(--clover-color-accent, #0065c3) 50%, transparent);--clover-accent-text-fallback: var(--clover-color-primary, #1a1d1e);--clover-transition: none}.clover-canvas-error{display:flex;flex-direction:column;align-items:center;gap:var(--clover-space-s)}.clover-canvas-error-headline{font-weight:700;font-size:var(--clover-text-l)}button.clover-canvas-exit-full-screen{display:none;position:absolute;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);z-index:3;align-items:center;gap:var(--clover-space-xs);height:var(--clover-control);padding:0 var(--clover-space-m) 0 var(--clover-space-s);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);font-size:var(--clover-text-s);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas-exit-full-screen svg{height:1rem;width:1rem;flex-shrink:0}.clover-canvas-exit-full-screen:hover,.clover-canvas-exit-full-screen:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-root:fullscreen{overflow:auto;background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.clover-loading{position:relative;display:block;width:100%;height:3px;overflow:hidden;opacity:0;animation:clover-loading-show 1ms .25s forwards}.clover-loading>span{position:absolute;inset:0;background-color:var(--clover-color-accent, #0065c3);transform-origin:left center;animation:clover-loading-draw 1.4s cubic-bezier(.4,0,.2,1) infinite}.clover-loading:dir(rtl)>span{transform-origin:right center}.clover-loading[data-overlay]{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.clover-body:has(>.clover-loading) .clover-canvas .clover-loading{display:none}@keyframes clover-loading-show{to{opacity:1}}@keyframes clover-loading-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.clover-loading>span{animation-duration:2.8s}}.clover-body-unloadable,.clover-body-note{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--clover-inset);pointer-events:none}.clover-body-unloadable[data-room]{inset-block-end:var(--clover-transport-room, 0)}.clover-body-unloadable:empty{display:none}.clover-body-unloadable>p,.clover-body-note>p{margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);text-align:center}.clover-canvas-overlays{overflow:hidden;isolation:isolate;container-type:size;scroll-padding-block:var(--clover-canvas-clear-top, 0) var(--clover-canvas-clear-bottom, 0)}.clover-canvas-overlay{transform-origin:center}.clover-canvas-annotation{box-sizing:border-box;margin:0;padding:0;cursor:zoom-in;background-color:transparent;border:1px solid var(--clover-color-primary, #1a1d1e);border-radius:var(--clover-radius, 3px);box-shadow:inset 0 0 0 1px var(--clover-color-secondary, #fff),0 0 38vw 38vw transparent;z-index:var(--clover-annotation-depth, 0);-webkit-mask-image:var(--clover-annotation-mask, none);mask-image:var(--clover-annotation-mask, none);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:120% 120%;mask-size:120% 120%;mask-clip:no-clip}.clover-canvas-annotation:is([data-link],[data-track]){cursor:pointer}.clover-canvas-annotation[hidden]{display:none}.clover-canvas-annotation:is([data-active=true],:focus-visible){border-color:var(--clover-color-secondary, #fff);outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:0;box-shadow:0 0 0 3px var(--clover-color-primary, #1a1d1e),0 0 38vw 38vw #0002}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]){pointer-events:none}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]),.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]):is([data-active=true],:focus-visible){border-color:transparent;outline:none;background-color:transparent;box-shadow:none}.clover-canvas-annotation-point{position:absolute;top:50%;left:50%;width:var(--clover-space-m);height:var(--clover-space-m);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);transform:translate(-50%,-50%);pointer-events:auto}.clover-canvas-annotation-point:before{position:absolute;top:50%;left:50%;width:var(--clover-space-l);height:var(--clover-space-l);border-radius:50%;transform:translate(-50%,-50%);content:""}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-annotation-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.clover-canvas-annotation-shape>g>*{fill:none;stroke:none;pointer-events:none}.clover-canvas-annotation-shape>g:nth-child(1)>*{fill:transparent;stroke:var(--clover-color-primary, #1a1d1e);stroke-width:3;pointer-events:visiblePainted;cursor:zoom-in}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:var(--clover-color-secondary, #fff);stroke-width:1}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(1)>*{stroke-width:6}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(2)>*{stroke-width:4}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:var(--clover-color-accent, #0065c3);stroke-width:2}@media (forced-colors: active){.clover-canvas-annotation{border-color:CanvasText}.clover-canvas-annotation[data-shape=rect]{outline:1px solid Canvas;outline-offset:-2px}.clover-canvas-annotation:is([data-active=true],:focus-visible){outline:2px solid Highlight;outline-offset:0}.clover-canvas-annotation-shape>g:nth-child(1)>*{stroke:CanvasText}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:Canvas}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:Highlight}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{outline:2px solid Highlight;outline-offset:1px}}.clover-canvas{--clover-canvas-inset: 0px;--clover-canvas-controls-inset: var(--clover-inset);--clover-controls-leave: .18s cubic-bezier(.4, 0, 1, 1);--clover-controls-enter: .34s cubic-bezier(.34, 1.56, .64, 1);--clover-controls-tuck: var(--clover-space-s);--clover-controls-shown: 0;--clover-controls-events: none;--clover-controls-timing: var(--clover-controls-leave);position:relative;margin:0;--clover-canvas-background: #0001;background-color:var(--clover-canvas-background);width:100%;height:100%;min-height:inherit;overflow:hidden;isolation:isolate}@media (width < 31rem){.clover-canvas{--clover-canvas-controls-inset: var(--clover-space-m)}}.clover-canvas[data-fullscreen=true]{background-image:linear-gradient(var(--clover-canvas-background),var(--clover-canvas-background));background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas[data-exit]>.clover-canvas-exit-full-screen{display:flex}.clover-canvas[data-exit]>.clover-canvas-navigator{top:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas{--clover-canvas-clear-top: var(--clover-space-xs);--clover-canvas-clear-bottom: var(--clover-space-xs)}.clover-canvas:has(>.clover-canvas-controls){--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) )}.clover-canvas[data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-s) )}.clover-canvas[data-exit][data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-2xl) + 2 * var(--clover-space-s) )}.clover-canvas{--clover-transport-room: calc( var(--clover-transport-bar-height, var(--clover-control)) + var(--clover-space-l) + var(--clover-space-xs) + var(--clover-canvas-controls-inset) + var(--clover-space-m) + var(--clover-transport-marks-room, 0px) )}.clover-canvas[data-recording]{--clover-canvas-clear-bottom: var(--clover-transport-room)}.clover-canvas[data-player]{--clover-player-art-least: calc(12rem / 1.618);min-height:calc(2 * var(--clover-canvas-controls-inset) + max(var(--clover-player-art-least),2.7 * var(--clover-text-m) + 3 * var(--clover-space-2xs) + var(--clover-space-xs) + var(--clover-transport-marks-room, 0px) + var(--clover-space-l) + var(--clover-transport-bar-height, var(--clover-control))))}.clover-canvas-viewport{padding:var(--clover-canvas-inset);isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.clover-canvas-viewport:active{cursor:grabbing}.clover-canvas[data-navigable=false]>.clover-canvas-viewport{cursor:default;touch-action:manipulation}.clover-canvas-sound-label{position:absolute;inset:0 0 var(--clover-transport-room, 0) 0;z-index:-1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:var(--clover-inset);overflow:hidden;color:var(--clover-color-primary, #1a1d1e);font-size:var(--clover-text-l);line-height:1.3;text-align:center;overflow-wrap:anywhere;pointer-events:none}.clover-canvas-dom-media{display:block;-webkit-user-drag:none}.clover-canvas-dom-media.clover-canvas-painted-text{display:flex;align-items:center;overflow:hidden;color:var(--clover-color-primary, currentColor);line-height:1.2}.clover-canvas-painted-text>*{margin:0}.clover-canvas-scrim{position:absolute;inset:0 0 auto;z-index:0;height:calc(var(--clover-control) + 2 * var(--clover-space-l));pointer-events:none;background:linear-gradient(to bottom,#00000073,#0003 45%,#0000);opacity:var(--clover-controls-shown);transition:opacity var(--clover-controls-timing)}.clover-canvas[data-media=video]{--clover-canvas-background: #000}.clover-canvas[data-media=video]>.clover-canvas-scrim{display:none}.clover-canvas:not([data-controls]){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}.clover-canvas>.clover-canvas-controls{z-index:3;pointer-events:none}.clover-canvas>.clover-canvas-controls[data-fit]{left:var(--clover-canvas-controls-inset);flex-wrap:nowrap;gap:var(--clover-space-xs)}.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls[data-fit]:dir(rtl){justify-content:flex-start}.clover-canvas[data-exit]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas[data-has-navigator=true]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-xl) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>.clover-canvas-more{--tray: var(--clover-space-3xs);display:flex;flex:0 1 auto;gap:var(--clover-space-xs);min-width:0;border-radius:var(--clover-radius-pill, 2rem);pointer-events:none}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{position:relative;margin:calc(-1 * var(--tray));padding:var(--tray);background-color:color-mix(in srgb,var(--clover-color-control, #1a1d1e) 40%,transparent);-webkit-backdrop-filter:blur(var(--clover-space-xs));backdrop-filter:blur(var(--clover-space-xs))}.clover-canvas-more>button,.clover-canvas-more-list>*{pointer-events:var(--clover-controls-events)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{animation:clover-more-open .22s cubic-bezier(.16,1,.3,1)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]:dir(rtl){animation-name:clover-more-open-rtl}.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:clover-more-in .22s cubic-bezier(.16,1,.3,1) backwards}@keyframes clover-more-open{0%{clip-path:inset(0 0 0 calc(100% - var(--clover-control) - 2 * var(--tray)) round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-open-rtl{0%{clip-path:inset(0 calc(100% - var(--clover-control) - 2 * var(--tray)) 0 0 round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open],.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:none}}.clover-canvas-more-list:not([hidden]){--ring: var(--clover-space-2xs);--tip-room: calc(2 * var(--clover-space-2xl));--fade: calc(var(--clover-space-l) + var(--clover-space-s));display:flex;gap:var(--clover-space-xs);min-width:0;margin:calc(-1 * var(--ring)) calc(-1 * var(--ring)) calc(-1 * var(--tip-room));padding:var(--ring) var(--ring) var(--tip-room);scrollbar-width:none}.clover-canvas-more-list[data-past]{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--fade)}.clover-canvas-more-list::-webkit-scrollbar{display:none}.clover-canvas-more-list[data-past]{-webkit-mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clover-canvas-more-list[data-past~=left]{--left: transparent}.clover-canvas-more-list[data-past~=right]{--right: transparent}.clover-canvas-more-list>[data-partial]:not(:focus-visible){opacity:.25;pointer-events:none}.clover-canvas-more>.clover-canvas-more-step{position:absolute;top:50%;z-index:1;display:none;translate:0 -50%}.clover-canvas-more>.clover-canvas-more-step:not(:hover,:focus-visible){background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff)}.clover-canvas-more>[data-step=prev]{inset-inline-start:var(--tray)}.clover-canvas-more>[data-step=next]{inset-inline-end:calc(var(--tray) + var(--clover-control) + var(--clover-space-xs))}.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=left]~[data-step=prev],.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=right]~[data-step=next],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=right]~[data-step=prev],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=left]~[data-step=next]{display:flex}.clover-canvas-more-step:dir(rtl) svg{scale:-1 1}@media (hover: none){.clover-canvas-more-list[data-past]{--tip-room: var(--ring);pointer-events:var(--clover-controls-events)}:is(.clover-canvas-more-list[data-past],.clover-canvas-more-step) .clover-tip{display:none}}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>[data-button=panel]{position:absolute;top:0;right:0;--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel][data-side=start]),.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel][data-side=start]){padding-right:0;padding-inline-start:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls>[data-button=panel][data-side=start]{right:auto;inset-inline-start:0}.clover-canvas>.clover-canvas-controls>:is([data-button=information],[data-button=annotations],[data-button=chapters],[data-button=placeholder]){--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas:is([data-controls=visible],:has(:focus-visible,[aria-expanded=true]:not([data-button=panel])),:has(>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>[data-button=play])){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}@media (hover: hover){.clover-canvas:has(>.clover-canvas-controls>:not([data-button=panel],[data-button=information],[data-button=annotations],[data-button=placeholder]):hover,>.clover-canvas-navigator:hover,.clover-canvas-transport-seek-area:hover,.clover-canvas-transport-bar>:hover){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport:before,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*{opacity:var(--clover-controls-shown);translate:0 calc((1 - var(--clover-controls-shown)) * var(--clover-controls-edge, -1) * var(--clover-controls-tuck));transition:all var(--clover-controls-timing),z-index 0s}:where([data-high-contrast]) :is(.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*){transition:opacity var(--clover-controls-timing),translate var(--clover-controls-timing),z-index 0s}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas-transport-bar>*{pointer-events:var(--clover-controls-events)}@media (prefers-reduced-motion: reduce){.clover-canvas{--clover-controls-leave: 0s;--clover-controls-enter: 0s;--clover-controls-tuck: 0px}}.clover-canvas-navigator{position:absolute;z-index:2;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);width:calc(var(--clover-space-2xl) + var(--clover-space-xl));height:var(--clover-space-2xl);overflow:hidden;background-color:#000d;border-radius:var(--clover-radius, 3px);cursor:pointer;touch-action:none}.clover-canvas-navigator-image{position:absolute;inset:0;width:100%;height:100%}.clover-canvas-navigator-region{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid var(--clover-color-accent, #0065c3);pointer-events:none}.clover-canvas-viewport:focus-visible:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}@media (forced-colors: active){.clover-canvas-viewport:focus-visible{outline:3px solid CanvasText;outline-offset:-3px}}.clover-canvas-caption{padding:var(--clover-space-m);outline:none;transform:translateY(calc(-1 * var(--clover-space-m)));opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .3s}.clover-canvas-caption[data-open=true]{transform:none;opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}.clover-canvas-caption:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (prefers-reduced-motion: reduce){.clover-canvas-caption,.clover-canvas-caption[data-open=true]{transform:none;transition:none}}.clover-canvas-caption>button.clover-canvas-caption-close{float:right;margin:calc(-1 * var(--clover-space-2xs)) calc(-1 * var(--clover-space-2xs)) var(--clover-space-s) var(--clover-space-s)}.clover-canvas-caption-canvas+.clover-canvas-caption-canvas{margin-top:var(--clover-space-m);padding-top:var(--clover-space-m);border-top:1px solid var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-caption .clover-canvas-caption-label{margin:0 0 var(--clover-space-s);font-size:inherit;font-weight:600}.clover-canvas-caption p{margin:0}.clover-canvas-caption .clover-read-more{margin-bottom:var(--clover-space-s)}.clover-canvas-caption a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}.clover-canvas-caption-annotations{margin-top:var(--clover-space-s)}.clover-canvas-caption .clover-canvas-caption-annotations-label{margin-bottom:var(--clover-space-xs);font-weight:500}.clover-canvas-caption-annotations>ul{display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0;padding:0;list-style:none}.clover-canvas-place{width:min(22rem,100%)}.clover-canvas-place .clover-geomap{--clover-map-height: 16rem;--clover-map-controls-top: calc( var(--clover-control) + var(--clover-space-s) )}.clover-canvas-place>button.clover-canvas-caption-close{position:absolute;z-index:3;top:calc(var(--clover-space-m) + var(--clover-inset));right:calc(var(--clover-space-m) + var(--clover-inset));float:none;margin:0}.clover-canvas-placeholder{position:absolute;inset:0;padding:var(--clover-canvas-inset);z-index:0;display:flex;align-items:center;justify-content:center;container-type:size;cursor:zoom-in}.clover-canvas-placeholder[data-lingering=true]{pointer-events:none}.clover-canvas-placeholder[data-hidden=true]{visibility:hidden;pointer-events:none}.clover-canvas-placeholder-frame{display:flex;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio)}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame{flex-direction:column}.clover-canvas-placeholder-frame>img{display:block;min-width:0;min-height:0;object-fit:contain;color:transparent}.clover-canvas-placeholder:not([data-vertical=true])>.clover-canvas-placeholder-frame>img{height:100%}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame>img{width:100%}.clover-canvas[data-placeholder=true]>.clover-canvas-viewport{visibility:hidden}.clover-canvas>button.clover-canvas-placeholder-toggle{position:absolute;z-index:1;top:50%;right:50%;width:var(--clover-space-2xl);height:var(--clover-space-2xl);margin:0;transform:translate(50%,-50%);box-shadow:0 4px 16px #0003;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas>button.clover-canvas-placeholder-toggle svg{width:calc(var(--clover-space-2xl) / (1 + 2 * .618));height:calc(var(--clover-space-2xl) / (1 + 2 * .618))}.clover-canvas-placeholder[data-media=true]{cursor:pointer}.clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:is(:hover,:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:hover:not(:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-canvas[data-placeholder=true]>.clover-canvas-controls>*{--clover-controls-shown: 1;--clover-controls-events: auto}@media (prefers-reduced-motion: reduce){.clover-canvas>button.clover-canvas-placeholder-toggle{transition:none}}:is(.clover-canvas-caption,.clover-canvas-menu){position:absolute;z-index:2;box-sizing:border-box;min-width:12rem;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--clover-radius, 6px);background:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);box-shadow:0 4px 16px #0001}.clover-canvas>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) );top:var(--top);right:var(--clover-canvas-controls-inset);max-width:min(22rem,calc(100% - 2 * var(--clover-canvas-controls-inset)));max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}.clover-canvas[data-recording]>:is(.clover-canvas-caption,.clover-canvas-menu){max-height:max(calc(100% - var(--top) - var(--clover-transport-room)),min(2 * var(--clover-space-2xl),calc(100% - var(--top) - var(--clover-canvas-controls-inset))))}.clover-canvas[data-popups=beside]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: var(--clover-canvas-controls-inset);right:calc(var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s));left:var(--clover-canvas-controls-inset);min-width:0;max-width:none}.clover-canvas[data-popups=beside][data-exit]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s) )}.clover-canvas:has(>:is(.clover-canvas-caption[data-open=true],.clover-canvas-menu))>.clover-canvas-navigator{opacity:0;visibility:hidden}.clover-canvas-menu{padding:var(--clover-space-xs)}.clover-canvas-menu fieldset{margin:0;padding:0;border:0}.clover-canvas-menu fieldset+fieldset{margin-top:var(--clover-space-s)}.clover-canvas-menu legend{padding:var(--clover-space-2xs) var(--clover-space-s);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-canvas-menu label{display:flex;align-items:center;gap:var(--clover-space-xs);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 6px);cursor:pointer}.clover-canvas-menu label:hover,.clover-canvas-menu label[data-active=true]{background:var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-menu label[data-disabled]{cursor:default;opacity:.38;pointer-events:none}.clover-canvas-menu input{margin:0;accent-color:var(--clover-color-accent, #0065c3)}.clover-canvas-menu .clover-canvas-chapters-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:baseline;gap:var(--clover-space-2xs) var(--clover-space-s);border-inline-start:3px solid transparent}.clover-canvas-chapters-item>input{position:absolute;opacity:0;pointer-events:none}.clover-canvas-chapters-item:has(>input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-chapters-item>.clover-cue-time{color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums}@media (forced-colors: active){.clover-canvas-chapters-item:has(>input:checked){border-inline-start-color:Highlight}}@media (forced-colors: none){.clover-canvas-menu .clover-canvas-chapters-item:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-chapters-item:has(input:checked){font-weight:600}.clover-canvas-menu-image{flex:none;width:auto;height:var(--clover-space-xl);border-radius:var(--clover-radius, 3px)}.clover-canvas-controls{--top: var(--clover-canvas-controls-inset);position:absolute;z-index:1;top:var(--top);right:var(--clover-canvas-controls-inset);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:var(--clover-space-s);max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close){display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-control);height:var(--clover-control);margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close) svg{flex-shrink:0;width:1rem;height:1rem;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}button.clover-canvas-button svg{fill:currentColor;stroke:currentColor}:is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]{cursor:default}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true] svg{opacity:.5}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]:not(:focus-visible),:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next):disabled{opacity:.38;pointer-events:none}button.clover-canvas-button[aria-disabled=true]{cursor:default}button.clover-canvas-button[aria-disabled=true] svg{opacity:.5}button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e)}:where([data-high-contrast]) button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e);outline:none}button.clover-canvas-button:is([data-button=rotate-right],[data-button=rotate-left]):is(:hover,:focus-visible) svg{rotate:45deg}button.clover-canvas-button[data-button=rotate-left] svg{scale:-1 1}button.clover-canvas-button[data-button=panel][data-side=start]:dir(ltr) svg{scale:-1 1}button.clover-canvas-button[data-button=rotate-left]:is(:hover,:focus-visible) svg{rotate:-45deg}button.clover-canvas-button[data-button=reset]:is(:hover,:focus-visible) svg{rotate:-15deg}button.clover-canvas-button[aria-disabled=true][data-button]:is(:hover,:focus-visible) svg{rotate:none}@media (prefers-reduced-motion: reduce){:is(button.clover-canvas-button,button.clover-canvas-transport-button) svg{transition:none}}:where(:has(>.clover-tip)){position:relative}.clover-tip{position:absolute;z-index:4;bottom:calc(100% + var(--clover-space-xs));left:50%;translate:-50% 0;display:block;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-primary, #1a1d1e);color:var(--clover-color-secondary, #fff);font-size:var(--clover-text-s);font-weight:400;box-sizing:border-box;width:max-content;max-width:var(--clover-tip-room, none);white-space:normal;overflow-wrap:anywhere;transform:translate(var(--clover-tip-shift, 0px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}:is(.clover-tip-image,.clover-annotations-image){display:block;width:auto;max-width:100%;height:auto;max-height:var(--clover-items-height, 8rem)}.clover-tip-image{margin-block-end:var(--clover-space-xs);border-radius:calc(var(--clover-radius, 3px) / 2)}.clover-tip-lead{display:block;color:var(--clover-color-secondary, #fff);font-weight:600;font-variant-numeric:tabular-nums}.clover-tip:has(>.clover-tip-lead){color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-tip:before{position:absolute;inset-inline:0;top:100%;height:var(--clover-space-xs);content:""}:hover>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s}:focus-visible>.clover-tip,label:has(>input:focus-visible):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}[data-tip-hidden]>.clover-tip{opacity:0;transition:none;pointer-events:none}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-template-document-sidebar-toggle>.clover-tip,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip{top:calc(100% + var(--clover-space-xs));bottom:auto}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip:before,button.clover-canvas-placeholder-toggle>.clover-tip:before,button.clover-canvas-caption-close>.clover-tip:before,button.clover-template-document-sidebar-toggle>.clover-tip:before,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip:before{top:auto;bottom:100%}:is(.clover-canvas-transport-bar,.clover-template-document-toolbar)>:first-child .clover-tip,button.clover-items-scroll-prev>.clover-tip,button.clover-sections-scroll-prev>.clover-tip,button.clover-canvas-more-step[data-step=prev]>.clover-tip,.clover-transcript-languages>.clover-transcript-language>.clover-tip,.clover-template-document-sidebar-closed>button.clover-template-document-sidebar-toggle>.clover-tip,.clover-panel[data-floating]>button.clover-panel-close>.clover-tip{inset-inline:0 auto;translate:none}:is(.clover-canvas-transport-end,.clover-template-lightbox-header)>:last-child .clover-tip,.clover-canvas-controls>button:last-of-type>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-items-scroll-next>.clover-tip,button.clover-sections-scroll-next>.clover-tip,button.clover-canvas-more-step[data-step=next]>.clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,.clover-panel:not([data-floating])>button.clover-panel-close>.clover-tip,.clover-sections-actions .clover-transcript-languages>.clover-transcript-language>.clover-tip{inset-inline:auto 0;translate:none}:is(button,a).clover-canvas-annotation>.clover-tip{text-align:start;--clover-tip-top: var(--clover-canvas-clear-top, var(--clover-space-xs));--clover-tip-bottom: var( --clover-canvas-clear-bottom, var(--clover-space-xs) );--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-overlay-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-overlay-x, 50cqw) - 100% );top:100%;bottom:auto;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:max(100cqh - var(--clover-tip-top) - var(--clover-tip-bottom),min(2 * var(--clover-space-2xl),100cqh - 2 * var(--clover-space-xs)));overflow-y:auto;border:solid transparent;border-width:var(--clover-space-xs) 0 0;background-clip:padding-box;translate:var(--clover-tip-x) 0;transform:none}:is(button,a).clover-canvas-annotation>.clover-tip:before{content:none}:is(button,a).clover-canvas-annotation[data-active=true][aria-current=true]:not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}:is(button,a).clover-canvas-annotation[data-overlay-room=below]>.clover-tip{top:100%;translate:var(--clover-tip-x) min(clamp(var(--clover-tip-top) - var(--clover-space-xs) - var(--clover-overlay-bottom),0px,100cqh - var(--clover-overlay-bottom) - var(--clover-tip-bottom) - 100%),100cqh - var(--clover-space-xs) - var(--clover-overlay-bottom) - 100%)}:is(button,a).clover-canvas-annotation[data-overlay-room=above]>.clover-tip{top:auto;bottom:100%;border-width:0 0 var(--clover-space-xs);translate:var(--clover-tip-x) min(clamp(100% + var(--clover-tip-top) - var(--clover-overlay-top),0px,100cqh + var(--clover-space-xs) - var(--clover-tip-bottom) - var(--clover-overlay-top)),100cqh - var(--clover-overlay-top))}.clover-split-handle>.clover-tip{top:50%;bottom:auto;inset-inline:calc(100% + var(--clover-space-xs)) auto;translate:0 -50%;cursor:default}.clover-split-handle>.clover-tip:before{inset-block:0;inset-inline:auto 100%;width:var(--clover-space-xs);height:auto}@media (prefers-reduced-motion: reduce){.clover-tip{transition:none}}@media (forced-colors: active){.clover-tip{outline:1px solid CanvasText}}.clover-tip-after{margin-inline-start:var(--clover-space-xs);font-size:var(--clover-text-xs);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}label.clover-hide{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));gap:0;padding:0;border-radius:50%;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}label.clover-hide svg{width:var(--clover-text-s);height:var(--clover-text-s)}label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) label.clover-hide:hover:not(:has(input:focus-visible)){outline:var(--clover-accent-ring-hover);outline-offset:1px}label.clover-hide:has(input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}label.clover-hide input{position:absolute;margin:0;opacity:0;pointer-events:none}@media (forced-colors: active){label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:Highlight;color:HighlightText}}@keyframes clover-shade{0%{opacity:0}to{opacity:1}}.clover-read-more{display:flex;flex-direction:column;align-items:flex-start;gap:var(--clover-space-xs);min-width:0}button.clover-read-more-button{margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-read-more-button:hover{text-decoration-color:currentColor}button.clover-read-more-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-steps{display:flex;flex:none;align-items:center;gap:var(--clover-space-2xs);font-size:var(--clover-text-xs);line-height:1}.clover-steps-position{display:inline-grid;justify-items:end;margin-inline-end:var(--clover-space-2xs);color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums;font-weight:600}.clover-steps-position>[aria-hidden]{grid-area:1 / 1}.clover-steps-position>.clover-steps-room[hidden]{display:block;visibility:hidden}button.clover-steps-step{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-steps-step:hover:not(:focus-visible,[aria-disabled=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-steps-step:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}button.clover-steps-step[aria-disabled=true]{cursor:default}button.clover-steps-step[aria-disabled=true] svg{opacity:.5}button.clover-steps-step[aria-disabled=true]:not(:focus-visible){opacity:.38;pointer-events:none}@media (forced-colors: active){button.clover-steps-step[aria-disabled=true]{color:GrayText}}.clover-entry-thumbnail{flex:none;width:var(--clover-space-l);height:var(--clover-space-l);object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-entry-thumbnail[data-large]{grid-column:1 / -1;width:var(--clover-picture);max-width:100%;height:auto}.clover-cue-time{flex:none;min-width:var(--clover-space-l);align-self:baseline;color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums}.clover-cue-text{align-self:baseline;min-width:0}.clover-summary:not([data-read-more=open]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clover-summary-lines, 5);overflow:hidden}:is(.clover-metadata,.clover-required-statement){display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0}:is(.clover-metadata,.clover-required-statement) dt{margin:0;font-weight:500}:is(.clover-metadata,.clover-required-statement) dd{margin:0}.clover-summary,:is(.clover-metadata,.clover-required-statement) :is(dt,dd){overflow-wrap:anywhere}:is(.clover-about,.clover-canvas-caption,.clover-annotations-body,.clover-metadata,.clover-required-statement,.clover-summary) a:not([class]){text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of)>li{min-block-size:24px}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of) a,a:is(.clover-id,.clover-rights){color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-link-format{color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-provider{display:flex;flex-wrap:wrap;gap:var(--clover-space-s) var(--clover-space-m);margin:0;padding:0;list-style:none}.clover-provider:empty{display:none}.clover-provider-agent{display:flex;align-items:center;min-block-size:24px}.clover-provider-link,.clover-provider-content{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-provider-link{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-logo{display:block;width:auto;max-width:100%;height:var(--clover-logo-height, 1.618rem);object-fit:contain}.clover-label{text-wrap:balance}.clover-status{margin:0;padding:var(--clover-space-m);color:var(--clover-color-primary-muted, #26292b)}.clover-status[data-status=loading]{display:flex}.clover-status[data-status=error] p{margin:0}.clover-status-detail{font-size:var(--clover-text-s)}.clover-panel{display:flex;flex-direction:column;min-width:0;padding:var(--clover-inset);--clover-sections-inset-start: calc( var(--clover-inset) - var(--clover-space-s) );--clover-sections-inset-end: var(--clover-sections-inset-start);--clover-sections-gutter: calc( var(--clover-inset) - var(--clover-space-s) - .5px );color:var(--clover-color-primary, #1a1d1e)}@media (width < 31rem){.clover-panel{--clover-inset: var(--clover-space-m)}}.clover-panel[data-closable]{--clover-panel-clear: calc( var(--clover-space-xs) + var(--clover-control) - var(--clover-inset) );--clover-sections-inset-start: calc( var(--clover-inset) + var(--clover-panel-clear) );position:relative}.clover-panel[data-closable] .clover-sections-tabs{padding-inline-end:var(--clover-panel-clear)}.clover-panel[data-closable][data-floating] .clover-sections-tabs{padding-inline:var(--clover-panel-clear) 0}.clover-panel>.clover-sections[data-layout=accordion]{margin:calc(-1 * var(--clover-space-s))}.clover-panel[data-closable]>.clover-sections[data-layout=accordion]{padding-block-start:calc(var(--clover-panel-clear) + var(--clover-space-s))}.clover-panel>button.clover-panel-close{position:absolute;inset-block-start:var(--clover-space-xs);inset-inline-end:var(--clover-space-xs);z-index:2}.clover-panel[data-floating]>button.clover-panel-close{inset-inline:var(--clover-space-xs) auto}.clover-split-pane[data-spine]{overflow:visible}[data-spine]>.clover-panel{--clover-panel-clear: calc(-1 * var(--clover-space-s));position:static;box-sizing:border-box;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-block:0}[data-spine]>.clover-panel>.clover-sections{margin-block:var(--clover-inset)}[data-spine]>.clover-panel>.clover-sections[data-layout=accordion]{margin-block:calc(var(--clover-inset) - var(--clover-space-s))}[data-spine]>.clover-panel>button.clover-panel-close{font-size:var(--clover-text-m);inset-block-start:calc(var(--clover-inset) - var(--clover-space-s) + (1lh + 2 * var(--clover-space-s) - var(--clover-control)) / 2);inset-inline:calc(-.618 * var(--clover-control)) auto}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){box-sizing:border-box;width:100%;margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border:0;border-inline-start:3px solid transparent;border-radius:var(--clover-radius, 3px);background:none;color:inherit;text-align:start;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button,button.clover-contents-toggle):is(:hover,[data-highlighted=true]):not(:disabled){background-color:var(--clover-color-secondary-muted, #f1f1f1)}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:var(--clover-color-accent, #0065c3);background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}@media (forced-colors: active){:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){border-inline-start-color:Canvas}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:Highlight}}:is(.clover-annotations-list,.clover-contents-list,.clover-transcript-cues,.clover-content-search-hits,.clover-geomap-places){display:flex;flex-direction:column;gap:var(--clover-space-2xs);margin:0;padding:0;list-style:none}.clover-about{display:flex;flex-direction:column;gap:var(--clover-space-m)}.clover-about-languages{justify-content:flex-end}.clover-about-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--clover-space-2xs)}.clover-about-download{position:relative;display:inline-flex}button.clover-about-download-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));padding:0;border:0;border-radius:50%;background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-about-download-button svg{width:var(--clover-text-s);height:var(--clover-text-s)}button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-about-download-button:hover:not(:focus-visible,[aria-expanded=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}:where([data-high-contrast]) button.clover-about-download-button[aria-expanded=true]:not(:focus-visible){outline:var(--clover-accent-ring);outline-offset:1px}button.clover-about-download-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (forced-colors: active){button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:Highlight;color:HighlightText}}.clover-about-download-menu{top:calc(100% + var(--clover-space-xs));inset-inline-end:0;max-width:min(20rem,80vw);font-size:var(--clover-text-s);text-align:start}.clover-about-download-menu .clover-download-title{padding-inline:var(--clover-space-s)}.clover-about-download-menu .clover-download-link{padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px)}.clover-about-download-menu .clover-download-link:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-about{--clover-about-thumbnail-height: calc( var(--clover-items-height, 8rem) * .618 )}.clover-about-head{display:flow-root}.clover-about-thumbnail{float:right;display:block;width:auto;height:var(--clover-about-thumbnail-height);max-width:min(50%,calc(2 * var(--clover-about-thumbnail-height)));margin-inline-start:var(--clover-space-m);margin-bottom:min(0px,calc(var(--clover-about-label-height, var(--clover-about-thumbnail-height)) - var(--clover-about-thumbnail-height)));object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}:dir(rtl) .clover-about-thumbnail{float:left}.clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{content:"";float:right;width:calc(var(--clover-about-thumbnail-width, 0px) + var(--clover-space-m));height:max(0px,calc(var(--clover-about-thumbnail-height) - var(--clover-about-label-height, 0px) + var(--clover-space-3xs)))}:dir(rtl) .clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{float:left}.clover-about :is(p,ul){margin:0}.clover-about ul{padding:0;list-style:none}.clover-about a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere}.clover-about-part-of>li{display:flex;flex-direction:column;align-items:flex-start}button.clover-about-open{min-height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-about-open:hover{text-decoration-color:currentColor}button.clover-about-open:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-about .clover-about-heading{margin:0;font-size:inherit;font-weight:500}.clover-collection-title{text-wrap:balance}.clover-collection>.clover-items{margin-block:calc(var(--clover-space-l) - var(--clover-space-m))}.clover-collection .clover-items[data-layout=list] .clover-items-picture img{width:var(--clover-space-xl);height:var(--clover-space-xl);object-fit:cover}.clover-collection .clover-items-caption{min-width:0;font-size:inherit}.clover-collection :is(.clover-items-date,.clover-items-summary){font-size:var(--clover-text-s)}.clover-collection :is(.clover-items-label,.clover-items-summary){min-width:0;overflow-wrap:anywhere}.clover-targets-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-targets-head>.clover-targets-steps{margin-inline-start:auto}:is(.clover-annotations,.clover-canvas-annotation-menu){display:flex;flex-direction:column;gap:var(--clover-space-l)}:is(div,legend).clover-annotations-set-header{display:flex;align-items:center;gap:var(--clover-space-2xs);margin:0 0 var(--clover-space-s);padding:0;color:inherit;font-size:inherit}.clover-canvas-annotation-menu>fieldset+fieldset{margin-top:0}.clover-annotations-set-header>.clover-hide{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--clover-space-xs))}.clover-annotations-languages+.clover-hide{margin-inline-start:0}.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide:hover) .clover-annotations-entry,.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide input:focus-visible) .clover-annotations-entry{background-color:var(--clover-color-secondary-muted, #f1f1f1)}.clover-annotations-title{margin:0;font-size:inherit;font-weight:700}.clover-annotations-languages{margin-inline-start:auto}:is(li,label).clover-annotations-entry{display:flex;align-items:flex-start;gap:var(--clover-space-s)}:is(li,label).clover-annotations-entry{content-visibility:auto;contain-intrinsic-size:auto 2.618rem}label.clover-annotations-entry>input{position:absolute;margin:0;opacity:0;pointer-events:none}.clover-annotations-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.clover-annotations-body p{margin:0}.clover-annotations-body>*+*{margin-block-start:var(--clover-space-xs)}.clover-annotations-body>.clover-annotations-image+.clover-annotations-text{display:block}.clover-annotations-body :is(ul,ol){margin:0;padding-inline-start:var(--clover-space-l)}.clover-annotations-body ul{list-style-type:disc}.clover-annotations-body :is(ul,ol) ul{list-style-type:circle}.clover-annotations-body ol{list-style-type:decimal}.clover-annotations-body a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}:is(a,button).clover-annotations-link{display:inline-block;min-height:max(24px,var(--clover-space-l));margin:var(--clover-space-2xs) 0 0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font:inherit;font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}:is(a,button).clover-annotations-link:hover{text-decoration-color:currentColor}:is(a,button).clover-annotations-link:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-annotations-image{border-radius:var(--clover-radius, 3px)}.clover-annotations-entry:has(>:is(button.clover-annotations-show,input):focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}.clover-annotations-canvas{display:flex;flex-direction:column;gap:var(--clover-space-xs)}.clover-annotations-canvas+.clover-annotations-canvas{margin-top:var(--clover-space-m)}.clover-annotations-canvas-label{margin:0;padding-inline-start:calc(var(--clover-space-s) + 3px);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-weight:600}.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{padding-inline-start:var(--clover-space-s);border-inline-start:3px solid var(--clover-color-accent, #0065c3);color:var(--clover-color-primary, #1a1d1e)}@media (forced-colors: active){.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{border-inline-start-color:Highlight}}}
+@layer clover{:root{--clover-space-3xs: .146rem;--clover-space-2xs: .236rem;--clover-space-xs: .382rem;--clover-space-s: .618rem;--clover-space-m: 1rem;--clover-space-l: 1.618rem;--clover-space-xl: 2.618rem;--clover-space-2xl: 4.236rem;--clover-text-xs: .764rem;--clover-text-s: .854rem;--clover-text-m: 1.146rem;--clover-text-l: 1.236rem;--clover-control: calc(1rem + 2 * var(--clover-space-s));--clover-inset: var(--clover-space-l);--clover-picture: calc(4 * var(--clover-space-xl))}:where(.clover-title){margin:0;font-weight:var(--clover-title-weight, 400);line-height:1.25;overflow-wrap:anywhere}:where(.clover-root,.clover-canvas,.clover-items,.clover-geomap) :where(button,input,select,textarea){font:inherit}:where(.clover-field-pill-query,.clover-collection-select-control){box-sizing:border-box;padding:var(--clover-space-xs) var(--clover-space-s);border:1px solid var( --clover-field-edge, color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 80%, var(--clover-color-secondary, #fff) ) );border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}:where(.clover-field-pill-query,.clover-collection-select-control):focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}:where(.clover-field-pill-query)::placeholder{color:color-mix(in srgb,var(--clover-color-primary, #1a1d1e) 65%,var(--clover-color-secondary, #fff));opacity:1}:where([data-high-contrast]){--clover-accent-fill: var(--clover-color-control, #1a1d1e);--clover-accent-ring: 3px solid var(--clover-color-accent, #0065c3);--clover-accent-ring-hover: 3px solid color-mix(in srgb, var(--clover-color-accent, #0065c3) 50%, transparent);--clover-accent-text-fallback: var(--clover-color-primary, #1a1d1e);--clover-transition: none}.clover-canvas-error{display:flex;flex-direction:column;align-items:center;gap:var(--clover-space-s)}.clover-canvas-error-headline{font-weight:700;font-size:var(--clover-text-l)}button.clover-canvas-exit-full-screen{display:none;position:absolute;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);z-index:3;align-items:center;gap:var(--clover-space-xs);height:var(--clover-control);padding:0 var(--clover-space-m) 0 var(--clover-space-s);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);font-size:var(--clover-text-s);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas-exit-full-screen svg{height:1rem;width:1rem;flex-shrink:0}.clover-canvas-exit-full-screen:hover,.clover-canvas-exit-full-screen:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-root:fullscreen{overflow:auto;background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.clover-loading{position:relative;display:block;width:100%;height:3px;overflow:hidden;opacity:0;animation:clover-loading-show 1ms .25s forwards}.clover-loading>span{position:absolute;inset:0;background-color:var(--clover-color-accent, #0065c3);transform-origin:left center;animation:clover-loading-draw 1.4s cubic-bezier(.4,0,.2,1) infinite}.clover-loading:dir(rtl)>span{transform-origin:right center}.clover-loading[data-overlay]{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.clover-body:has(>.clover-loading) .clover-canvas .clover-loading{display:none}@keyframes clover-loading-show{to{opacity:1}}@keyframes clover-loading-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.clover-loading>span{animation-duration:2.8s}}.clover-body-unloadable,.clover-body-note{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--clover-inset);pointer-events:none}.clover-body-unloadable[data-room]{inset-block-end:var(--clover-transport-room, 0)}.clover-body-unloadable:empty{display:none}.clover-body-unloadable>p,.clover-body-note>p{margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);text-align:center}.clover-canvas-overlays{overflow:hidden;isolation:isolate;container-type:size;scroll-padding-block:var(--clover-canvas-clear-top, 0) var(--clover-canvas-clear-bottom, 0)}.clover-canvas-overlay{transform-origin:center}.clover-canvas-annotation{box-sizing:border-box;margin:0;padding:0;cursor:zoom-in;background-color:transparent;border:1px solid var(--clover-color-primary, #1a1d1e);border-radius:var(--clover-radius, 3px);box-shadow:inset 0 0 0 1px var(--clover-color-secondary, #fff),0 0 38vw 38vw transparent;z-index:var(--clover-annotation-depth, 0);-webkit-mask-image:var(--clover-annotation-mask, none);mask-image:var(--clover-annotation-mask, none);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:120% 120%;mask-size:120% 120%;mask-clip:no-clip}.clover-canvas-annotation:is([data-link],[data-track]){cursor:pointer}.clover-canvas-annotation[hidden]{display:none}.clover-canvas-annotation:is([data-active=true],:focus-visible){border-color:var(--clover-color-secondary, #fff);outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:0;box-shadow:0 0 0 3px var(--clover-color-primary, #1a1d1e),0 0 38vw 38vw #0002}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]){pointer-events:none}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]),.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]):is([data-active=true],:focus-visible){border-color:transparent;outline:none;background-color:transparent;box-shadow:none}.clover-canvas-annotation-point{position:absolute;top:50%;left:50%;width:var(--clover-space-m);height:var(--clover-space-m);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);transform:translate(-50%,-50%);pointer-events:auto}.clover-canvas-annotation-point:before{position:absolute;top:50%;left:50%;width:var(--clover-space-l);height:var(--clover-space-l);border-radius:50%;transform:translate(-50%,-50%);content:""}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-annotation-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.clover-canvas-annotation-shape>g>*{fill:none;stroke:none;pointer-events:none}.clover-canvas-annotation-shape>g:nth-child(1)>*{fill:transparent;stroke:var(--clover-color-primary, #1a1d1e);stroke-width:3;pointer-events:visiblePainted;cursor:zoom-in}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:var(--clover-color-secondary, #fff);stroke-width:1}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(1)>*{stroke-width:6}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(2)>*{stroke-width:4}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:var(--clover-color-accent, #0065c3);stroke-width:2}@media (forced-colors: active){.clover-canvas-annotation{border-color:CanvasText}.clover-canvas-annotation[data-shape=rect]{outline:1px solid Canvas;outline-offset:-2px}.clover-canvas-annotation:is([data-active=true],:focus-visible){outline:2px solid Highlight;outline-offset:0}.clover-canvas-annotation-shape>g:nth-child(1)>*{stroke:CanvasText}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:Canvas}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:Highlight}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{outline:2px solid Highlight;outline-offset:1px}}.clover-canvas{--clover-canvas-inset: 0px;--clover-canvas-controls-inset: var(--clover-inset);--clover-controls-leave: .18s cubic-bezier(.4, 0, 1, 1);--clover-controls-enter: .34s cubic-bezier(.34, 1.56, .64, 1);--clover-controls-tuck: var(--clover-space-s);--clover-controls-shown: 0;--clover-controls-events: none;--clover-controls-timing: var(--clover-controls-leave);position:relative;margin:0;--clover-canvas-background: #0001;background-color:var(--clover-canvas-background);width:100%;height:100%;min-height:inherit;overflow:hidden;isolation:isolate}@media (width < 31rem){.clover-canvas{--clover-canvas-controls-inset: var(--clover-space-m)}}.clover-canvas[data-fullscreen=true]{background-image:linear-gradient(var(--clover-canvas-background),var(--clover-canvas-background));background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas[data-exit]>.clover-canvas-exit-full-screen{display:flex}.clover-canvas[data-exit]>.clover-canvas-navigator{top:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas{--clover-canvas-clear-top: var(--clover-space-xs);--clover-canvas-clear-bottom: var(--clover-space-xs)}.clover-canvas:has(>.clover-canvas-controls){--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) )}.clover-canvas[data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-s) )}.clover-canvas[data-exit][data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-2xl) + 2 * var(--clover-space-s) )}.clover-canvas{--clover-transport-room: calc( var(--clover-transport-bar-height, var(--clover-control)) + var(--clover-space-l) + var(--clover-space-xs) + var(--clover-canvas-controls-inset) + var(--clover-space-m) + var(--clover-transport-marks-room, 0px) )}.clover-canvas[data-recording]{--clover-canvas-clear-bottom: var(--clover-transport-room)}.clover-canvas[data-player]{--clover-player-art-least: calc(12rem / 1.618);min-height:calc(2 * var(--clover-canvas-controls-inset) + max(var(--clover-player-art-least),2.7 * var(--clover-text-m) + 3 * var(--clover-space-2xs) + var(--clover-space-xs) + var(--clover-transport-marks-room, 0px) + var(--clover-space-l) + var(--clover-transport-bar-height, var(--clover-control))))}.clover-canvas-viewport{padding:var(--clover-canvas-inset);isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.clover-canvas-viewport:active{cursor:grabbing}.clover-canvas[data-navigable=false]>.clover-canvas-viewport{cursor:default;touch-action:manipulation}.clover-canvas-sound-label{position:absolute;inset:0 0 var(--clover-transport-room, 0) 0;z-index:-1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:var(--clover-inset);overflow:hidden;color:var(--clover-color-primary, #1a1d1e);font-size:var(--clover-text-l);line-height:1.3;text-align:center;overflow-wrap:anywhere;pointer-events:none}.clover-canvas-dom-media{display:block;-webkit-user-drag:none}.clover-canvas-dom-media.clover-canvas-painted-text{display:flex;align-items:center;overflow:hidden;color:var(--clover-color-primary, currentColor);line-height:1.2}.clover-canvas-painted-text>*{margin:0}.clover-canvas-scrim{position:absolute;inset:0 0 auto;z-index:0;height:calc(var(--clover-control) + 2 * var(--clover-space-l));pointer-events:none;background:linear-gradient(to bottom,#00000073,#0003 45%,#0000);opacity:var(--clover-controls-shown);transition:opacity var(--clover-controls-timing)}.clover-canvas[data-media=video]{--clover-canvas-background: #000}.clover-canvas[data-media=video]>.clover-canvas-scrim{display:none}.clover-canvas:not([data-controls]){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}.clover-canvas>.clover-canvas-controls{z-index:3;pointer-events:none}.clover-canvas>.clover-canvas-controls[data-fit]{left:var(--clover-canvas-controls-inset);flex-wrap:nowrap;gap:var(--clover-space-xs)}.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls[data-fit]:dir(rtl){justify-content:flex-start}.clover-canvas[data-exit]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas[data-has-navigator=true]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-xl) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>.clover-canvas-more{--tray: var(--clover-space-3xs);display:flex;flex:0 1 auto;gap:var(--clover-space-xs);min-width:0;border-radius:var(--clover-radius-pill, 2rem);pointer-events:none}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{position:relative;margin:calc(-1 * var(--tray));padding:var(--tray);background-color:color-mix(in srgb,var(--clover-color-control, #1a1d1e) 40%,transparent);-webkit-backdrop-filter:blur(var(--clover-space-xs));backdrop-filter:blur(var(--clover-space-xs))}.clover-canvas-more>button,.clover-canvas-more-list>*{pointer-events:var(--clover-controls-events)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{animation:clover-more-open .22s cubic-bezier(.16,1,.3,1)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]:dir(rtl){animation-name:clover-more-open-rtl}.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:clover-more-in .22s cubic-bezier(.16,1,.3,1) backwards}@keyframes clover-more-open{0%{clip-path:inset(0 0 0 calc(100% - var(--clover-control) - 2 * var(--tray)) round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-open-rtl{0%{clip-path:inset(0 calc(100% - var(--clover-control) - 2 * var(--tray)) 0 0 round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open],.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:none}}.clover-canvas-more-list:not([hidden]){--ring: var(--clover-space-2xs);--tip-room: calc(2 * var(--clover-space-2xl));--fade: calc(var(--clover-space-l) + var(--clover-space-s));display:flex;gap:var(--clover-space-xs);min-width:0;margin:calc(-1 * var(--ring)) calc(-1 * var(--ring)) calc(-1 * var(--tip-room));padding:var(--ring) var(--ring) var(--tip-room);scrollbar-width:none}.clover-canvas-more-list[data-past]{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--fade)}.clover-canvas-more-list::-webkit-scrollbar{display:none}.clover-canvas-more-list[data-past]{-webkit-mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clover-canvas-more-list[data-past~=left]{--left: transparent}.clover-canvas-more-list[data-past~=right]{--right: transparent}.clover-canvas-more-list>[data-partial]:not(:focus-visible){opacity:.25;pointer-events:none}.clover-canvas-more>.clover-canvas-more-step{position:absolute;top:50%;z-index:1;display:none;translate:0 -50%}.clover-canvas-more>.clover-canvas-more-step:not(:hover,:focus-visible){background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff)}.clover-canvas-more>[data-step=prev]{inset-inline-start:var(--tray)}.clover-canvas-more>[data-step=next]{inset-inline-end:calc(var(--tray) + var(--clover-control) + var(--clover-space-xs))}.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=left]~[data-step=prev],.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=right]~[data-step=next],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=right]~[data-step=prev],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=left]~[data-step=next]{display:flex}.clover-canvas-more-step:dir(rtl) svg{scale:-1 1}@media (hover: none){.clover-canvas-more-list[data-past]{--tip-room: var(--ring);pointer-events:var(--clover-controls-events)}:is(.clover-canvas-more-list[data-past],.clover-canvas-more-step) .clover-tip{display:none}}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>[data-button=panel]{position:absolute;top:0;right:0;--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel][data-side=start]),.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel][data-side=start]){padding-right:0;padding-inline-start:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls>[data-button=panel][data-side=start]{right:auto;inset-inline-start:0}.clover-canvas>.clover-canvas-controls>:is([data-button=information],[data-button=annotations],[data-button=chapters],[data-button=placeholder]){--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas:is([data-controls=visible],:has(:focus-visible,[aria-expanded=true]:not([data-button=panel])),:has(>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>[data-button=play])){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}@media (hover: hover){.clover-canvas:has(>.clover-canvas-controls>:not([data-button=panel],[data-button=information],[data-button=annotations],[data-button=placeholder]):hover,>.clover-canvas-navigator:hover,.clover-canvas-transport-seek-area:hover,.clover-canvas-transport-bar>:hover){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport:before,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*{opacity:var(--clover-controls-shown);translate:0 calc((1 - var(--clover-controls-shown)) * var(--clover-controls-edge, -1) * var(--clover-controls-tuck));transition:all var(--clover-controls-timing),z-index 0s}:where([data-high-contrast]) :is(.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*){transition:opacity var(--clover-controls-timing),translate var(--clover-controls-timing),z-index 0s}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas-transport-bar>*{pointer-events:var(--clover-controls-events)}@media (prefers-reduced-motion: reduce){.clover-canvas{--clover-controls-leave: 0s;--clover-controls-enter: 0s;--clover-controls-tuck: 0px}}.clover-canvas-navigator{position:absolute;z-index:2;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);width:calc(var(--clover-space-2xl) + var(--clover-space-xl));height:var(--clover-space-2xl);overflow:hidden;background-color:#000d;border-radius:var(--clover-radius, 3px);cursor:pointer;touch-action:none}.clover-canvas-navigator-image{position:absolute;inset:0;width:100%;height:100%}.clover-canvas-navigator-region{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid var(--clover-color-accent, #0065c3);pointer-events:none}.clover-canvas-viewport:focus-visible:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}@media (forced-colors: active){.clover-canvas-viewport:focus-visible{outline:3px solid CanvasText;outline-offset:-3px}}.clover-canvas-caption{padding:var(--clover-space-m);outline:none;transform:translateY(calc(-1 * var(--clover-space-m)));opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .3s}.clover-canvas-caption[data-open=true]{transform:none;opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}.clover-canvas-caption:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (prefers-reduced-motion: reduce){.clover-canvas-caption,.clover-canvas-caption[data-open=true]{transform:none;transition:none}}.clover-canvas-caption>button.clover-canvas-caption-close{float:right;margin:calc(-1 * var(--clover-space-2xs)) calc(-1 * var(--clover-space-2xs)) var(--clover-space-s) var(--clover-space-s)}.clover-canvas-caption-canvas+.clover-canvas-caption-canvas{margin-top:var(--clover-space-m);padding-top:var(--clover-space-m);border-top:1px solid var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-caption .clover-canvas-caption-label{margin:0 0 var(--clover-space-s);font-size:inherit;font-weight:600}.clover-canvas-caption p{margin:0}.clover-canvas-caption .clover-read-more{margin-bottom:var(--clover-space-s)}.clover-canvas-caption a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}.clover-canvas-caption-annotations{margin-top:var(--clover-space-s)}.clover-canvas-caption .clover-canvas-caption-annotations-label{margin-bottom:var(--clover-space-xs);font-weight:500}.clover-canvas-caption-annotations>ul{display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0;padding:0;list-style:none}.clover-canvas-place{width:min(22rem,100%)}.clover-canvas-place .clover-geomap{--clover-map-height: 16rem;--clover-map-controls-top: calc( var(--clover-control) + var(--clover-space-s) )}.clover-canvas-place>button.clover-canvas-caption-close{position:absolute;z-index:3;top:calc(var(--clover-space-m) + var(--clover-inset));right:calc(var(--clover-space-m) + var(--clover-inset));float:none;margin:0}.clover-canvas-placeholder{position:absolute;inset:0;padding:var(--clover-canvas-inset);z-index:0;display:flex;align-items:center;justify-content:center;container-type:size;cursor:zoom-in}.clover-canvas-placeholder[data-lingering=true]{pointer-events:none}.clover-canvas-placeholder[data-hidden=true]{visibility:hidden;pointer-events:none}.clover-canvas-placeholder-frame{display:flex;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio)}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame{flex-direction:column}.clover-canvas-placeholder-frame>img{display:block;min-width:0;min-height:0;object-fit:contain;color:transparent}.clover-canvas-placeholder:not([data-vertical=true])>.clover-canvas-placeholder-frame>img{height:100%}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame>img{width:100%}.clover-canvas[data-placeholder=true]>.clover-canvas-viewport{visibility:hidden}.clover-canvas>button.clover-canvas-placeholder-toggle{position:absolute;z-index:1;top:50%;right:50%;width:var(--clover-space-2xl);height:var(--clover-space-2xl);margin:0;transform:translate(50%,-50%);box-shadow:0 4px 16px #0003;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas>button.clover-canvas-placeholder-toggle svg{width:calc(var(--clover-space-2xl) / (1 + 2 * .618));height:calc(var(--clover-space-2xl) / (1 + 2 * .618))}.clover-canvas-placeholder[data-media=true]{cursor:pointer}.clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:is(:hover,:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:hover:not(:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-canvas[data-placeholder=true]>.clover-canvas-controls>*{--clover-controls-shown: 1;--clover-controls-events: auto}@media (prefers-reduced-motion: reduce){.clover-canvas>button.clover-canvas-placeholder-toggle{transition:none}}:is(.clover-canvas-caption,.clover-canvas-menu){position:absolute;z-index:2;box-sizing:border-box;min-width:12rem;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--clover-radius, 6px);background:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);box-shadow:0 4px 16px #0001}.clover-canvas>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) );top:var(--top);right:var(--clover-canvas-controls-inset);max-width:min(22rem,calc(100% - 2 * var(--clover-canvas-controls-inset)));max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}.clover-canvas[data-recording]>:is(.clover-canvas-caption,.clover-canvas-menu){max-height:max(calc(100% - var(--top) - var(--clover-transport-room)),min(2 * var(--clover-space-2xl),calc(100% - var(--top) - var(--clover-canvas-controls-inset))))}.clover-canvas[data-popups=beside]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: var(--clover-canvas-controls-inset);right:calc(var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s));left:var(--clover-canvas-controls-inset);min-width:0;max-width:none}.clover-canvas[data-popups=beside][data-exit]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s) )}.clover-canvas:has(>:is(.clover-canvas-caption[data-open=true],.clover-canvas-menu))>.clover-canvas-navigator{opacity:0;visibility:hidden}.clover-canvas-menu{padding:var(--clover-space-xs)}.clover-canvas-menu fieldset{margin:0;padding:0;border:0}.clover-canvas-menu fieldset+fieldset{margin-top:var(--clover-space-s)}.clover-canvas-menu legend{padding:var(--clover-space-2xs) var(--clover-space-s);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-canvas-menu label{display:flex;align-items:center;gap:var(--clover-space-xs);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 6px);cursor:pointer}.clover-canvas-menu label:hover,.clover-canvas-menu label[data-active=true]{background:var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-menu label[data-disabled]{cursor:default;opacity:.38;pointer-events:none}.clover-canvas-menu input{margin:0;accent-color:var(--clover-color-accent, #0065c3)}.clover-canvas-menu .clover-canvas-chapters-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:baseline;gap:var(--clover-space-2xs) var(--clover-space-s);border-inline-start:3px solid transparent}.clover-canvas-chapters-item>input{position:absolute;opacity:0;pointer-events:none}.clover-canvas-chapters-item:has(>input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-chapters-item>.clover-cue-time{color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums}@media (forced-colors: active){.clover-canvas-chapters-item:has(>input:checked){border-inline-start-color:Highlight}}@media (forced-colors: none){.clover-canvas-menu .clover-canvas-chapters-item:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-chapters-item:has(input:checked){font-weight:600}.clover-canvas-menu-image{flex:none;width:auto;height:var(--clover-space-xl);border-radius:var(--clover-radius, 3px)}.clover-canvas-controls{--top: var(--clover-canvas-controls-inset);position:absolute;z-index:1;top:var(--top);right:var(--clover-canvas-controls-inset);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:var(--clover-space-s);max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close){display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-control);height:var(--clover-control);margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close) svg{flex-shrink:0;width:1rem;height:1rem;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}button.clover-canvas-button svg{fill:currentColor;stroke:currentColor}:is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]{cursor:default}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true] svg{opacity:.5}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]:not(:focus-visible),:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next):disabled{opacity:.38;pointer-events:none}button.clover-canvas-button[aria-disabled=true]{cursor:default}button.clover-canvas-button[aria-disabled=true] svg{opacity:.5}button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e)}:where([data-high-contrast]) button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e);outline:none}button.clover-canvas-button:is([data-button=rotate-right],[data-button=rotate-left]):is(:hover,:focus-visible) svg{rotate:45deg}button.clover-canvas-button[data-button=rotate-left] svg{scale:-1 1}button.clover-canvas-button[data-button=panel][data-side=start]:dir(ltr) svg{scale:-1 1}button.clover-canvas-button[data-button=rotate-left]:is(:hover,:focus-visible) svg{rotate:-45deg}button.clover-canvas-button[data-button=reset]:is(:hover,:focus-visible) svg{rotate:-15deg}button.clover-canvas-button[aria-disabled=true][data-button]:is(:hover,:focus-visible) svg{rotate:none}@media (prefers-reduced-motion: reduce){:is(button.clover-canvas-button,button.clover-canvas-transport-button) svg{transition:none}}:where(:has(>.clover-tip)){position:relative}.clover-tip{position:absolute;z-index:4;bottom:calc(100% + var(--clover-space-xs));left:50%;translate:-50% 0;display:block;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-primary, #1a1d1e);color:var(--clover-color-secondary, #fff);font-size:var(--clover-text-s);font-weight:400;box-sizing:border-box;width:max-content;max-width:var(--clover-tip-room, none);white-space:normal;overflow-wrap:anywhere;transform:translate(var(--clover-tip-shift, 0px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}:is(.clover-tip-image,.clover-annotations-image){display:block;width:auto;max-width:100%;height:auto;max-height:var(--clover-items-height, 8rem)}.clover-tip-image{margin-block-end:var(--clover-space-xs);border-radius:calc(var(--clover-radius, 3px) / 2)}.clover-tip-lead{display:block;color:var(--clover-color-secondary, #fff);font-weight:600;font-variant-numeric:tabular-nums}.clover-tip:has(>.clover-tip-lead){color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-tip:before{position:absolute;inset-inline:0;top:100%;height:var(--clover-space-xs);content:""}:hover>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s}:focus-visible>.clover-tip,label:has(>input:focus-visible):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}[data-tip-hidden]>.clover-tip{opacity:0;transition:none;pointer-events:none}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-template-document-sidebar-toggle>.clover-tip,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip{top:calc(100% + var(--clover-space-xs));bottom:auto}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip:before,button.clover-canvas-placeholder-toggle>.clover-tip:before,button.clover-canvas-caption-close>.clover-tip:before,button.clover-template-document-sidebar-toggle>.clover-tip:before,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip:before{top:auto;bottom:100%}:is(.clover-canvas-transport-bar,.clover-template-document-toolbar)>:first-child .clover-tip,button.clover-items-scroll-prev>.clover-tip,button.clover-sections-scroll-prev>.clover-tip,button.clover-canvas-more-step[data-step=prev]>.clover-tip,.clover-transcript-languages>.clover-transcript-language>.clover-tip,.clover-template-document-sidebar-closed>button.clover-template-document-sidebar-toggle>.clover-tip,.clover-panel[data-floating]>button.clover-panel-close>.clover-tip{inset-inline:0 auto;translate:none}:is(.clover-canvas-transport-end,.clover-template-lightbox-header)>:last-child .clover-tip,.clover-canvas-controls>button:last-of-type>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-items-scroll-next>.clover-tip,button.clover-sections-scroll-next>.clover-tip,button.clover-canvas-more-step[data-step=next]>.clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,.clover-panel:not([data-floating])>button.clover-panel-close>.clover-tip,.clover-sections-actions .clover-transcript-languages>.clover-transcript-language>.clover-tip{inset-inline:auto 0;translate:none}:is(button,a).clover-canvas-annotation>.clover-tip{text-align:start;--clover-tip-top: var(--clover-canvas-clear-top, var(--clover-space-xs));--clover-tip-bottom: var( --clover-canvas-clear-bottom, var(--clover-space-xs) );--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-overlay-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-overlay-x, 50cqw) - 100% );top:100%;bottom:auto;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:max(100cqh - var(--clover-tip-top) - var(--clover-tip-bottom),min(2 * var(--clover-space-2xl),100cqh - 2 * var(--clover-space-xs)));overflow-y:auto;border:solid transparent;border-width:var(--clover-space-xs) 0 0;background-clip:padding-box;translate:var(--clover-tip-x) 0;transform:none}:is(button,a).clover-canvas-annotation>.clover-tip:before{content:none}:is(button,a).clover-canvas-annotation[data-active=true][aria-current=true]:not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}:is(button,a).clover-canvas-annotation[data-overlay-room=below]>.clover-tip{top:100%;translate:var(--clover-tip-x) min(clamp(var(--clover-tip-top) - var(--clover-space-xs) - var(--clover-overlay-bottom),0px,100cqh - var(--clover-overlay-bottom) - var(--clover-tip-bottom) - 100%),100cqh - var(--clover-space-xs) - var(--clover-overlay-bottom) - 100%)}:is(button,a).clover-canvas-annotation[data-overlay-room=above]>.clover-tip{top:auto;bottom:100%;border-width:0 0 var(--clover-space-xs);translate:var(--clover-tip-x) min(clamp(100% + var(--clover-tip-top) - var(--clover-overlay-top),0px,100cqh + var(--clover-space-xs) - var(--clover-tip-bottom) - var(--clover-overlay-top)),100cqh - var(--clover-overlay-top))}.clover-split-handle>.clover-tip{top:50%;bottom:auto;inset-inline:calc(100% + var(--clover-space-xs)) auto;translate:0 -50%;cursor:default}.clover-split-handle>.clover-tip:before{inset-block:0;inset-inline:auto 100%;width:var(--clover-space-xs);height:auto}@media (prefers-reduced-motion: reduce){.clover-tip{transition:none}}@media (forced-colors: active){.clover-tip{outline:1px solid CanvasText}}.clover-tip-after{margin-inline-start:var(--clover-space-xs);font-size:var(--clover-text-xs);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}label.clover-hide{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));gap:0;padding:0;border-radius:50%;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}label.clover-hide svg{width:var(--clover-text-s);height:var(--clover-text-s)}label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) label.clover-hide:hover:not(:has(input:focus-visible)){outline:var(--clover-accent-ring-hover);outline-offset:1px}label.clover-hide:has(input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}label.clover-hide input{position:absolute;margin:0;opacity:0;pointer-events:none}@media (forced-colors: active){label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:Highlight;color:HighlightText}}@keyframes clover-shade{0%{opacity:0}to{opacity:1}}.clover-read-more{display:flex;flex-direction:column;align-items:flex-start;gap:var(--clover-space-xs);min-width:0}button.clover-read-more-button{margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-read-more-button:hover{text-decoration-color:currentColor}button.clover-read-more-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-steps{display:flex;flex:none;align-items:center;gap:var(--clover-space-2xs);font-size:var(--clover-text-xs);line-height:1}.clover-steps-position{display:inline-grid;justify-items:end;margin-inline-end:var(--clover-space-2xs);color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums;font-weight:600}.clover-steps-position>[aria-hidden]{grid-area:1 / 1}.clover-steps-position>.clover-steps-room[hidden]{display:block;visibility:hidden}button.clover-steps-step{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-steps-step:hover:not(:focus-visible,[aria-disabled=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-steps-step:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}button.clover-steps-step[aria-disabled=true]{cursor:default}button.clover-steps-step[aria-disabled=true] svg{opacity:.5}button.clover-steps-step[aria-disabled=true]:not(:focus-visible){opacity:.38;pointer-events:none}@media (forced-colors: active){button.clover-steps-step[aria-disabled=true]{color:GrayText}}.clover-entry-thumbnail{flex:none;width:var(--clover-space-l);height:var(--clover-space-l);object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-entry-thumbnail[data-large]{grid-column:1 / -1;width:var(--clover-picture);max-width:100%;height:auto}.clover-cue-time{flex:none;min-width:var(--clover-space-l);align-self:baseline;color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums}.clover-cue-text{align-self:baseline;min-width:0}.clover-summary:not([data-read-more=open]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clover-summary-lines, 5);overflow:hidden}:is(.clover-metadata,.clover-required-statement){display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0}:is(.clover-metadata,.clover-required-statement) dt{margin:0;font-weight:500}:is(.clover-metadata,.clover-required-statement) dd{margin:0}.clover-summary,:is(.clover-metadata,.clover-required-statement) :is(dt,dd){overflow-wrap:anywhere}:is(.clover-about,.clover-canvas-caption,.clover-annotations-body,.clover-metadata,.clover-required-statement,.clover-summary) a:not([class]){text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of)>li{min-block-size:24px}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of) a,a:is(.clover-id,.clover-rights){color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-link-format{color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-provider{display:flex;flex-wrap:wrap;gap:var(--clover-space-s) var(--clover-space-m);margin:0;padding:0;list-style:none}.clover-provider:empty{display:none}.clover-provider-agent{display:flex;align-items:center;min-block-size:24px}.clover-provider-link,.clover-provider-content{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-provider-link{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-logo{display:block;width:auto;max-width:100%;height:var(--clover-logo-height, 1.618rem);object-fit:contain}.clover-label{text-wrap:balance}.clover-status{margin:0;padding:var(--clover-space-m);color:var(--clover-color-primary-muted, #26292b)}.clover-status[data-status=loading]{display:flex}.clover-status[data-status=error] p{margin:0}.clover-status-detail{font-size:var(--clover-text-s)}.clover-panel{display:flex;flex-direction:column;min-width:0;padding:var(--clover-inset);--clover-sections-inset-start: calc( var(--clover-inset) - var(--clover-space-s) );--clover-sections-inset-end: var(--clover-sections-inset-start);--clover-sections-gutter: calc( var(--clover-inset) - var(--clover-space-s) - .5px );color:var(--clover-color-primary, #1a1d1e)}@media (width < 31rem){.clover-panel{--clover-inset: var(--clover-space-m)}}.clover-panel[data-closable]{--clover-panel-clear: calc( var(--clover-space-xs) + var(--clover-control) - var(--clover-inset) );--clover-sections-inset-start: calc( var(--clover-inset) + var(--clover-panel-clear) );position:relative}.clover-panel[data-closable] .clover-sections-tabs{padding-inline-end:var(--clover-panel-clear)}.clover-panel[data-closable][data-floating] .clover-sections-tabs{padding-inline:var(--clover-panel-clear) 0}.clover-panel>.clover-sections[data-layout=accordion]{margin:calc(-1 * var(--clover-space-s))}.clover-panel[data-closable]>.clover-sections[data-layout=accordion]{padding-block-start:calc(var(--clover-panel-clear) + var(--clover-space-s))}.clover-panel>button.clover-panel-close{position:absolute;inset-block-start:var(--clover-space-xs);inset-inline-end:var(--clover-space-xs);z-index:2}.clover-panel[data-floating]>button.clover-panel-close{inset-inline:var(--clover-space-xs) auto}.clover-split-pane[data-spine]{overflow:visible}[data-spine]>.clover-panel{--clover-panel-clear: calc(-1 * var(--clover-space-s));position:static;box-sizing:border-box;height:100%;overflow-y:auto;touch-action:pan-y;padding-block:0}[data-spine]>.clover-panel>.clover-sections{margin-block:var(--clover-inset)}[data-spine]>.clover-panel>.clover-sections[data-layout=accordion]{margin-block:calc(var(--clover-inset) - var(--clover-space-s))}[data-spine]>.clover-panel>button.clover-panel-close{font-size:var(--clover-text-m);inset-block-start:calc(var(--clover-inset) - var(--clover-space-s) + (1lh + 2 * var(--clover-space-s) - var(--clover-control)) / 2);inset-inline:calc(-.618 * var(--clover-control)) auto}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){box-sizing:border-box;width:100%;margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border:0;border-inline-start:3px solid transparent;border-radius:var(--clover-radius, 3px);background:none;color:inherit;text-align:start;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button,button.clover-contents-toggle):is(:hover,[data-highlighted=true]):not(:disabled){background-color:var(--clover-color-secondary-muted, #f1f1f1)}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:var(--clover-color-accent, #0065c3);background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}@media (forced-colors: active){:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){border-inline-start-color:Canvas}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:Highlight}}:is(.clover-annotations-list,.clover-contents-list,.clover-transcript-cues,.clover-content-search-hits,.clover-geomap-places){display:flex;flex-direction:column;gap:var(--clover-space-2xs);margin:0;padding:0;list-style:none}.clover-about{display:flex;flex-direction:column;gap:var(--clover-space-m)}.clover-about-languages{justify-content:flex-end}.clover-about-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--clover-space-2xs)}.clover-about-download{position:relative;display:inline-flex}button.clover-about-download-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));padding:0;border:0;border-radius:50%;background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-about-download-button svg{width:var(--clover-text-s);height:var(--clover-text-s)}button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-about-download-button:hover:not(:focus-visible,[aria-expanded=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}:where([data-high-contrast]) button.clover-about-download-button[aria-expanded=true]:not(:focus-visible){outline:var(--clover-accent-ring);outline-offset:1px}button.clover-about-download-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (forced-colors: active){button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:Highlight;color:HighlightText}}.clover-about-download-menu{top:calc(100% + var(--clover-space-xs));inset-inline-end:0;max-width:min(20rem,80vw);font-size:var(--clover-text-s);text-align:start}.clover-about-download-menu .clover-download-title{padding-inline:var(--clover-space-s)}.clover-about-download-menu .clover-download-link{padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px)}.clover-about-download-menu .clover-download-link:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-about{--clover-about-thumbnail-height: calc( var(--clover-items-height, 8rem) * .618 )}.clover-about-head{display:flow-root}.clover-about-thumbnail{float:right;display:block;width:auto;height:var(--clover-about-thumbnail-height);max-width:min(50%,calc(2 * var(--clover-about-thumbnail-height)));margin-inline-start:var(--clover-space-m);margin-bottom:min(0px,calc(var(--clover-about-label-height, var(--clover-about-thumbnail-height)) - var(--clover-about-thumbnail-height)));object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}:dir(rtl) .clover-about-thumbnail{float:left}.clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{content:"";float:right;width:calc(var(--clover-about-thumbnail-width, 0px) + var(--clover-space-m));height:max(0px,calc(var(--clover-about-thumbnail-height) - var(--clover-about-label-height, 0px) + var(--clover-space-3xs)))}:dir(rtl) .clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{float:left}.clover-about :is(p,ul){margin:0}.clover-about ul{padding:0;list-style:none}.clover-about a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere}.clover-about-part-of>li{display:flex;flex-direction:column;align-items:flex-start}button.clover-about-open{min-height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-about-open:hover{text-decoration-color:currentColor}button.clover-about-open:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-about .clover-about-heading{margin:0;font-size:inherit;font-weight:500}.clover-collection-title{text-wrap:balance}.clover-collection>.clover-items{margin-block:calc(var(--clover-space-l) - var(--clover-space-m))}.clover-collection .clover-items[data-layout=list] .clover-items-picture img{width:var(--clover-space-xl);height:var(--clover-space-xl);object-fit:cover}.clover-collection .clover-items-caption{min-width:0;font-size:inherit}.clover-collection :is(.clover-items-date,.clover-items-summary){font-size:var(--clover-text-s)}.clover-collection :is(.clover-items-label,.clover-items-summary){min-width:0;overflow-wrap:anywhere}.clover-targets-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-targets-head>.clover-targets-steps{margin-inline-start:auto}:is(.clover-annotations,.clover-canvas-annotation-menu){display:flex;flex-direction:column;gap:var(--clover-space-l)}:is(div,legend).clover-annotations-set-header{display:flex;align-items:center;gap:var(--clover-space-2xs);margin:0 0 var(--clover-space-s);padding:0;color:inherit;font-size:inherit}.clover-canvas-annotation-menu>fieldset+fieldset{margin-top:0}.clover-annotations-set-header>.clover-hide{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--clover-space-xs))}.clover-annotations-languages+.clover-hide{margin-inline-start:0}.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide:hover) .clover-annotations-entry,.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide input:focus-visible) .clover-annotations-entry{background-color:var(--clover-color-secondary-muted, #f1f1f1)}.clover-annotations-title{margin:0;font-size:inherit;font-weight:700}.clover-annotations-languages{margin-inline-start:auto}:is(li,label).clover-annotations-entry{display:flex;align-items:flex-start;gap:var(--clover-space-s)}:is(li,label).clover-annotations-entry{content-visibility:auto;contain-intrinsic-size:auto 2.618rem}label.clover-annotations-entry>input{position:absolute;margin:0;opacity:0;pointer-events:none}.clover-annotations-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.clover-annotations-body p{margin:0}.clover-annotations-body>*+*{margin-block-start:var(--clover-space-xs)}.clover-annotations-body>.clover-annotations-image+.clover-annotations-text{display:block}.clover-annotations-body :is(ul,ol){margin:0;padding-inline-start:var(--clover-space-l)}.clover-annotations-body ul{list-style-type:disc}.clover-annotations-body :is(ul,ol) ul{list-style-type:circle}.clover-annotations-body ol{list-style-type:decimal}.clover-annotations-body a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}:is(a,button).clover-annotations-link{display:inline-block;min-height:max(24px,var(--clover-space-l));margin:var(--clover-space-2xs) 0 0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font:inherit;font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}:is(a,button).clover-annotations-link:hover{text-decoration-color:currentColor}:is(a,button).clover-annotations-link:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-annotations-image{border-radius:var(--clover-radius, 3px)}.clover-annotations-entry:has(>:is(button.clover-annotations-show,input):focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}.clover-annotations-canvas{display:flex;flex-direction:column;gap:var(--clover-space-xs)}.clover-annotations-canvas+.clover-annotations-canvas{margin-top:var(--clover-space-m)}.clover-annotations-canvas-label{margin:0;padding-inline-start:calc(var(--clover-space-s) + 3px);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-weight:600}.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{padding-inline-start:var(--clover-space-s);border-inline-start:3px solid var(--clover-color-accent, #0065c3);color:var(--clover-color-primary, #1a1d1e)}@media (forced-colors: active){.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{border-inline-start-color:Highlight}}}

package/dist/styles/default.css

@@ -1 +1 @@
-@layer clover{.clover-template-default{--clover-body-height: min(65vh, 40rem);display:flex;flex-direction:column;color:var(--clover-color-primary, #1a1d1e)}@supports (height: 1svh){.clover-template-default{--clover-body-height: min(65svh, 40rem)}}.clover-template-default:is([data-fill],:fullscreen){--clover-body-height: auto;height:100%;min-height:min-content}.clover-template-default:is([data-fill],:fullscreen)>.clover-template-default-panes{flex:1 1 auto}.clover-template-default:is([data-fill],:fullscreen) .clover-template-default-body{flex:1 1 0;min-height:16rem}.clover-template-default-header{display:flex;align-items:center;gap:var(--clover-space-s);padding:var(--clover-inset)}.clover-template-default-header:empty{display:none}@media (width < 31rem){.clover-template-default-header,.clover-template-default-rail{--clover-inset: var(--clover-space-m)}}.clover-template-default-pager{flex:none;padding-block:0}.clover-template-default-header:has(>.clover-template-default-pager){flex-wrap:wrap;row-gap:var(--clover-space-xs)}.clover-template-default-header:has(>.clover-template-default-pager)>:is(.clover-template-default-title,.clover-template-default-pager){align-self:last baseline}.clover-template-default-header:has(>.clover-template-default-collection-row){display:grid;grid-template-columns:minmax(0,1fr) fit-content(38.2%);row-gap:var(--clover-space-xs)}.clover-template-default-header>:is(.clover-template-default-title,.clover-template-default-collection-row){grid-column:1}.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:none}.clover-template-default-collection-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-template-default-collection{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--clover-color-primary-muted, #26292b);font-size:inherit}.clover-template-default-provider{flex:0 1 auto;max-width:38.2%;margin-inline-start:auto}@container clover-template-default-main (width < 36rem){.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-row:1;align-self:start}.clover-template-default-header>.clover-template-default-collection-row{grid-column:1 / -1}}@container clover-template-default-main (width < 26rem){.clover-template-default:has(.clover-template-default-panel[data-about]) .clover-template-default-provider{display:none}}.clover-template-default-panes{position:relative}.clover-template-default-main{display:flex;flex-direction:column;container:clover-template-default-main / inline-size}.clover-template-panes[data-panel=over]>.clover-template-default-main{isolation:isolate}.clover-template-panes{position:relative}.clover-template-panel{contain:size;overflow-y:auto;overscroll-behavior:contain;background-color:var(--clover-color-secondary, #fff)}.clover-template-panel[hidden]{display:none}.clover-template-panes>.clover-template-panel-handle{translate:-1.5px 0}.clover-template-panes:dir(rtl)>.clover-template-panel-handle{translate:1.5px 0}.clover-template-default-panes:dir(ltr) .clover-items-viewport{margin-right:0}.clover-template-default-panes:dir(rtl) .clover-items-viewport{margin-left:0}.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame:not([dir=rtl]):after,.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame[dir=rtl]:before{right:0}.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame:not([dir=rtl]):before,.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame[dir=rtl]:after{left:0}.clover-template-panes[data-panel=over]{overflow:clip}.clover-template-panes[data-panel=over]>.clover-template-drawer{position:absolute;inset-block:0;inset-inline-end:0;z-index:4;width:min(24rem,calc(100% - var(--clover-space-2xl)));max-width:none;max-height:none;border-inline-start:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-inner: left;--clover-template-toward: -1;--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));transform:var(--clover-template-out);transition:transform .24s cubic-bezier(.16,1,.3,1)}.clover-template-panes[data-panel=over]>.clover-template-drawer:dir(rtl){--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]{inset-inline:0 auto;border-inline-start:0;border-inline-end:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]:dir(rtl){--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));--clover-template-inner: left;--clover-template-toward: -1}.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-float{--clover-grip: color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 30%, transparent );background:linear-gradient(var(--clover-grip),var(--clover-grip)) no-repeat var(--clover-template-inner) var(--clover-space-2xs) center / 3px var(--clover-control),var(--clover-color-secondary, #fff);touch-action:pan-y;box-shadow:calc(var(--clover-template-toward) * var(--clover-space-s)) 0 var(--clover-space-l) #0000001f}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-open=true]{transform:none}.clover-template-scrim{position:absolute;inset:0;z-index:3;background-color:#0003;opacity:0;cursor:pointer;transition:opacity .24s ease}.clover-template-scrim[data-open=true]{opacity:1}@media (prefers-reduced-motion: reduce){.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-scrim{transition:none}}.clover-template-default-rail{display:flex;flex-direction:column;gap:var(--clover-space-m);padding:var(--clover-inset)}.clover-template-default-rail>.clover-items{margin-inline-end:calc(-1 * var(--clover-inset))}.clover-template-default-rail .clover-items-viewport{margin-inline-end:0}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-prev,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-next{left:calc(-1 * var(--clover-space-s))}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-next,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-prev{right:var(--clover-inset)}.clover-template-default-rail:not(:has(.clover-items,.clover-pager-position)){display:none}.clover-template-default-rail-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--clover-space-s)}.clover-template-default-titles{min-width:0;margin:0;overflow-wrap:anywhere}.clover-template-default-titles>.clover-template-default-titles-dot{margin-inline:var(--clover-space-xs);color:var(--clover-color-primary-muted, #26292b)}.clover-template-default-rail-header .clover-pager-position{flex-shrink:0;margin-inline-start:auto;font-size:var(--clover-text-s)}.clover-template-spine{position:relative;z-index:4;flex:none;width:0}.clover-template-spine>*{position:absolute;top:calc(var(--clover-template-spine-top, 0px) + var(--clover-inset));inset-inline-start:-1.5px;translate:-50%}.clover-template-panes:has(>.clover-template-spine)>:first-child .clover-canvas>.clover-canvas-controls[data-fit]{inset-inline-end:calc(var(--clover-control) / 2 - 1.5px + var(--clover-space-xs))}.clover-template-panes .clover-template-spine>*{transition-property:background-color,color,outline-color}.clover-root[data-status=idle] .clover-template-spine{visibility:hidden}.clover-template-spine:dir(rtl)>*{translate:50%}}
+@layer clover{.clover-template-default{--clover-body-height: min(65vh, 40rem);display:flex;flex-direction:column;color:var(--clover-color-primary, #1a1d1e)}@supports (height: 1svh){.clover-template-default{--clover-body-height: min(65svh, 40rem)}}.clover-template-default:is([data-fill],:fullscreen){--clover-body-height: auto;height:100%;min-height:min-content}.clover-template-default:is([data-fill],:fullscreen)>.clover-template-default-panes{flex:1 1 auto}.clover-template-default:is([data-fill],:fullscreen) .clover-template-default-body{flex:1 1 0;min-height:16rem}.clover-template-default-header{display:flex;align-items:center;gap:var(--clover-space-s);padding:var(--clover-inset)}.clover-template-default-header:empty{display:none}@media (width < 31rem){.clover-template-default-header,.clover-template-default-rail{--clover-inset: var(--clover-space-m)}}.clover-template-default-pager{flex:none;padding-block:0}.clover-template-default-header:has(>.clover-template-default-pager){flex-wrap:wrap;row-gap:var(--clover-space-xs)}.clover-template-default-header:has(>.clover-template-default-pager)>:is(.clover-template-default-title,.clover-template-default-pager){align-self:last baseline}.clover-template-default-header:has(>.clover-template-default-collection-row){display:grid;grid-template-columns:minmax(0,1fr) fit-content(38.2%);row-gap:var(--clover-space-xs)}.clover-template-default-header>:is(.clover-template-default-title,.clover-template-default-collection-row){grid-column:1}.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:none}.clover-template-default-collection-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-template-default-collection{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--clover-color-primary-muted, #26292b);font-size:inherit}.clover-template-default-provider{flex:0 1 auto;max-width:38.2%;margin-inline-start:auto}@container clover-template-default-main (width < 36rem){.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-row:1;align-self:start}.clover-template-default-header>.clover-template-default-collection-row{grid-column:1 / -1}}@container clover-template-default-main (width < 26rem){.clover-template-default:has(.clover-template-default-panel[data-about]) .clover-template-default-provider{display:none}}.clover-template-default-panes{position:relative}.clover-template-default-main{display:flex;flex-direction:column;container:clover-template-default-main / inline-size}.clover-template-panes[data-panel=over]>.clover-template-default-main{isolation:isolate}.clover-template-panes{position:relative}.clover-template-panel{contain:size;overflow-y:auto;background-color:var(--clover-color-secondary, #fff)}.clover-template-panel[hidden]{display:none}.clover-template-panes>.clover-template-panel-handle{translate:-1.5px 0}.clover-template-panes:dir(rtl)>.clover-template-panel-handle{translate:1.5px 0}.clover-template-default-panes:dir(ltr) .clover-items-viewport{margin-right:0}.clover-template-default-panes:dir(rtl) .clover-items-viewport{margin-left:0}.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame:not([dir=rtl]):after,.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame[dir=rtl]:before{right:0}.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame:not([dir=rtl]):before,.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame[dir=rtl]:after{left:0}.clover-template-panes[data-panel=over]{overflow:clip}.clover-template-panes[data-panel=over]>.clover-template-drawer{position:absolute;inset-block:0;inset-inline-end:0;z-index:4;width:min(24rem,calc(100% - var(--clover-space-2xl)));max-width:none;max-height:none;border-inline-start:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-inner: left;--clover-template-toward: -1;--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));transform:var(--clover-template-out);transition:transform .24s cubic-bezier(.16,1,.3,1)}.clover-template-panes[data-panel=over]>.clover-template-drawer:dir(rtl){--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]{inset-inline:0 auto;border-inline-start:0;border-inline-end:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]:dir(rtl){--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));--clover-template-inner: left;--clover-template-toward: -1}.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-float{--clover-grip: color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 30%, transparent );background:linear-gradient(var(--clover-grip),var(--clover-grip)) no-repeat var(--clover-template-inner) var(--clover-space-2xs) center / 3px var(--clover-control),var(--clover-color-secondary, #fff);touch-action:pan-y;box-shadow:calc(var(--clover-template-toward) * var(--clover-space-s)) 0 var(--clover-space-l) #0000001f}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-open=true]{transform:none}.clover-template-scrim{position:absolute;inset:0;z-index:3;background-color:#0003;opacity:0;cursor:pointer;transition:opacity .24s ease}.clover-template-scrim[data-open=true]{opacity:1}@media (prefers-reduced-motion: reduce){.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-scrim{transition:none}}.clover-template-default-rail{display:flex;flex-direction:column;gap:var(--clover-space-m);padding:var(--clover-inset)}.clover-template-default-rail>.clover-items{margin-inline-end:calc(-1 * var(--clover-inset))}.clover-template-default-rail .clover-items-viewport{margin-inline-end:0}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-prev,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-next{left:calc(-1 * var(--clover-space-s))}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-next,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-prev{right:var(--clover-inset)}.clover-template-default-rail:not(:has(.clover-items,.clover-pager-position)){display:none}.clover-template-default-rail-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--clover-space-s)}.clover-template-default-titles{min-width:0;margin:0;overflow-wrap:anywhere}.clover-template-default-titles>.clover-template-default-titles-dot{margin-inline:var(--clover-space-xs);color:var(--clover-color-primary-muted, #26292b)}.clover-template-default-rail-header .clover-pager-position{flex-shrink:0;margin-inline-start:auto;font-size:var(--clover-text-s)}.clover-template-spine{position:relative;z-index:4;flex:none;width:0}.clover-template-spine>*{position:absolute;top:calc(var(--clover-template-spine-top, 0px) + var(--clover-inset));inset-inline-start:-1.5px;translate:-50%}.clover-template-panes:has(>.clover-template-spine)>:first-child .clover-canvas>.clover-canvas-controls[data-fit]{inset-inline-end:calc(var(--clover-control) / 2 - 1.5px + var(--clover-space-xs))}.clover-template-panes .clover-template-spine>*{transition-property:background-color,color,outline-color}.clover-root[data-status=idle] .clover-template-spine{visibility:hidden}.clover-template-spine:dir(rtl)>*{translate:50%}}