kuinetic 0.2.0 → 0.2.1

package/dist/kuinetic.all.js

@@ -14663,7 +14663,8 @@ var kuinetic = (() => {
     duration: { type: "time", default: "280ms", cssProperty: "--kui-lightbox-duration" },
     ease: { type: "easing", default: "cubic-bezier(0.22, 1, 0.36, 1)", cssProperty: "--kui-lightbox-ease" },
     loop: { type: "keyword", default: "true", cssProperty: "--kui-lightbox-loop", keywords: ["true", "false"] },
-    aspect: { type: "keyword", default: "", cssProperty: "--kui-lightbox-aspect", keywords: ["wide", "tall", "square"] }
+    aspect: { type: "keyword", default: "", cssProperty: "--kui-lightbox-aspect", keywords: ["wide", "tall", "square"] },
+    caption: { type: "keyword", default: "figcaption", cssProperty: "--kui-lightbox-caption", keywords: ["figcaption", "alt", "title", "none"] }
   };
   function defaultTargets(el, media) {
     if (el.matches("a[href]") || media === "image" && el.matches("img")) return [el];
@@ -14681,25 +14682,30 @@ var kuinetic = (() => {
   function imageIn(trigger) {
     return trigger instanceof HTMLImageElement ? trigger : trigger.querySelector("img");
   }
-  function imageItem(trigger) {
+  function captionFor(trigger, image, source) {
+    if (source === "none") return "";
+    if (source === "alt") return image.alt;
+    if (source === "title") return (trigger.getAttribute("title") || image.title).trim();
+    return trigger.closest("figure")?.querySelector("figcaption")?.textContent?.trim() || image.alt;
+  }
+  function imageItem(trigger, captionSource) {
     const image = imageIn(trigger);
     if (!image) return null;
     const link = trigger instanceof HTMLAnchorElement ? trigger : null;
-    const caption = trigger.closest("figure")?.querySelector("figcaption")?.textContent?.trim();
     return {
       trigger,
       image,
       src: link?.href ?? (image.currentSrc || image.src),
-      caption: caption || image.alt
+      caption: captionFor(trigger, image, captionSource)
     };
   }
-  function imageItems(targets2) {
+  function imageItems(targets2, captionSource) {
     const seen = /* @__PURE__ */ new Set();
     const items = [];
     for (const target of targets2) {
       const trigger = imageTrigger(target);
       if (seen.has(trigger)) continue;
-      const item = imageItem(trigger);
+      const item = imageItem(trigger, captionSource);
       if (!item) continue;
       seen.add(trigger);
       items.push(item);
@@ -14803,7 +14809,7 @@ var kuinetic = (() => {
     const frame = doc.createElement("div");
     frame.className = `kui-lightbox-frame kui-lightbox-frame--${aspect}`;
     const poster = link.querySelector("img");
-    const title = link.title || poster?.getAttribute("alt") || link.textContent?.trim() || "Video";
+    const title = link.title || poster?.getAttribute("alt") || link.getAttribute("aria-label")?.trim() || link.textContent?.trim() || "Video";
     if (source.kind === "file") {
       const video = doc.createElement("video");
       video.src = source.embedUrl;
@@ -14879,7 +14885,7 @@ var kuinetic = (() => {
     if (media === "video") {
       wireVideos(found, wiring, params.text("aspect"), ctx);
     } else {
-      const items = imageItems(found);
+      const items = imageItems(found, params.text("caption", "figcaption"));
       restore = wireImages(items, wiring, params.is("loop"));
     }
     return continuousSetup(() => {
@@ -16031,7 +16037,7 @@ __kuineticBoot.boot({ tier: 'core', core: kuinetic, globalName: 'kuinetic' });
   if (!document.getElementById('kuinetic-styles')) {
     var style = document.createElement('style')
     style.id = 'kuinetic-styles'
-    style.textContent = "/* src/css/base.css */\n@layer kui.tokens, kui.presets, kui.effects, kui.policy, kui.cloak;\n@layer kui.tokens {\n  :root {\n    --kui-ease-expo-in: cubic-bezier(0.7, 0, 0.84, 0);\n    --kui-ease-expo-out: cubic-bezier(0.16, 1, 0.3, 1);\n    --kui-ease-expo-in-out: cubic-bezier(0.87, 0, 0.13, 1);\n    --kui-ease-back-in: cubic-bezier(0.36, 0, 0.66, -0.56);\n    --kui-ease-back-out: cubic-bezier(0.34, 1.56, 0.64, 1);\n    --kui-ease-back-in-out: cubic-bezier(0.68, -0.6, 0.32, 1.6);\n    --kui-ease-quart-out: cubic-bezier(0.25, 1, 0.5, 1);\n    --kui-ease-circ-out: cubic-bezier(0, 0.55, 0.45, 1);\n    --kui-ease-spring: linear(0, 0.4 12%, 0.9 25%, 1.06 38%, 1.01 62%, 1);\n    --kui-ease-bounce: linear(0, 0.5 10%, 1.2 30%, 0.9 50%, 1.08 68%, 0.97 82%, 1.02 92%, 1);\n  }\n  [data-kui-fx] {\n    --kui-dir: 1;\n    --kui-i: 0;\n    --kui-motion-path: initial;\n    --kui-motion-rotate: initial;\n    --kui-motion-anchor: initial;\n    --kui-motion-from: initial;\n    --kui-motion-to: initial;\n    --kui-wide-sm: initial;\n    --kui-narrow-sm: initial;\n    --kui-wide-md: initial;\n    --kui-narrow-md: initial;\n    --kui-wide-lg: initial;\n    --kui-narrow-lg: initial;\n    --kui-wide-xl: initial;\n    --kui-narrow-xl: initial;\n    --kui-wide-2xl: initial;\n    --kui-narrow-2xl: initial;\n  }\n  :dir(rtl) [data-kui-fx] {\n    --kui-dir: -1;\n  }\n  :root {\n    --kui-above-sm: none;\n    --kui-below-sm: initial;\n    --kui-above-md: none;\n    --kui-below-md: initial;\n    --kui-above-lg: none;\n    --kui-below-lg: initial;\n    --kui-above-xl: none;\n    --kui-below-xl: initial;\n    --kui-above-2xl: none;\n    --kui-below-2xl: initial;\n  }\n  @media (min-width: 40rem) {\n    :root {\n      --kui-above-sm: initial;\n      --kui-below-sm: none;\n    }\n  }\n  @media (min-width: 48rem) {\n    :root {\n      --kui-above-md: initial;\n      --kui-below-md: none;\n    }\n  }\n  @media (min-width: 64rem) {\n    :root {\n      --kui-above-lg: initial;\n      --kui-below-lg: none;\n    }\n  }\n  @media (min-width: 80rem) {\n    :root {\n      --kui-above-xl: initial;\n      --kui-below-xl: none;\n    }\n  }\n  @media (min-width: 96rem) {\n    :root {\n      --kui-above-2xl: initial;\n      --kui-below-2xl: none;\n    }\n  }\n  @container (min-width: 40rem) {\n    [data-kui-fx] {\n      --kui-narrow-sm: none;\n    }\n  }\n  @container not (min-width: 40rem) {\n    [data-kui-fx] {\n      --kui-wide-sm: none;\n    }\n  }\n  @container (min-width: 48rem) {\n    [data-kui-fx] {\n      --kui-narrow-md: none;\n    }\n  }\n  @container not (min-width: 48rem) {\n    [data-kui-fx] {\n      --kui-wide-md: none;\n    }\n  }\n  @container (min-width: 64rem) {\n    [data-kui-fx] {\n      --kui-narrow-lg: none;\n    }\n  }\n  @container not (min-width: 64rem) {\n    [data-kui-fx] {\n      --kui-wide-lg: none;\n    }\n  }\n  @container (min-width: 80rem) {\n    [data-kui-fx] {\n      --kui-narrow-xl: none;\n    }\n  }\n  @container not (min-width: 80rem) {\n    [data-kui-fx] {\n      --kui-wide-xl: none;\n    }\n  }\n  @container (min-width: 96rem) {\n    [data-kui-fx] {\n      --kui-narrow-2xl: none;\n    }\n  }\n  @container not (min-width: 96rem) {\n    [data-kui-fx] {\n      --kui-wide-2xl: none;\n    }\n  }\n  [data-kui-container] {\n    container-type: inline-size;\n  }\n}\n@layer kui.effects {\n  :where([data-kui-fx]) {\n    --kui-transition: initial;\n    transition: var(--kui-transition);\n  }\n}\n@layer kui.policy {\n  html[data-kui-cloak] [data-kui][data-kui-reveal]:not([data-kui-state]) {\n    opacity: 0 !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm],\n    [data-kui-rm]::before,\n    [data-kui-rm]::after,\n    [data-kui-rm] .kui-odometer-strip,\n    [data-kui-rm][data-kui-fx~=label-float] ~ label,\n    [data-kui-rm][data-kui-fx~=input-underline-grow] ~ .kui-underline,\n    [data-kui-rm][data-kui-fx~=toggle-morph] ~ .kui-track,\n    [data-kui-rm][data-kui-fx~=toggle-morph] ~ .kui-track .kui-thumb,\n    [data-kui-rm][data-kui-fx~=checkbox-draw] ~ svg path,\n    [data-kui-rm][data-kui-fx~=radio-fill] ~ .kui-dot,\n    [data-kui-rm][data-kui-fx~=strength-meter] ~ .kui-meter > *,\n    [data-kui-rm][data-kui-fx~=hamburger-to-x] .kui-bar,\n    [data-kui-rm][data-kui-fx~=play-to-pause] .kui-bar,\n    [data-kui-rm][data-kui-fx~=plus-to-minus] .kui-bar,\n    [data-kui-rm][data-kui-fx~=flip-card] > .kui-face-front,\n    [data-kui-rm][data-kui-fx~=flip-card] > .kui-face-back,\n    [data-kui-rm][data-kui-fx~=step-progress] > [data-kui-step-state] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n    [data-kui-rm=shorten],\n    [data-kui-rm=shorten]::before,\n    [data-kui-rm=shorten]::after {\n      animation-duration: 1ms !important;\n      animation-delay: 0ms !important;\n    }\n    [data-kui-rm=crossfade] {\n      animation-name: kui-in !important;\n      animation-duration: 200ms !important;\n    }\n    [data-kui-rm=disable] {\n      animation: none !important;\n      opacity: 1 !important;\n      translate: none !important;\n      scale: none !important;\n      rotate: none !important;\n      filter: none !important;\n      offset-path: none !important;\n    }\n  }\n  @media print {\n    [data-kui-fx],\n    [data-kui-reveal] {\n      animation: none !important;\n      opacity: 1 !important;\n      translate: none !important;\n      scale: none !important;\n      rotate: none !important;\n      filter: none !important;\n      offset-path: none !important;\n    }\n  }\n}\n\n/* src/css/presets.generated.css */\n@layer kui.presets {\n  [data-kui-fx~=accordion-height] {\n    --kui-auto-height-duration: 400ms;\n    --kui-auto-height-delay: 0ms;\n    --kui-auto-height-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-bottom] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-left] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-right] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=aurora] {\n    --kui-ambient-gradient-duration: 10s;\n    --kui-ambient-gradient-delay: 0ms;\n    --kui-ambient-gradient-ease: ease-in-out;\n  }\n  [data-kui-fx~=back-in-down] {\n    --kui-distance: 120px;\n    --kui-reveal-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=back-in-up] {\n    --kui-distance: 120px;\n    --kui-reveal-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=badge-pop] {\n    --kui-feedback-pop-duration: 420ms;\n    --kui-feedback-pop-delay: 0ms;\n    --kui-feedback-pop-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=beam-border] {\n    --kui-beam-border-duration: 220ms;\n    --kui-beam-border-delay: 0ms;\n  }\n  [data-kui-fx~=beam-border-auto] {\n    --kui-beam-border-auto-duration: 220ms;\n  }\n  [data-kui-fx~=before-after-wipe] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=blob-morph] {\n    --kui-path-morph-duration: 800ms;\n    --kui-path-morph-delay: 0ms;\n    --kui-path-morph-ease: linear;\n  }\n  [data-kui-fx~=blur-in] {\n    --kui-blur-duration: 600ms;\n    --kui-blur-delay: 0ms;\n    --kui-blur-ease: ease-out;\n  }\n  [data-kui-fx~=blur-out] {\n    --kui-blur-duration: 600ms;\n    --kui-blur-delay: 0ms;\n    --kui-blur-ease: ease-out;\n  }\n  [data-kui-fx~=blur-up] {\n    --kui-media-blur-up-duration: 600ms;\n    --kui-media-blur-up-delay: 0ms;\n    --kui-media-blur-up-ease: ease-out;\n  }\n  [data-kui-fx~=bob] {\n    --kui-ambient-float-duration: 2s;\n    --kui-distance: 8px;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=book-page-turn] {\n    --kui-from-angle: -160deg;\n    --kui-flip-face-duration: 900ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=bookmark-fill] {\n    --kui-shape-fill-duration: 360ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=border-draw] {\n    --kui-border-draw-duration: 220ms;\n    --kui-border-draw-delay: 0ms;\n    --kui-border-draw-ease: ease-out;\n  }\n  [data-kui-fx~=border-glow] {\n    --kui-border-glow-duration: 220ms;\n    --kui-border-glow-delay: 0ms;\n    --kui-border-glow-ease: ease-out;\n  }\n  [data-kui-fx~=bounce-in] {\n    --kui-from-scale: 0.3;\n    --kui-scale-ease: var(--kui-ease-bounce, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=bounce-in-down] {\n    --kui-distance: 60px;\n    --kui-reveal-ease: var(--kui-ease-back-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=bounce-in-up] {\n    --kui-distance: 60px;\n    --kui-reveal-ease: var(--kui-ease-back-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=card-flip-x] {\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=card-flip-y] {\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=carousel] {\n    --kui-scope: self;\n    --kui-step-progress-duration: 400ms;\n    --kui-step-progress-delay: 0ms;\n    --kui-step-progress-ease: ease-out;\n  }\n  [data-kui-fx~=carousel-3d] {\n    --kui-tilt: 12deg;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-high] {\n    --kui-tilt: 30deg;\n    --kui-perspective: 1200px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-inside] {\n    --kui-arc: 120deg;\n    --kui-facing: camera;\n    --kui-perspective: 900px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-low] {\n    --kui-tilt: -18deg;\n    --kui-perspective: 1800px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=chart-area-fill] {\n    --kui-shape-fill-duration: 900ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=chart-bar-grow] {\n    --kui-bar-grow-duration: 700ms;\n    --kui-bar-grow-ease: var(--kui-ease-back-out, ease-out);\n    --kui-bar-grow-delay: 0ms;\n  }\n  [data-kui-fx~=chart-line-draw] {\n    --kui-path-draw-duration: 1200ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=checkmark-draw] {\n    --kui-path-draw-duration: 320ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=confetti-burst] {\n    --kui-feedback-burst-duration: 900ms;\n    --kui-pop-scale: 1.15;\n    --kui-feedback-burst-delay: 0ms;\n    --kui-feedback-burst-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=copy-confirm] {\n    --kui-feedback-confirm-duration: 1400ms;\n    --kui-feedback-confirm-delay: 0ms;\n    --kui-feedback-confirm-ease: linear;\n  }\n  [data-kui-fx~=count-bump] {\n    --kui-feedback-pop-duration: 280ms;\n    --kui-pop-scale: 1.3;\n    --kui-feedback-pop-delay: 0ms;\n    --kui-feedback-pop-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=count-compact] {\n    --kui-from: 0;\n    --kui-to: 128400;\n    --kui-format: compact;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-currency] {\n    --kui-from: 0;\n    --kui-to: 4820;\n    --kui-format: currency;\n    --kui-decimals: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-down] {\n    --kui-from: 100;\n    --kui-to: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-percent] {\n    --kui-from: 0;\n    --kui-to: 0.82;\n    --kui-format: percent;\n    --kui-decimals: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-up] {\n    --kui-from: 0;\n    --kui-to: 100;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=cross-draw] {\n    --kui-path-draw-duration: 260ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=cube-rotate] {\n    --kui-from-angle: 90deg;\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=cursor-follow] {\n    --kui-stiffness: 300;\n    --kui-damping: 30;\n  }\n  [data-kui-fx~=cursor-invert] {\n    --kui-stiffness: 260;\n    --kui-damping: 26;\n  }\n  [data-kui-fx~=cursor-label] {\n    --kui-stiffness: 260;\n    --kui-damping: 26;\n  }\n  [data-kui-fx~=cursor-lag] {\n    --kui-stiffness: 80;\n    --kui-damping: 14;\n  }\n  [data-kui-fx~=curtain-reveal] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=curtain-wipe] {\n    --kui-wipe-duration: 800ms;\n    --kui-wipe-delay: 0ms;\n    --kui-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=decode] {\n    --kui-charset: binary;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=depth-layer] {\n    --kui-distance: 200px;\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=donut-sweep] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=dot-grid-drift] {\n    --kui-ambient-tint-duration: 16s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=drag-inertia] {\n    --kui-inertia: true;\n  }\n  [data-kui-fx~=drag-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=drag-y] {\n    --kui-axis: y;\n  }\n  [data-kui-fx~=draw-signature] {\n    --kui-path-draw-duration: 1600ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=draw-stroke] {\n    --kui-path-draw-duration: 800ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=draw-underline] {\n    --kui-path-draw-duration: 420ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=drawer-slide] {\n    --kui-drawer-slide-duration: 600ms;\n    --kui-drawer-slide-delay: 0ms;\n    --kui-drawer-slide-ease: ease-out;\n  }\n  [data-kui-fx~=drop-open] {\n    --kui-drop-open-duration: 240ms;\n    --kui-drop-open-delay: 0ms;\n    --kui-drop-open-ease: ease-out;\n  }\n  [data-kui-fx~=dropdown-open] {\n    --kui-panel-reveal-duration: 600ms;\n    --kui-panel-reveal-delay: 0ms;\n    --kui-panel-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=duotone-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=elastic-pull] {\n    --kui-return: true;\n    --kui-bounds: 80;\n  }\n  [data-kui-fx~=expand-to-modal] {\n    --kui-flip-scale: true;\n    --kui-flip-container-duration: 500ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=fade-blur-in] {\n    --kui-reveal-blur-duration: 600ms;\n    --kui-reveal-blur-delay: 0ms;\n    --kui-reveal-blur-ease: ease-out;\n  }\n  [data-kui-fx~=fade-blur-up] {\n    --kui-reveal-blur-duration: 600ms;\n    --kui-reveal-blur-delay: 0ms;\n    --kui-reveal-blur-ease: ease-out;\n  }\n  [data-kui-fx~=fade-down] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-in] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-left] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-open] {\n    --kui-fade-open-duration: 240ms;\n    --kui-fade-open-delay: 0ms;\n    --kui-fade-open-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-down] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-left] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-right] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-up] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-right] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-up] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=flip-card] {\n    --kui-card-toggle-duration: 700ms;\n    --kui-card-toggle-delay: 0ms;\n    --kui-card-toggle-ease: ease-in-out;\n  }\n  [data-kui-fx~=flip-filter] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-in-x] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-in-y] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-out-x] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-out-y] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-reorder] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-shuffle] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-sort] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=float] {\n    --kui-ambient-float-duration: 4s;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=floating-shapes] {\n    --kui-ambient-float-duration: 6s;\n    --kui-distance: 10px;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=focus-ring-grow] {\n    --kui-focus-ring-duration: 600ms;\n    --kui-focus-ring-delay: 0ms;\n    --kui-focus-ring-ease: ease-out;\n  }\n  [data-kui-fx~=fold-panel] {\n    --kui-from-angle: -90deg;\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=gauge-sweep] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=glitch] {\n    --kui-charset: symbols;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=glow-pulse] {\n    --kui-ambient-pulse-duration: 2.2s;\n    --kui-ambient-pulse-delay: 0ms;\n    --kui-ambient-pulse-ease: ease-in-out;\n  }\n  [data-kui-fx~=gradient-border] {\n    --kui-ambient-gradient-ring-duration: 6s;\n    --kui-ambient-gradient-ring-ease: linear;\n    --kui-ambient-gradient-ring-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-mesh] {\n    --kui-ambient-gradient-duration: 10s;\n    --kui-ambient-gradient-delay: 0ms;\n    --kui-ambient-gradient-ease: ease-in-out;\n  }\n  [data-kui-fx~=gradient-rotate-border] {\n    --kui-ambient-gradient-ring-duration: 6s;\n    --kui-ambient-gradient-ring-ease: linear;\n    --kui-ambient-gradient-ring-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-shimmer] {\n    --kui-text-shimmer-duration: 600ms;\n    --kui-text-shimmer-delay: 0ms;\n    --kui-text-shimmer-ease: ease-out;\n  }\n  [data-kui-fx~=gradient-stroke] {\n    --kui-path-draw-duration: 2400ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-sweep] {\n    --kui-text-gradient-sweep-duration: 600ms;\n    --kui-text-gradient-sweep-delay: 0ms;\n    --kui-text-gradient-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=grayscale-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=grid-to-list] {\n    --kui-flip-scale: true;\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=group-dim] {\n    --kui-group-dim-duration: 260ms;\n    --kui-group-dim-delay: 0ms;\n    --kui-group-dim-ease: ease-out;\n  }\n  [data-kui-fx~=hamburger-to-x] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=heart-burst] {\n    --kui-feedback-heart-burst-duration: 700ms;\n    --kui-pop-scale: 1.4;\n    --kui-feedback-heart-burst-delay: 0ms;\n    --kui-feedback-heart-burst-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=heart-fill] {\n    --kui-shape-fill-duration: 420ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=highlight-sweep] {\n    --kui-sweep-color: gold;\n    --kui-text-sweep-duration: 600ms;\n    --kui-text-sweep-delay: 0ms;\n    --kui-text-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=hover-intent] {\n    --kui-hover-intent-duration: 160ms;\n    --kui-hover-intent-delay: 1000ms;\n    --kui-hover-intent-ease: ease-out;\n  }\n  [data-kui-fx~=icon-bounce] {\n    --kui-icon-bounce-duration: 220ms;\n    --kui-icon-bounce-delay: 0ms;\n    --kui-icon-bounce-ease: ease-out;\n  }\n  [data-kui-fx~=icon-morph] {\n    --kui-path-morph-duration: 300ms;\n    --kui-path-morph-delay: 0ms;\n    --kui-path-morph-ease: linear;\n  }\n  [data-kui-fx~=icon-spin] {\n    --kui-icon-spin-duration: 220ms;\n    --kui-icon-spin-delay: 0ms;\n  }\n  [data-kui-fx~=icon-wiggle] {\n    --kui-icon-wiggle-duration: 220ms;\n    --kui-icon-wiggle-delay: 0ms;\n    --kui-icon-wiggle-ease: ease-out;\n  }\n  [data-kui-fx~=image-parallax-frame] {\n    --kui-media-parallax-frame-duration: 600ms;\n    --kui-media-parallax-frame-delay: 0ms;\n    --kui-media-parallax-frame-ease: ease-out;\n  }\n  [data-kui-fx~=ken-burns] {\n    --kui-media-ken-burns-duration: 600ms;\n    --kui-media-ken-burns-delay: 0ms;\n    --kui-media-ken-burns-ease: ease-out;\n  }\n  [data-kui-fx~=ken-burns-out] {\n    --kui-media-ken-burns-duration: 600ms;\n    --kui-media-ken-burns-delay: 0ms;\n    --kui-media-ken-burns-ease: ease-out;\n  }\n  [data-kui-fx~=lift] {\n    --kui-lift-duration: 220ms;\n    --kui-lift-delay: 0ms;\n    --kui-lift-ease: ease-out;\n  }\n  [data-kui-fx~=lift-shadow] {\n    --kui-lift-shadow-duration: 220ms;\n    --kui-lift-shadow-delay: 0ms;\n    --kui-lift-shadow-ease: ease-out;\n  }\n  [data-kui-fx~=lightbox-open] {\n    --kui-media-lightbox-duration: 600ms;\n    --kui-media-lightbox-delay: 0ms;\n    --kui-media-lightbox-ease: ease-out;\n  }\n  [data-kui-fx~=line-grid-drift] {\n    --kui-ambient-tint-duration: 16s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=loading-bar] {\n    --kui-bar-duration: 600ms;\n    --kui-bar-delay: 0ms;\n    --kui-bar-ease: ease-out;\n  }\n  [data-kui-fx~=logo-build] {\n    --kui-logo-assemble-duration: 520ms;\n    --kui-logo-assemble-ease: var(--kui-ease-back-out, ease-out);\n    --kui-logo-assemble-delay: 0ms;\n  }\n  [data-kui-fx~=long-press] {\n    --kui-pressable-duration: 500ms;\n  }\n  [data-kui-fx~=magnetic-snap] {\n    --kui-strength: 0.6;\n    --kui-radius: 160;\n  }\n  [data-kui-fx~=marquee] {\n    --kui-text-marquee-duration: 600ms;\n    --kui-text-marquee-delay: 0ms;\n    --kui-text-marquee-ease: ease-out;\n  }\n  [data-kui-fx~=marquee-scroll-linked] {\n    --kui-text-marquee-duration: 600ms;\n    --kui-text-marquee-delay: 0ms;\n    --kui-text-marquee-ease: ease-out;\n  }\n  [data-kui-fx~=mask-reveal] {\n    --kui-media-mask-duration: 600ms;\n    --kui-media-mask-delay: 0ms;\n    --kui-media-mask-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap-x] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masonry-reflow] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=mega-menu-drop] {\n    --kui-panel-reveal-duration: 550ms;\n    --kui-panel-reveal-delay: 0ms;\n    --kui-panel-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=menu-fullscreen] {\n    --kui-menu-fullscreen-duration: 600ms;\n    --kui-menu-fullscreen-delay: 0ms;\n    --kui-menu-fullscreen-ease: ease-out;\n  }\n  [data-kui-fx~=menu-stagger-open] {\n    --kui-nav-reveal-duration: 600ms;\n    --kui-nav-reveal-delay: 0ms;\n    --kui-nav-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=motion-path] {\n    --kui-motion-path: \"M 0 0 L 120 0\";\n    --kui-motion-path-duration: 1200ms;\n    --kui-motion-path-delay: 0ms;\n    --kui-motion-path-ease: ease-out;\n  }\n  [data-kui-fx~=odometer-roll] {\n    --kui-from: 0;\n    --kui-to: 4820;\n    --kui-count-odometer-duration: 1600ms;\n    --kui-count-odometer-delay: 0ms;\n  }\n  [data-kui-fx~=orbit] {\n    --kui-ambient-orbit-duration: 3.5s;\n    --kui-ambient-orbit-delay: 0ms;\n    --kui-ambient-orbit-ease: linear;\n  }\n  [data-kui-fx~=page-fade] {\n    --kui-page-reveal-duration: 600ms;\n    --kui-page-reveal-delay: 0ms;\n    --kui-page-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=page-slide] {\n    --kui-page-reveal-duration: 600ms;\n    --kui-page-reveal-delay: 0ms;\n    --kui-page-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-rotate] {\n    --kui-parallax-rotate-duration: 600ms;\n    --kui-parallax-rotate-delay: 0ms;\n    --kui-parallax-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-scale] {\n    --kui-parallax-scale-duration: 600ms;\n    --kui-parallax-scale-delay: 0ms;\n    --kui-parallax-scale-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-x] {\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-y] {\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=path-arc] {\n    --kui-motion-path: \"M 0 0 C 40 -70 120 -70 160 0\";\n    --kui-motion-path-duration: 1200ms;\n    --kui-motion-path-ease: ease-in-out;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-loop] {\n    --kui-motion-path: \"M 0 0 C 0 -70 110 -70 110 0 C 110 70 0 70 0 0\";\n    --kui-motion-path-duration: 2400ms;\n    --kui-motion-path-ease: linear;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-swoop] {\n    --kui-motion-path: \"M -120 70 C -70 70 -25 25 0 0\";\n    --kui-motion-path-duration: 900ms;\n    --kui-motion-path-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-wave] {\n    --kui-motion-path: \"M 0 0 C 45 -45 105 45 150 0\";\n    --kui-motion-path-duration: 1600ms;\n    --kui-motion-path-ease: ease-in-out;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=pin-section] {\n    --kui-distance: 100vh;\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=pin-spacer] {\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=pin-until] {\n    --kui-spacer: false;\n  }\n  [data-kui-fx~=play-to-pause] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=plus-to-minus] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=pop] {\n    --kui-pop-duration: 220ms;\n    --kui-pop-delay: 0ms;\n    --kui-pop-ease: ease-out;\n  }\n  [data-kui-fx~=pop-in] {\n    --kui-from-scale: 0.6;\n    --kui-scale-ease: var(--kui-ease-back-out, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=pop-open] {\n    --kui-pop-open-duration: 240ms;\n    --kui-pop-open-delay: 0ms;\n    --kui-pop-open-ease: ease-out;\n  }\n  [data-kui-fx~=pop-out] {\n    --kui-from-scale: 0.6;\n    --kui-scale-ease: var(--kui-ease-back-in, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=press-depth] {\n    --kui-press-duration: 120ms;\n    --kui-press-delay: 0ms;\n    --kui-press-ease: ease-out;\n  }\n  [data-kui-fx~=progress-bar] {\n    --kui-meter-bar-duration: 600ms;\n    --kui-meter-bar-delay: 0ms;\n    --kui-meter-bar-ease: ease-out;\n  }\n  [data-kui-fx~=progress-indeterminate] {\n    --kui-feedback-progress-track-duration: 1.4s;\n    --kui-feedback-progress-track-delay: 0ms;\n    --kui-feedback-progress-track-ease: ease-in-out;\n  }\n  [data-kui-fx~=progress-ring] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=progress-segments] {\n    --kui-meter-segments-duration: 600ms;\n    --kui-meter-segments-delay: 0ms;\n    --kui-meter-segments-ease: ease-out;\n  }\n  [data-kui-fx~=proximity-glow] {\n    --kui-proximity-glow-duration: 200ms;\n    --kui-proximity-glow-ease: ease-out;\n  }\n  [data-kui-fx~=pull-to-refresh] {\n    --kui-feedback-pull-duration: 900ms;\n    --kui-feedback-pull-ease: ease-out;\n    --kui-feedback-pull-delay: 0ms;\n  }\n  [data-kui-fx~=range-fill] {\n    --kui-range-fill-duration: 400ms;\n    --kui-range-fill-delay: 0ms;\n    --kui-range-fill-ease: ease-out;\n  }\n  [data-kui-fx~=redaction-reveal] {\n    --kui-redaction-reveal-duration: 600ms;\n    --kui-redaction-reveal-delay: 0ms;\n    --kui-redaction-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=reveal-once] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=ripple] {\n    --kui-feedback-ripple-duration: 600ms;\n    --kui-feedback-ripple-delay: 0ms;\n    --kui-feedback-ripple-ease: ease-out;\n  }\n  [data-kui-fx~=roll-in] {\n    --kui-roll-duration: 600ms;\n    --kui-roll-delay: 0ms;\n    --kui-roll-ease: ease-out;\n  }\n  [data-kui-fx~=roll-out] {\n    --kui-roll-duration: 600ms;\n    --kui-roll-delay: 0ms;\n    --kui-roll-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in] {\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in-left] {\n    --kui-from-angle: -45deg;\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in-right] {\n    --kui-from-angle: 45deg;\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-out] {\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rubber-band] {\n    --kui-return: true;\n    --kui-bounds: 120;\n  }\n  [data-kui-fx~=saturate-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=scale-open] {\n    --kui-scale-open-duration: 240ms;\n    --kui-scale-open-delay: 0ms;\n    --kui-scale-open-ease: ease-out;\n  }\n  [data-kui-fx~=scanline] {\n    --kui-ambient-tint-duration: 3.5s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=scramble] {\n    --kui-charset: upper;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=scroll-desaturate] {\n    --kui-desaturate-duration: 600ms;\n    --kui-desaturate-delay: 0ms;\n    --kui-desaturate-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-fade] {\n    --kui-scroll-fade-duration: 600ms;\n    --kui-scroll-fade-delay: 0ms;\n    --kui-scroll-fade-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-bar] {\n    --kui-progress-duration: 600ms;\n    --kui-progress-delay: 0ms;\n    --kui-progress-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-bar-y] {\n    --kui-progress-duration: 600ms;\n    --kui-progress-delay: 0ms;\n    --kui-progress-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-ring] {\n    --kui-progress-stroke-duration: 600ms;\n    --kui-progress-stroke-delay: 0ms;\n    --kui-progress-stroke-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-skew] {\n    --kui-skew-duration: 600ms;\n    --kui-skew-delay: 0ms;\n    --kui-skew-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-snap-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=scroll-snap-y] {\n    --kui-axis: y;\n  }\n  [data-kui-fx~=scrollytelling-step] {\n    --kui-steps: 4;\n  }\n  [data-kui-fx~=search-expand] {\n    --kui-search-expand-duration: 260ms;\n    --kui-search-expand-delay: 0ms;\n    --kui-search-expand-ease: ease-out;\n  }\n  [data-kui-fx~=sequence-scrub] {\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=shake-error] {\n    --kui-feedback-shake-duration: 500ms;\n    --kui-feedback-shake-delay: 0ms;\n    --kui-feedback-shake-ease: linear;\n  }\n  [data-kui-fx~=shine-sweep] {\n    --kui-shine-sweep-duration: 220ms;\n    --kui-shine-sweep-delay: 0ms;\n    --kui-shine-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=skeleton-shimmer] {\n    --kui-feedback-shimmer-duration: 1.6s;\n    --kui-feedback-shimmer-delay: 0ms;\n    --kui-feedback-shimmer-ease: linear;\n  }\n  [data-kui-fx~=skeleton-to-content] {\n    --kui-feedback-fade-duration: 600ms;\n    --kui-feedback-fade-delay: 0ms;\n    --kui-feedback-fade-ease: ease-out;\n  }\n  [data-kui-fx~=slat-assemble] {\n    --kui-slat-assemble-duration: 500ms;\n    --kui-slat-assemble-delay: 0ms;\n    --kui-slat-assemble-ease: ease-out;\n  }\n  [data-kui-fx~=slide-block-end] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-block-start] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-down] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-inline-end] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-inline-start] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-left] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-open-down] {\n    --kui-slide-open-down-duration: 240ms;\n    --kui-slide-open-down-delay: 0ms;\n    --kui-slide-open-down-ease: ease-out;\n  }\n  [data-kui-fx~=slide-open-up] {\n    --kui-slide-open-up-duration: 240ms;\n    --kui-slide-open-up-delay: 0ms;\n    --kui-slide-open-up-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-down] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-left] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-right] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-up] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-right] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-up] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=snap-back] {\n    --kui-return: true;\n    --kui-stiffness: 260;\n  }\n  [data-kui-fx~=sparkline-draw] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=spinner] {\n    --kui-feedback-spin-duration: 900ms;\n    --kui-feedback-spin-delay: 0ms;\n    --kui-feedback-spin-ease: linear;\n  }\n  [data-kui-fx~=spinner-dots] {\n    --kui-feedback-dot-pulse-duration: 1.2s;\n    --kui-feedback-dot-pulse-delay: 0ms;\n    --kui-feedback-dot-pulse-ease: ease-in-out;\n  }\n  [data-kui-fx~=spinner-ring] {\n    --kui-feedback-spin-duration: 900ms;\n    --kui-feedback-spin-delay: 0ms;\n    --kui-feedback-spin-ease: linear;\n  }\n  [data-kui-fx~=split-chars] {\n    --kui-unit: chars;\n    --kui-direction: fade;\n    --kui-stagger: 30ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=split-flap] {\n    --kui-split-flap-duration: 220ms;\n    --kui-split-flap-delay: 0ms;\n    --kui-split-flap-ease: ease-out;\n  }\n  [data-kui-fx~=split-lines] {\n    --kui-unit: lines;\n    --kui-direction: fade;\n    --kui-stagger: 160ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=split-words] {\n    --kui-unit: words;\n    --kui-direction: fade;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=spotlight-follow] {\n    --kui-ambient-tint-duration: 9s;\n    --kui-ambient-tint-delay: 0ms;\n    --kui-ambient-tint-ease: ease-in-out;\n  }\n  [data-kui-fx~=stacking-cards] {\n    --kui-spacer: false;\n  }\n  [data-kui-fx~=star-rating-fill] {\n    --kui-meter-stars-duration: 600ms;\n    --kui-meter-stars-delay: 0ms;\n    --kui-meter-stars-ease: ease-out;\n  }\n  [data-kui-fx~=starfield] {\n    --kui-ambient-tint-duration: 40s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=step-progress] {\n    --kui-step-progress-duration: 400ms;\n    --kui-step-progress-delay: 0ms;\n    --kui-step-progress-ease: ease-out;\n  }\n  [data-kui-fx~=strength-meter] {\n    --kui-strength-meter-duration: 400ms;\n    --kui-strength-meter-delay: 0ms;\n    --kui-strength-meter-ease: ease-out;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] {\n    --kui-submit-flow-duration: 400ms;\n    --kui-submit-flow-delay: 0ms;\n    --kui-submit-flow-ease: ease-out;\n  }\n  [data-kui-fx~=swing-in] {\n    --kui-from-angle: -15deg;\n    --kui-rotate-ease: var(--kui-ease-back-out, ease-out);\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n  }\n  [data-kui-fx~=swipe-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=tab-indicator-slide] {\n    --kui-flip-indicator-duration: 300ms;\n    --kui-flip-indicator-delay: 0ms;\n    --kui-flip-indicator-ease: ease-out;\n  }\n  [data-kui-fx~=text-3d-extrude] {\n    --kui-text-3d-extrude-duration: 600ms;\n    --kui-text-3d-extrude-delay: 0ms;\n    --kui-text-3d-extrude-ease: ease-out;\n  }\n  [data-kui-fx~=text-jitter] {\n    --kui-motion: jitter;\n    --kui-split-text-motion-delay: 0ms;\n  }\n  [data-kui-fx~=text-outline-fill] {\n    --kui-text-outline-fill-duration: 600ms;\n    --kui-text-outline-fill-delay: 0ms;\n    --kui-text-outline-fill-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-down] {\n    --kui-unit: words;\n    --kui-direction: down;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-mask] {\n    --kui-unit: lines;\n    --kui-direction: mask;\n    --kui-stagger: 160ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-up] {\n    --kui-unit: words;\n    --kui-direction: up;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-wave] {\n    --kui-motion: wave;\n    --kui-split-text-motion-delay: 0ms;\n  }\n  [data-kui-fx~=throwable] {\n    --kui-inertia: true;\n    --kui-damping: 18;\n  }\n  [data-kui-fx~=toast-slide-in] {\n    --kui-feedback-toast-duration: 420ms;\n    --kui-feedback-toast-delay: 0ms;\n    --kui-feedback-toast-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=toast-slide-out] {\n    --kui-feedback-toast-ease: ease-in;\n    --kui-feedback-toast-duration: 420ms;\n    --kui-feedback-toast-delay: 0ms;\n  }\n  [data-kui-fx~=tween] {\n    --kui-tween-duration: 600ms;\n    --kui-tween-delay: 0ms;\n    --kui-tween-ease: ease-out;\n  }\n  [data-kui-fx~=tween-from] {\n    --kui-tween-from-duration: 600ms;\n    --kui-tween-from-delay: 0ms;\n    --kui-tween-from-ease: ease-out;\n  }\n  [data-kui-fx~=typewriter] {\n    --kui-loop: false;\n    --kui-typewriter-delay: 0ms;\n  }\n  [data-kui-fx~=typewriter-loop] {\n    --kui-loop: true;\n    --kui-typewriter-delay: 0ms;\n  }\n  [data-kui-fx~=underline-center] {\n    --kui-underline-center-duration: 220ms;\n    --kui-underline-center-delay: 0ms;\n    --kui-underline-center-ease: ease-out;\n  }\n  [data-kui-fx~=underline-draw] {\n    --kui-text-sweep-duration: 600ms;\n    --kui-text-sweep-delay: 0ms;\n    --kui-text-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=underline-slide] {\n    --kui-underline-slide-duration: 220ms;\n    --kui-underline-slide-delay: 0ms;\n    --kui-underline-slide-ease: ease-out;\n  }\n  [data-kui-fx~=validate-check] {\n    --kui-validate-check-duration: 600ms;\n    --kui-validate-check-delay: 0ms;\n    --kui-validate-check-ease: ease-out;\n  }\n  [data-kui-fx~=validate-shake] {\n    --kui-validate-shake-duration: 600ms;\n    --kui-validate-shake-delay: 0ms;\n    --kui-validate-shake-ease: ease-out;\n  }\n  [data-kui-fx~=var-axis] {\n    --kui-var-axis-duration: 600ms;\n    --kui-var-axis-delay: 0ms;\n    --kui-var-axis-ease: ease-out;\n  }\n  [data-kui-fx~=var-slant] {\n    --kui-var-slant-duration: 600ms;\n    --kui-var-slant-delay: 0ms;\n    --kui-var-slant-ease: ease-out;\n  }\n  [data-kui-fx~=var-weight] {\n    --kui-var-weight-duration: 600ms;\n    --kui-var-weight-delay: 0ms;\n    --kui-var-weight-ease: ease-out;\n  }\n  [data-kui-fx~=var-width] {\n    --kui-var-width-duration: 600ms;\n    --kui-var-width-delay: 0ms;\n    --kui-var-width-ease: ease-out;\n  }\n  [data-kui-fx~=video-backdrop] {\n    --kui-overlay: black;\n    --kui-overlay-opacity: 45%;\n  }\n  [data-kui-fx~=video-hero] {\n    --kui-overlay: black;\n    --kui-overlay-opacity: 45%;\n    --kui-autoplay: always;\n  }\n  [data-kui-fx~=view-swap] {\n    --kui-view-swap-delay: 0ms;\n  }\n  [data-kui-fx~=wave-blob] {\n    --kui-ambient-tint-duration: 12s;\n    --kui-ambient-tint-delay: 0ms;\n    --kui-ambient-tint-ease: ease-in-out;\n  }\n  [data-kui-fx~=wipe-circle] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-diagonal] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-down] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-left] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-right] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-up] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wobble] {\n    --kui-feedback-wobble-duration: 600ms;\n    --kui-feedback-wobble-ease: ease-in-out;\n    --kui-feedback-wobble-delay: 0ms;\n  }\n  [data-kui-fx~=word-cycler] {\n    --kui-word-cycler-delay: 0ms;\n  }\n  [data-kui-fx~=zoom-in] {\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n    --kui-scale-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-in-down] {\n    --kui-scale-move-duration: 600ms;\n    --kui-scale-move-delay: 0ms;\n    --kui-scale-move-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-in-up] {\n    --kui-scale-move-duration: 600ms;\n    --kui-scale-move-delay: 0ms;\n    --kui-scale-move-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-out] {\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n    --kui-scale-ease: ease-out;\n  }\n}\n@layer kui.cloak {\n  html[data-kui-cloak] :is([data-kui~=back-in-down], [data-kui~=\"back-in-down,\"], [data-kui~=\",back-in-down\"], [data-kui~=\",back-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=back-in-up], [data-kui~=\"back-in-up,\"], [data-kui~=\",back-in-up\"], [data-kui~=\",back-in-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=blur-in], [data-kui~=\"blur-in,\"], [data-kui~=\",blur-in\"], [data-kui~=\",blur-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=blur-up], [data-kui~=\"blur-up,\"], [data-kui~=\",blur-up\"], [data-kui~=\",blur-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in], [data-kui~=\"bounce-in,\"], [data-kui~=\",bounce-in\"], [data-kui~=\",bounce-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in-down], [data-kui~=\"bounce-in-down,\"], [data-kui~=\",bounce-in-down\"], [data-kui~=\",bounce-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in-up], [data-kui~=\"bounce-in-up,\"], [data-kui~=\",bounce-in-up\"], [data-kui~=\",bounce-in-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=card-flip-x], [data-kui~=\"card-flip-x,\"], [data-kui~=\",card-flip-x\"], [data-kui~=\",card-flip-x,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=card-flip-y], [data-kui~=\"card-flip-y,\"], [data-kui~=\",card-flip-y\"], [data-kui~=\",card-flip-y,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=chart-bar-grow], [data-kui~=\"chart-bar-grow,\"], [data-kui~=\",chart-bar-grow\"], [data-kui~=\",chart-bar-grow,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=curtain-reveal], [data-kui~=\"curtain-reveal,\"], [data-kui~=\",curtain-reveal\"], [data-kui~=\",curtain-reveal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-blur-in], [data-kui~=\"fade-blur-in,\"], [data-kui~=\",fade-blur-in\"], [data-kui~=\",fade-blur-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-blur-up], [data-kui~=\"fade-blur-up,\"], [data-kui~=\",fade-blur-up\"], [data-kui~=\",fade-blur-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-down], [data-kui~=\"fade-down,\"], [data-kui~=\",fade-down\"], [data-kui~=\",fade-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-in], [data-kui~=\"fade-in,\"], [data-kui~=\",fade-in\"], [data-kui~=\",fade-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-left], [data-kui~=\"fade-left,\"], [data-kui~=\",fade-left\"], [data-kui~=\",fade-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-right], [data-kui~=\"fade-right,\"], [data-kui~=\",fade-right\"], [data-kui~=\",fade-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-up], [data-kui~=\"fade-up,\"], [data-kui~=\",fade-up\"], [data-kui~=\",fade-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=flip-in-x], [data-kui~=\"flip-in-x,\"], [data-kui~=\",flip-in-x\"], [data-kui~=\",flip-in-x,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=flip-in-y], [data-kui~=\"flip-in-y,\"], [data-kui~=\",flip-in-y\"], [data-kui~=\",flip-in-y,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fold-panel], [data-kui~=\"fold-panel,\"], [data-kui~=\",fold-panel\"], [data-kui~=\",fold-panel,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=loading-bar], [data-kui~=\"loading-bar,\"], [data-kui~=\",loading-bar\"], [data-kui~=\",loading-bar,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=mask-reveal], [data-kui~=\"mask-reveal,\"], [data-kui~=\",mask-reveal\"], [data-kui~=\",mask-reveal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=path-swoop], [data-kui~=\"path-swoop,\"], [data-kui~=\",path-swoop\"], [data-kui~=\",path-swoop,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=pop-in], [data-kui~=\"pop-in,\"], [data-kui~=\",pop-in\"], [data-kui~=\",pop-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=progress-bar], [data-kui~=\"progress-bar,\"], [data-kui~=\",progress-bar\"], [data-kui~=\",progress-bar,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=reveal-once], [data-kui~=\"reveal-once,\"], [data-kui~=\",reveal-once\"], [data-kui~=\",reveal-once,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=roll-in], [data-kui~=\"roll-in,\"], [data-kui~=\",roll-in\"], [data-kui~=\",roll-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in], [data-kui~=\"rotate-in,\"], [data-kui~=\",rotate-in\"], [data-kui~=\",rotate-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in-left], [data-kui~=\"rotate-in-left,\"], [data-kui~=\",rotate-in-left\"], [data-kui~=\",rotate-in-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in-right], [data-kui~=\"rotate-in-right,\"], [data-kui~=\",rotate-in-right\"], [data-kui~=\",rotate-in-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slat-assemble], [data-kui~=\"slat-assemble,\"], [data-kui~=\",slat-assemble\"], [data-kui~=\",slat-assemble,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-block-end], [data-kui~=\"slide-block-end,\"], [data-kui~=\",slide-block-end\"], [data-kui~=\",slide-block-end,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-block-start], [data-kui~=\"slide-block-start,\"], [data-kui~=\",slide-block-start\"], [data-kui~=\",slide-block-start,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-down], [data-kui~=\"slide-down,\"], [data-kui~=\",slide-down\"], [data-kui~=\",slide-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-inline-end], [data-kui~=\"slide-inline-end,\"], [data-kui~=\",slide-inline-end\"], [data-kui~=\",slide-inline-end,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-inline-start], [data-kui~=\"slide-inline-start,\"], [data-kui~=\",slide-inline-start\"], [data-kui~=\",slide-inline-start,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-left], [data-kui~=\"slide-left,\"], [data-kui~=\",slide-left\"], [data-kui~=\",slide-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-right], [data-kui~=\"slide-right,\"], [data-kui~=\",slide-right\"], [data-kui~=\",slide-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-up], [data-kui~=\"slide-up,\"], [data-kui~=\",slide-up\"], [data-kui~=\",slide-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=swing-in], [data-kui~=\"swing-in,\"], [data-kui~=\",swing-in\"], [data-kui~=\",swing-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-down], [data-kui~=\"text-reveal-down,\"], [data-kui~=\",text-reveal-down\"], [data-kui~=\",text-reveal-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-mask], [data-kui~=\"text-reveal-mask,\"], [data-kui~=\",text-reveal-mask\"], [data-kui~=\",text-reveal-mask,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-up], [data-kui~=\"text-reveal-up,\"], [data-kui~=\",text-reveal-up\"], [data-kui~=\",text-reveal-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=tween-from], [data-kui~=\"tween-from,\"], [data-kui~=\",tween-from\"], [data-kui~=\",tween-from,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-circle], [data-kui~=\"wipe-circle,\"], [data-kui~=\",wipe-circle\"], [data-kui~=\",wipe-circle,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-diagonal], [data-kui~=\"wipe-diagonal,\"], [data-kui~=\",wipe-diagonal\"], [data-kui~=\",wipe-diagonal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-down], [data-kui~=\"wipe-down,\"], [data-kui~=\",wipe-down\"], [data-kui~=\",wipe-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-left], [data-kui~=\"wipe-left,\"], [data-kui~=\",wipe-left\"], [data-kui~=\",wipe-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-right], [data-kui~=\"wipe-right,\"], [data-kui~=\",wipe-right\"], [data-kui~=\",wipe-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-up], [data-kui~=\"wipe-up,\"], [data-kui~=\",wipe-up\"], [data-kui~=\",wipe-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in], [data-kui~=\"zoom-in,\"], [data-kui~=\",zoom-in\"], [data-kui~=\",zoom-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in-down], [data-kui~=\"zoom-in-down,\"], [data-kui~=\",zoom-in-down\"], [data-kui~=\",zoom-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in-up], [data-kui~=\"zoom-in-up,\"], [data-kui~=\",zoom-in-up\"], [data-kui~=\",zoom-in-up,\"]):not([data-kui-state]) {\n    opacity: 0;\n    animation: kui-cloak-release 1ms linear 2s forwards;\n  }\n  @keyframes kui-cloak-release {\n    to {\n      opacity: 1;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    html[data-kui-cloak] :is([data-kui~=back-in-down], [data-kui~=\"back-in-down,\"], [data-kui~=\",back-in-down\"], [data-kui~=\",back-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=back-in-up], [data-kui~=\"back-in-up,\"], [data-kui~=\",back-in-up\"], [data-kui~=\",back-in-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=blur-in], [data-kui~=\"blur-in,\"], [data-kui~=\",blur-in\"], [data-kui~=\",blur-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=blur-up], [data-kui~=\"blur-up,\"], [data-kui~=\",blur-up\"], [data-kui~=\",blur-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in], [data-kui~=\"bounce-in,\"], [data-kui~=\",bounce-in\"], [data-kui~=\",bounce-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in-down], [data-kui~=\"bounce-in-down,\"], [data-kui~=\",bounce-in-down\"], [data-kui~=\",bounce-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in-up], [data-kui~=\"bounce-in-up,\"], [data-kui~=\",bounce-in-up\"], [data-kui~=\",bounce-in-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=card-flip-x], [data-kui~=\"card-flip-x,\"], [data-kui~=\",card-flip-x\"], [data-kui~=\",card-flip-x,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=card-flip-y], [data-kui~=\"card-flip-y,\"], [data-kui~=\",card-flip-y\"], [data-kui~=\",card-flip-y,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=chart-bar-grow], [data-kui~=\"chart-bar-grow,\"], [data-kui~=\",chart-bar-grow\"], [data-kui~=\",chart-bar-grow,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=curtain-reveal], [data-kui~=\"curtain-reveal,\"], [data-kui~=\",curtain-reveal\"], [data-kui~=\",curtain-reveal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-blur-in], [data-kui~=\"fade-blur-in,\"], [data-kui~=\",fade-blur-in\"], [data-kui~=\",fade-blur-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-blur-up], [data-kui~=\"fade-blur-up,\"], [data-kui~=\",fade-blur-up\"], [data-kui~=\",fade-blur-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-down], [data-kui~=\"fade-down,\"], [data-kui~=\",fade-down\"], [data-kui~=\",fade-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-in], [data-kui~=\"fade-in,\"], [data-kui~=\",fade-in\"], [data-kui~=\",fade-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-left], [data-kui~=\"fade-left,\"], [data-kui~=\",fade-left\"], [data-kui~=\",fade-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-right], [data-kui~=\"fade-right,\"], [data-kui~=\",fade-right\"], [data-kui~=\",fade-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-up], [data-kui~=\"fade-up,\"], [data-kui~=\",fade-up\"], [data-kui~=\",fade-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=flip-in-x], [data-kui~=\"flip-in-x,\"], [data-kui~=\",flip-in-x\"], [data-kui~=\",flip-in-x,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=flip-in-y], [data-kui~=\"flip-in-y,\"], [data-kui~=\",flip-in-y\"], [data-kui~=\",flip-in-y,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fold-panel], [data-kui~=\"fold-panel,\"], [data-kui~=\",fold-panel\"], [data-kui~=\",fold-panel,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=loading-bar], [data-kui~=\"loading-bar,\"], [data-kui~=\",loading-bar\"], [data-kui~=\",loading-bar,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=mask-reveal], [data-kui~=\"mask-reveal,\"], [data-kui~=\",mask-reveal\"], [data-kui~=\",mask-reveal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=path-swoop], [data-kui~=\"path-swoop,\"], [data-kui~=\",path-swoop\"], [data-kui~=\",path-swoop,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=pop-in], [data-kui~=\"pop-in,\"], [data-kui~=\",pop-in\"], [data-kui~=\",pop-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=progress-bar], [data-kui~=\"progress-bar,\"], [data-kui~=\",progress-bar\"], [data-kui~=\",progress-bar,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=reveal-once], [data-kui~=\"reveal-once,\"], [data-kui~=\",reveal-once\"], [data-kui~=\",reveal-once,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=roll-in], [data-kui~=\"roll-in,\"], [data-kui~=\",roll-in\"], [data-kui~=\",roll-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in], [data-kui~=\"rotate-in,\"], [data-kui~=\",rotate-in\"], [data-kui~=\",rotate-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in-left], [data-kui~=\"rotate-in-left,\"], [data-kui~=\",rotate-in-left\"], [data-kui~=\",rotate-in-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in-right], [data-kui~=\"rotate-in-right,\"], [data-kui~=\",rotate-in-right\"], [data-kui~=\",rotate-in-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slat-assemble], [data-kui~=\"slat-assemble,\"], [data-kui~=\",slat-assemble\"], [data-kui~=\",slat-assemble,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-block-end], [data-kui~=\"slide-block-end,\"], [data-kui~=\",slide-block-end\"], [data-kui~=\",slide-block-end,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-block-start], [data-kui~=\"slide-block-start,\"], [data-kui~=\",slide-block-start\"], [data-kui~=\",slide-block-start,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-down], [data-kui~=\"slide-down,\"], [data-kui~=\",slide-down\"], [data-kui~=\",slide-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-inline-end], [data-kui~=\"slide-inline-end,\"], [data-kui~=\",slide-inline-end\"], [data-kui~=\",slide-inline-end,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-inline-start], [data-kui~=\"slide-inline-start,\"], [data-kui~=\",slide-inline-start\"], [data-kui~=\",slide-inline-start,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-left], [data-kui~=\"slide-left,\"], [data-kui~=\",slide-left\"], [data-kui~=\",slide-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-right], [data-kui~=\"slide-right,\"], [data-kui~=\",slide-right\"], [data-kui~=\",slide-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-up], [data-kui~=\"slide-up,\"], [data-kui~=\",slide-up\"], [data-kui~=\",slide-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=swing-in], [data-kui~=\"swing-in,\"], [data-kui~=\",swing-in\"], [data-kui~=\",swing-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-down], [data-kui~=\"text-reveal-down,\"], [data-kui~=\",text-reveal-down\"], [data-kui~=\",text-reveal-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-mask], [data-kui~=\"text-reveal-mask,\"], [data-kui~=\",text-reveal-mask\"], [data-kui~=\",text-reveal-mask,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-up], [data-kui~=\"text-reveal-up,\"], [data-kui~=\",text-reveal-up\"], [data-kui~=\",text-reveal-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=tween-from], [data-kui~=\"tween-from,\"], [data-kui~=\",tween-from\"], [data-kui~=\",tween-from,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-circle], [data-kui~=\"wipe-circle,\"], [data-kui~=\",wipe-circle\"], [data-kui~=\",wipe-circle,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-diagonal], [data-kui~=\"wipe-diagonal,\"], [data-kui~=\",wipe-diagonal\"], [data-kui~=\",wipe-diagonal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-down], [data-kui~=\"wipe-down,\"], [data-kui~=\",wipe-down\"], [data-kui~=\",wipe-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-left], [data-kui~=\"wipe-left,\"], [data-kui~=\",wipe-left\"], [data-kui~=\",wipe-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-right], [data-kui~=\"wipe-right,\"], [data-kui~=\",wipe-right\"], [data-kui~=\",wipe-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-up], [data-kui~=\"wipe-up,\"], [data-kui~=\",wipe-up\"], [data-kui~=\",wipe-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in], [data-kui~=\"zoom-in,\"], [data-kui~=\",zoom-in\"], [data-kui~=\",zoom-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in-down], [data-kui~=\"zoom-in-down,\"], [data-kui~=\",zoom-in-down\"], [data-kui~=\",zoom-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in-up], [data-kui~=\"zoom-in-up,\"], [data-kui~=\",zoom-in-up\"], [data-kui~=\",zoom-in-up,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 40rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:sm\"], [data-kui~=\"above:sm,\"], [data-kui~=\",above:sm\"], [data-kui~=\",above:sm,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 40rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:sm\"], [data-kui~=\"below:sm,\"], [data-kui~=\",below:sm\"], [data-kui~=\",below:sm,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 48rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:md\"], [data-kui~=\"above:md,\"], [data-kui~=\",above:md\"], [data-kui~=\",above:md,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 48rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:md\"], [data-kui~=\"below:md,\"], [data-kui~=\",below:md\"], [data-kui~=\",below:md,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 64rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:lg\"], [data-kui~=\"above:lg,\"], [data-kui~=\",above:lg\"], [data-kui~=\",above:lg,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 64rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:lg\"], [data-kui~=\"below:lg,\"], [data-kui~=\",below:lg\"], [data-kui~=\",below:lg,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 80rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:xl\"], [data-kui~=\"above:xl,\"], [data-kui~=\",above:xl\"], [data-kui~=\",above:xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 80rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:xl\"], [data-kui~=\"below:xl,\"], [data-kui~=\",below:xl\"], [data-kui~=\",below:xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 96rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:2xl\"], [data-kui~=\"above:2xl,\"], [data-kui~=\",above:2xl\"], [data-kui~=\",above:2xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 96rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:2xl\"], [data-kui~=\"below:2xl,\"], [data-kui~=\",below:2xl\"], [data-kui~=\",below:2xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n}\n\n/* src/css/entrance.css */\n@layer kui.effects {\n  @keyframes kui-in {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n    }\n  }\n  @keyframes kui-out {\n    to {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-in-up {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-in-down {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-in-left {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-in-right {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-out-up {\n    to {\n      opacity: 0;\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-out-down {\n    to {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-out-left {\n    to {\n      opacity: 0;\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-out-right {\n    to {\n      opacity: 0;\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-in-inline-start {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * var(--kui-dir, 1)) 0;\n    }\n  }\n  @keyframes kui-in-inline-end {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * var(--kui-dir, 1) * -1) 0;\n    }\n  }\n  @keyframes kui-zoom-in {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n    }\n  }\n  @keyframes kui-zoom-out {\n    to {\n      scale: var(--kui-from-scale, 0.92);\n    }\n  }\n  @keyframes kui-zoom-in-up {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-zoom-in-down {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-flip-in-x {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-in-y {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-out-x {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-out-y {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-rotate-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -8deg));\n    }\n  }\n  @keyframes kui-rotate-out {\n    to {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -8deg));\n    }\n  }\n  @keyframes kui-swing-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -15deg));\n    }\n  }\n  @keyframes kui-roll-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -120deg));\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-roll-out {\n    to {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -120deg));\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-blur-in {\n    from {\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-blur-out {\n    to {\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-fade-blur-up {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-fade-blur-in {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  [data-kui-fx*=flip-] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=flip-in-x][data-kui-state=ready],\n  [data-kui-fx~=flip-in-y][data-kui-state=ready] {\n    opacity: 0;\n  }\n  [data-kui-fx~=rotate-in][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-left][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-right][data-kui-state=ready],\n  [data-kui-fx~=swing-in][data-kui-state=ready],\n  [data-kui-fx~=roll-in][data-kui-state=ready] {\n    opacity: 0;\n  }\n}\n\n/* src/css/scroll.css */\n@layer kui.effects {\n  @keyframes kui-parallax-y {\n    from {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 100px)) * -1);\n    }\n    to {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 100px));\n    }\n  }\n  @keyframes kui-parallax-x {\n    from {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 100px)) * -1) 0;\n    }\n    to {\n      translate: var(--kui-gate-distance, var(--kui-distance, 100px)) 0;\n    }\n  }\n  @keyframes kui-parallax-scale {\n    from {\n      scale: var(--kui-from-scale, 1);\n    }\n    to {\n      scale: var(--kui-to-scale, 1.2);\n    }\n  }\n  @keyframes kui-parallax-rotate {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, 0deg));\n    }\n    to {\n      rotate: var(--kui-to-angle, 12deg);\n    }\n  }\n  @keyframes kui-scroll-fade {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes kui-desaturate {\n    from {\n      filter: grayscale(var(--kui-from-grayscale, 100%));\n    }\n    to {\n      filter: grayscale(var(--kui-to-grayscale, 0%));\n    }\n  }\n  @keyframes kui-scroll-skew {\n    from {\n      transform: skewY(var(--kui-from-skew, 8deg));\n    }\n    to {\n      transform: skewY(var(--kui-to-skew, 0deg));\n    }\n  }\n  @keyframes kui-progress-x {\n    from {\n      scale: 0 1;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  @keyframes kui-progress-y {\n    from {\n      scale: 1 0;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  @keyframes kui-progress-ring {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=scroll-progress-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=scroll-progress-ring] {\n    stroke-dasharray: var(--kui-path-length, 100);\n  }\n  [data-kui-fx~=sequence-scrub]:has(> [data-kui-step-state]),\n  [data-kui-fx~=video-scrub]:has(> [data-kui-step-state]),\n  .kui-frame-stack {\n    position: relative;\n  }\n  [data-kui-fx~=sequence-scrub] > [data-kui-step-state],\n  [data-kui-fx~=video-scrub] > [data-kui-step-state],\n  .kui-frame-stack > [data-kui-step-state] {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n  }\n  [data-kui-fx~=sequence-scrub] > [data-kui-step-state=active],\n  [data-kui-fx~=video-scrub] > [data-kui-step-state=active],\n  .kui-frame-stack > [data-kui-step-state=active] {\n    opacity: 1;\n  }\n  @supports (animation-timeline: view()) {\n    [data-kui-timeline] {\n      animation-range: var(--kui-range, entry 0% cover 60%);\n    }\n  }\n  [data-kui~=horizontal-scroll] {\n    position: relative;\n  }\n}\n\n/* src/css/three-d.css */\n@layer kui.effects {\n  @keyframes kui-card-flip-y {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 180deg)));\n    }\n  }\n  @keyframes kui-card-flip-x {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 180deg)));\n    }\n  }\n  @keyframes kui-cube-rotate {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-book-page-turn {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, -160deg)));\n    }\n  }\n  @keyframes kui-fold-panel {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, -90deg)));\n    }\n  }\n  [data-kui-fx~=card-flip-x],\n  [data-kui-fx~=card-flip-y],\n  [data-kui-fx~=cube-rotate],\n  [data-kui-fx~=book-page-turn],\n  [data-kui-fx~=fold-panel] {\n    transform-style: preserve-3d;\n    perspective: var(--kui-perspective, 1200px);\n  }\n  [data-kui-fx~=card-flip-x]:not(:has(> :nth-child(2))),\n  [data-kui-fx~=card-flip-y]:not(:has(> :nth-child(2))) {\n    --kui-from-angle: 360deg;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)),\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) {\n    display: grid;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :first-child,\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :nth-child(2),\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :first-child,\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :nth-child(2) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :nth-child(2) {\n    rotate: x 180deg;\n  }\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :nth-child(2) {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=book-page-turn] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=fold-panel] {\n    transform-origin: top center;\n  }\n  [data-kui-fx~=fold-panel][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-page-fade {\n    from {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-page-slide {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 40px));\n    }\n  }\n  @keyframes kui-curtain-wipe {\n    from {\n      clip-path: inset(0 0 100% 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-loading-bar {\n    from {\n      scale: var(--kui-gate-bar-from, var(--kui-bar-from, 0)) 1;\n    }\n  }\n  [data-kui-fx~=loading-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=loading-bar][data-kui-state=ready] {\n    opacity: 0;\n  }\n  [data-kui-fx~=flip-card] {\n    display: grid;\n    perspective: var(--kui-perspective, 1600px);\n  }\n  [data-kui-fx~=flip-card] > .kui-face-front,\n  [data-kui-fx~=flip-card] > .kui-face-back {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    transition: rotate var(--kui-card-toggle-duration, 700ms) var(--kui-card-toggle-ease, ease-in-out);\n  }\n  [data-kui-fx~=flip-card] > .kui-face-front {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > .kui-face-back {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-front,\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-back {\n    transition-delay: var(--kui-card-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-front {\n    rotate: y -180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-back {\n    rotate: y 0deg;\n  }\n  [data-kui~=flip-card] {\n    display: grid;\n    perspective: var(--kui-perspective, 1600px);\n  }\n  [data-kui~=flip-card] > .kui-face-front,\n  [data-kui~=flip-card] > .kui-face-back {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n  }\n  [data-kui~=flip-card] > .kui-face-front {\n    rotate: y 0deg;\n  }\n  [data-kui~=flip-card] > .kui-face-back {\n    rotate: y 180deg;\n  }\n}\n\n/* src/css/carousel.css */\n@layer kui.effects {\n  [data-kui-fx~=carousel-3d],\n  [data-kui-fx~=carousel-3d-high],\n  [data-kui-fx~=carousel-3d-low],\n  [data-kui-fx~=carousel-3d-inside] {\n    display: grid;\n    place-items: center;\n    perspective: var(--kui-perspective, 1600px);\n    transform-style: preserve-3d;\n    --kui-ring-tilt: clamp(-80deg, calc(-1 * var(--kui-tilt, 0deg)), 80deg);\n    --kui-ring-drift: calc(var(--kui-step-position, 0) - var(--kui-step, 0));\n  }\n  [data-kui-fx~=carousel-3d] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-high] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-low] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-inside] [data-kui-step-offset] {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    --kui-ring-spacing: calc(var(--kui-arc, 360deg) / max(1, var(--kui-item-count, 1)));\n    --kui-ring-angle: calc((var(--kui-offset, 0) - var(--kui-ring-drift)) * var(--kui-ring-spacing));\n    --kui-ring-radius: var( --kui-radius, calc( (var(--kui-item-width, 260px) + var(--kui-gap, 24px)) / (2 * tan(clamp(0.5deg, var(--kui-ring-spacing) / 2, 60deg))) ) );\n    transform: rotateX(var(--kui-ring-tilt)) rotateY(var(--kui-ring-angle)) translateZ(var(--kui-ring-radius));\n    transition: transform var(--kui-spatial-ring-duration, 620ms) var(--kui-spatial-ring-ease, cubic-bezier(0.22, 1, 0.36, 1)) var(--kui-spatial-ring-delay, 0ms);\n  }\n  [data-kui-ring-dragging=true] [data-kui-step-offset] {\n    transition: none;\n  }\n  [data-kui-ring-face=back] {\n    pointer-events: none;\n  }\n  [data-kui-fx~=carousel-3d-inside] [data-kui-ring-face=back] {\n    visibility: hidden;\n  }\n  [data-kui-fx~=carousel-3d][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-high][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-low][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-inside][data-kui-ring-facing=camera] [data-kui-step-offset] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=carousel-3d][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-high][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-low][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-inside][data-kui-ring-facing=camera] [data-kui-step-offset] > * {\n    transform: rotateY(calc(-1 * var(--kui-ring-angle))) rotateX(calc(-1 * var(--kui-ring-tilt)));\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=carousel-3d-inside] [data-kui-step-offset] {\n    transform: rotateX(var(--kui-ring-tilt)) rotateY(var(--kui-ring-angle)) translateZ(calc(-1 * var(--kui-ring-radius)));\n  }\n  [data-kui~=carousel-3d],\n  [data-kui~=carousel-3d-high],\n  [data-kui~=carousel-3d-low],\n  [data-kui~=carousel-3d-inside] {\n    display: grid;\n    place-items: center;\n  }\n  [data-kui~=carousel-3d] > *,\n  [data-kui~=carousel-3d-high] > *,\n  [data-kui~=carousel-3d-low] > *,\n  [data-kui~=carousel-3d-inside] > * {\n    grid-area: 1 / 1;\n  }\n}\n\n/* src/css/media.css */\n@layer kui.effects {\n  @keyframes kui-wipe-up {\n    from {\n      clip-path: inset(100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0);\n    }\n  }\n  @keyframes kui-wipe-down {\n    from {\n      clip-path: inset(0 0 100%);\n    }\n    to {\n      clip-path: inset(0 0 0);\n    }\n  }\n  @keyframes kui-wipe-left {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-wipe-right {\n    from {\n      clip-path: inset(0 0 0 100%);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-wipe-circle {\n    from {\n      clip-path: circle(0 at 50% 50%);\n    }\n    to {\n      clip-path: circle(75% at 50% 50%);\n    }\n  }\n  @keyframes kui-wipe-diagonal {\n    from {\n      clip-path: polygon(0 0, 0 0, 0 0);\n    }\n    to {\n      clip-path: polygon(0 0, 200% 0, 0 200%);\n    }\n  }\n  @keyframes kui-curtain-reveal {\n    from {\n      clip-path: inset(0 50%);\n    }\n    to {\n      clip-path: inset(0 0);\n    }\n  }\n  @keyframes kui-before-after-wipe {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-mask-reveal {\n    from {\n      mask-position: 100% 0;\n    }\n    to {\n      mask-position: 0 0;\n    }\n  }\n  [data-kui-fx~=mask-reveal] {\n    mask-image:\n      linear-gradient(\n        90deg,\n        #000 0 45%,\n        transparent 55% 100%);\n    mask-size: 220% 100%;\n  }\n  @keyframes kui-ken-burns {\n    from {\n      scale: 1;\n      translate: 0 0;\n    }\n    to {\n      scale: var(--kui-to-scale, 1.12);\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -0.5);\n    }\n  }\n  @keyframes kui-ken-burns-out {\n    from {\n      scale: var(--kui-to-scale, 1.12);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n    to {\n      scale: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-blur-up {\n    from {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n      filter: blur(var(--kui-blur, 16px));\n    }\n    to {\n      translate: 0 0;\n      filter: blur(0);\n    }\n  }\n  @keyframes kui-duotone-hover {\n    from {\n      filter: grayscale(1) sepia(0.7) hue-rotate(330deg) saturate(2);\n    }\n    to {\n      filter: none;\n    }\n  }\n  @keyframes kui-grayscale-hover {\n    from {\n      filter: grayscale(1);\n    }\n    to {\n      filter: grayscale(0);\n    }\n  }\n  @keyframes kui-saturate-hover {\n    from {\n      filter: saturate(0.45);\n    }\n    to {\n      filter: saturate(1.35);\n    }\n  }\n  @keyframes kui-image-parallax-frame {\n    from {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n    to {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-lightbox-open {\n    from {\n      opacity: 0;\n      scale: var(--kui-from-scale, 0.92);\n    }\n    to {\n      opacity: 1;\n      scale: 1;\n    }\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=duotone-hover]:active,\n    [data-kui-fx~=grayscale-hover]:active,\n    [data-kui-fx~=saturate-hover]:active {\n      filter: none;\n    }\n  }\n  .kui-slat-stage {\n    position: absolute;\n    overflow: clip;\n  }\n  .kui-slat-item {\n    position: absolute;\n    inset: 0;\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    animation-duration: var(--kui-duration, 500ms);\n    animation-delay: calc(var(--kui-delay, 0ms) + var(--kui-i, 0) * var(--kui-stagger, 60ms));\n    animation-timing-function: var(--kui-ease, ease-out);\n    animation-fill-mode: both;\n  }\n  .kui-slat-stage.kui-slat-animating .kui-slat-item {\n    will-change: transform;\n  }\n  .kui-slat-item:nth-child(odd) {\n    --kui-slat-sign: -1;\n  }\n  .kui-slat-item:nth-child(even) {\n    --kui-slat-sign: 1;\n  }\n  .kui-slat-stage[data-kui-slat-fold=true] {\n    perspective: 1200px;\n  }\n  .kui-slat-stage:not([data-kui-slat-fold=true]) .kui-slat-item {\n    animation-name: kui-slat-assemble;\n  }\n  .kui-slat-stage[data-kui-slat-fold=true] .kui-slat-item {\n    animation-name: kui-slat-assemble-fold;\n  }\n  @keyframes kui-slat-assemble {\n    from {\n      opacity: 0;\n      translate: calc(var(--kui-slat-sign, 1) * var(--kui-slat-dx, 0) * 38%) calc(var(--kui-slat-sign, 1) * var(--kui-slat-dy, 1) * 38%);\n    }\n    12% {\n      opacity: 1;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-slat-assemble-fold {\n    from {\n      opacity: 0;\n      translate: calc(var(--kui-slat-sign, 1) * var(--kui-slat-dx, 0) * 38%) calc(var(--kui-slat-sign, 1) * var(--kui-slat-dy, 1) * 38%);\n      rotate: var(--kui-slat-dx, 0) var(--kui-slat-dy, 1) 0 calc(var(--kui-slat-sign, 1) * 38deg);\n    }\n    12% {\n      opacity: 1;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n      rotate: var(--kui-slat-dx, 0) var(--kui-slat-dy, 1) 0 0deg;\n    }\n  }\n}\n\n/* src/css/text.css */\n@layer kui.effects {\n  .kui-sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n  .kui-split-decorative {\n    display: inline;\n  }\n  .kui-split-item {\n    display: inline-block;\n    animation-duration: var(--kui-duration, 500ms);\n    animation-delay: calc(var(--kui-delay, 0ms) + var(--kui-i, 0) * var(--kui-stagger, 30ms));\n    animation-timing-function: var(--kui-ease, ease-out);\n    animation-fill-mode: both;\n  }\n  .kui-split-word {\n    display: inline-block;\n  }\n  .kui-split-line {\n    display: block;\n  }\n  [data-kui-split-fx=fade] .kui-split-item {\n    animation-name: kui-split-reveal-fade;\n  }\n  [data-kui-split-fx=up] .kui-split-item {\n    animation-name: kui-split-reveal-up;\n  }\n  [data-kui-split-fx=down] .kui-split-item {\n    animation-name: kui-split-reveal-down;\n  }\n  [data-kui-split-fx=mask] .kui-split-item {\n    animation-name: kui-split-reveal-mask;\n    padding-block: var(--kui-mask-bleed, 0px);\n    margin-block: calc(-1 * var(--kui-mask-bleed, 0px));\n  }\n  [data-kui-state=finished] [data-kui-split-fx] .kui-split-line {\n    animation-name: none;\n    opacity: 1;\n    clip-path: none;\n    translate: none;\n  }\n  @keyframes kui-split-reveal-fade {\n    from {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-split-reveal-up {\n    from {\n      opacity: 0;\n      translate: 0 0.6em;\n    }\n  }\n  @keyframes kui-split-reveal-down {\n    from {\n      opacity: 0;\n      translate: 0 -0.6em;\n    }\n  }\n  @keyframes kui-split-reveal-mask {\n    from {\n      opacity: 0;\n      clip-path: inset(0 0 100% 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  [data-kui-split-fx=wave] .kui-split-item {\n    animation-name: kui-split-wave;\n    animation-duration: 1400ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: ease-in-out;\n  }\n  [data-kui-split-fx=jitter] .kui-split-item {\n    animation-name: kui-split-jitter;\n    animation-duration: 220ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: ease-in-out;\n    animation-direction: alternate;\n  }\n  @keyframes kui-split-wave {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 -0.35em;\n    }\n  }\n  @keyframes kui-split-jitter {\n    from {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n    to {\n      translate: 0 0.08em;\n      rotate: 3deg;\n    }\n  }\n  .kui-typewriter::after {\n    content: \"\";\n    display: inline-block;\n    width: 0.08em;\n    margin-inline-start: 0.05em;\n    height: 1em;\n    vertical-align: -0.15em;\n    background: currentColor;\n    animation: kui-caret-blink 1s steps(1) infinite;\n  }\n  @keyframes kui-caret-blink {\n    50% {\n      opacity: 0;\n    }\n  }\n  .kui-scramble {\n    font-variant-numeric: tabular-nums;\n  }\n  [data-kui-fx~=word-cycler] {\n    display: inline-block;\n  }\n  [data-kui-fx~=word-cycler].kui-word-cycler-swap {\n    opacity: 0;\n  }\n  [data-kui-fx~=gradient-shimmer] {\n    background-image:\n      linear-gradient(\n        100deg,\n        currentColor 40%,\n        color-mix(in srgb, currentColor 35%, transparent) 50%,\n        currentColor 60%);\n    background-size: 220% 100%;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    --kui-fx-gradient-shimmer-iterations: infinite;\n  }\n  @keyframes kui-gradient-shimmer {\n    from {\n      background-position: 200% 0;\n    }\n    to {\n      background-position: -200% 0;\n    }\n  }\n  [data-kui-fx~=gradient-sweep] {\n    background-image:\n      linear-gradient(\n        100deg,\n        transparent 30%,\n        color-mix(in srgb, var(--kui-sweep-color, currentColor) 70%, transparent) 50%,\n        transparent 70%);\n    background-size: 260% 100%;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  @keyframes kui-gradient-sweep {\n    from {\n      background-position: 220% 0;\n    }\n    to {\n      background-position: -60% 0;\n    }\n  }\n  [data-kui-fx~=highlight-sweep] {\n    background-image: linear-gradient(90deg, color-mix(in srgb, var(--kui-sweep-color, currentColor) 55%, transparent) 0 100%);\n    background-repeat: no-repeat;\n    background-size: 0% 100%;\n    padding: 0 0.05em;\n  }\n  @keyframes kui-highlight-sweep {\n    to {\n      background-size: 100% 100%;\n    }\n  }\n  [data-kui-fx~=underline-draw] {\n    background-image: linear-gradient(var(--kui-sweep-color, currentColor), var(--kui-sweep-color, currentColor));\n    background-repeat: no-repeat;\n    background-position: 0 100%;\n    background-size: 0% 2px;\n    padding-bottom: 0.15em;\n  }\n  @keyframes kui-underline-draw {\n    to {\n      background-size: 100% 2px;\n    }\n  }\n  [data-kui-fx~=text-outline-fill] {\n    -webkit-text-stroke: 1px currentColor;\n    -webkit-text-fill-color: transparent;\n  }\n  @keyframes kui-text-outline-fill {\n    to {\n      -webkit-text-fill-color: currentColor;\n    }\n  }\n  @keyframes kui-var-weight {\n    from {\n      font-weight: var(--kui-from-weight, 100);\n    }\n    to {\n      font-weight: var(--kui-to-weight, 800);\n    }\n  }\n  @keyframes kui-var-width {\n    from {\n      font-stretch: var(--kui-from-width, 75%);\n    }\n    to {\n      font-stretch: var(--kui-to-width, 125%);\n    }\n  }\n  @keyframes kui-var-slant {\n    from {\n      font-style: oblique var(--kui-from-slant, 0deg);\n    }\n    to {\n      font-style: oblique var(--kui-to-slant, 10deg);\n    }\n  }\n  @keyframes kui-var-axis {\n    from {\n      font-variation-settings: var(--kui-axis, \"wght\") var(--kui-from-axis, 100);\n    }\n    to {\n      font-variation-settings: var(--kui-axis, \"wght\") var(--kui-to-axis, 900);\n    }\n  }\n  [data-kui-fx~=marquee],\n  [data-kui-fx~=marquee-scroll-linked] {\n    display: flex;\n    width: max-content;\n    will-change: translate;\n  }\n  [data-kui-fx~=marquee] {\n    --kui-fx-marquee-iterations: infinite;\n  }\n  @keyframes kui-marquee {\n    to {\n      translate: -50% 0;\n    }\n  }\n  @property --kui-redaction-x { syntax: \"<percentage>\"; inherits: true; initial-value: 0%; }\n  [data-kui-fx~=redaction-reveal] {\n    position: relative;\n    display: inline-block;\n  }\n  [data-kui-fx~=redaction-reveal]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--kui-bar-color, #111);\n    clip-path: inset(0 0 0 var(--kui-redaction-x));\n  }\n  @keyframes kui-redaction-reveal {\n    to {\n      --kui-redaction-x: 100%;\n    }\n  }\n  [data-kui-fx~=text-3d-extrude] {\n    display: inline-block;\n    text-shadow:\n      1px 1px 0 color-mix(in srgb, currentColor 70%, transparent),\n      2px 2px 0 color-mix(in srgb, currentColor 60%, transparent),\n      3px 3px 0 color-mix(in srgb, currentColor 50%, transparent),\n      4px 4px 0 color-mix(in srgb, currentColor 40%, transparent),\n      5px 5px 0 color-mix(in srgb, currentColor 30%, transparent),\n      6px 6px 8px rgb(0 0 0 / 0.35);\n  }\n  @keyframes kui-text-3d-extrude {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -20deg));\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 32px));\n    }\n    to {\n      rotate: 0deg;\n      translate: 0 0;\n    }\n  }\n}\n\n/* src/css/navigation.css */\n@layer kui.effects {\n  @keyframes kui-nav-reveal {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 16px));\n    }\n  }\n  @keyframes kui-menu-fullscreen {\n    from {\n      opacity: 0;\n      clip-path: circle(0% at var(--kui-origin, 100% 0%));\n    }\n    to {\n      opacity: 1;\n      clip-path: circle(150% at var(--kui-origin, 100% 0%));\n    }\n  }\n  @keyframes kui-panel-reveal {\n    from {\n      opacity: 0;\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -1);\n    }\n  }\n  @keyframes kui-drawer-slide-right {\n    from {\n      translate: 100% 0;\n    }\n  }\n  [data-kui-fx~=header-shrink] {\n    --kui-shrink: 0;\n    padding-block: calc(1.4rem - 0.7rem * var(--kui-shrink, 0));\n    font-size: calc(1rem - 0.15rem * var(--kui-shrink, 0));\n  }\n  [data-kui-fx~=header-shrink][data-kui-shrunk=true] {\n    box-shadow: 0 2px 10px rgb(0 0 0 / 0.12);\n  }\n  [data-kui-fx~=header-hide-on-scroll][data-kui-hidden=true] {\n    translate: 0 -100%;\n  }\n  [data-kui-fx~=back-to-top-fade] {\n    opacity: 0;\n    translate: 0 12px;\n    pointer-events: none;\n  }\n  [data-kui-fx~=back-to-top-fade][data-kui-visible=true] {\n    opacity: 1;\n    translate: 0 0;\n    pointer-events: auto;\n  }\n}\n\n/* src/css/forms.css */\n@layer kui.effects {\n  [data-kui-fx~=label-float] ~ label {\n    transition: translate 180ms ease-out, scale 180ms ease-out;\n    transform-origin: left center;\n  }\n  [data-kui-fx~=label-float]:focus ~ label,\n  [data-kui-fx~=label-float]:not(:placeholder-shown) ~ label {\n    translate: 0 -1.35rem;\n    scale: 0.82;\n  }\n  [data-kui-fx~=input-underline-grow] ~ .kui-underline {\n    display: block;\n    height: 2px;\n    background: currentColor;\n    scale: 0 1;\n    transform-origin: left center;\n    transition: scale 220ms ease-out;\n  }\n  [data-kui-fx~=input-underline-grow]:focus ~ .kui-underline {\n    scale: 1 1;\n  }\n  @keyframes kui-focus-ring-grow {\n    from {\n      box-shadow: 0 0 0 0 var(--kui-ring-color, rgb(210 105 30 / 0.55));\n    }\n    to {\n      box-shadow: 0 0 0 5px var(--kui-ring-color, rgb(210 105 30 / 0.55));\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=focus-ring-grow] {\n      animation: none;\n    }\n    [data-kui-fx~=focus-ring-grow]:focus {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n  @keyframes kui-validate-shake {\n    10%, 90% {\n      translate: -1px 0;\n    }\n    20%, 80% {\n      translate: 2px 0;\n    }\n    30%, 50%, 70% {\n      translate: -4px 0;\n    }\n    40%, 60% {\n      translate: 4px 0;\n    }\n  }\n  [data-kui-fx~=validate-check] {\n    stroke-dasharray: 24;\n    stroke-dashoffset: 24;\n  }\n  @keyframes kui-validate-check {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=strength-meter] ~ .kui-meter > * {\n    background: var(--kui-meter-off, currentColor);\n    opacity: 0.2;\n    transition: opacity 200ms ease-out, background-color 200ms ease-out;\n  }\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"1\"] ~ .kui-meter > *:nth-child(-n+1),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"2\"] ~ .kui-meter > *:nth-child(-n+2),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"3\"] ~ .kui-meter > *:nth-child(-n+3),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"4\"] ~ .kui-meter > *:nth-child(-n+4),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"5\"] ~ .kui-meter > *:nth-child(-n+5),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"6\"] ~ .kui-meter > *:nth-child(-n+6),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"7\"] ~ .kui-meter > *:nth-child(-n+7),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"8\"] ~ .kui-meter > *:nth-child(-n+8),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"9\"] ~ .kui-meter > *:nth-child(-n+9),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"10\"] ~ .kui-meter > *:nth-child(-n+10),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"11\"] ~ .kui-meter > *:nth-child(-n+11),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"12\"] ~ .kui-meter > *:nth-child(-n+12),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"13\"] ~ .kui-meter > *:nth-child(-n+13),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"14\"] ~ .kui-meter > *:nth-child(-n+14),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"15\"] ~ .kui-meter > *:nth-child(-n+15),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"16\"] ~ .kui-meter > *:nth-child(-n+16),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"17\"] ~ .kui-meter > *:nth-child(-n+17),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"18\"] ~ .kui-meter > *:nth-child(-n+18),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"19\"] ~ .kui-meter > *:nth-child(-n+19),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"20\"] ~ .kui-meter > *:nth-child(-n+20) {\n    opacity: 1;\n    background: var(--kui-meter-on, #2e9e5b);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=strength-meter] ~ .kui-meter > * {\n      outline: 1px solid CanvasText;\n      outline-offset: -1px;\n    }\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"1\"] ~ .kui-meter > *:nth-child(-n+1),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"2\"] ~ .kui-meter > *:nth-child(-n+2),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"3\"] ~ .kui-meter > *:nth-child(-n+3),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"4\"] ~ .kui-meter > *:nth-child(-n+4),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"5\"] ~ .kui-meter > *:nth-child(-n+5),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"6\"] ~ .kui-meter > *:nth-child(-n+6),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"7\"] ~ .kui-meter > *:nth-child(-n+7),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"8\"] ~ .kui-meter > *:nth-child(-n+8),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"9\"] ~ .kui-meter > *:nth-child(-n+9),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"10\"] ~ .kui-meter > *:nth-child(-n+10),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"11\"] ~ .kui-meter > *:nth-child(-n+11),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"12\"] ~ .kui-meter > *:nth-child(-n+12),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"13\"] ~ .kui-meter > *:nth-child(-n+13),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"14\"] ~ .kui-meter > *:nth-child(-n+14),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"15\"] ~ .kui-meter > *:nth-child(-n+15),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"16\"] ~ .kui-meter > *:nth-child(-n+16),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"17\"] ~ .kui-meter > *:nth-child(-n+17),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"18\"] ~ .kui-meter > *:nth-child(-n+18),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"19\"] ~ .kui-meter > *:nth-child(-n+19),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"20\"] ~ .kui-meter > *:nth-child(-n+20) {\n      background: Highlight;\n    }\n  }\n  [data-kui-fx~=toggle-morph] ~ .kui-track {\n    display: inline-block;\n    width: calc(40px * var(--kui-toggle-scale, 1));\n    height: calc(22px * var(--kui-toggle-scale, 1));\n    border-radius: 999px;\n    background: var(--muted, #9a8d80);\n    transition: background-color 200ms ease-out;\n    position: relative;\n  }\n  [data-kui-fx~=toggle-morph] ~ .kui-track .kui-thumb {\n    position: absolute;\n    top: calc(2px * var(--kui-toggle-scale, 1));\n    left: calc(2px * var(--kui-toggle-scale, 1));\n    width: calc(18px * var(--kui-toggle-scale, 1));\n    height: calc(18px * var(--kui-toggle-scale, 1));\n    border-radius: 50%;\n    background: var(--kui-thumb-color, #fff);\n    translate: 0 0;\n    transition: translate 200ms ease-out;\n  }\n  [data-kui-fx~=toggle-morph]:checked ~ .kui-track {\n    background: var(--accent, #d2691e);\n  }\n  [data-kui-fx~=toggle-morph]:checked ~ .kui-track .kui-thumb {\n    translate: calc(18px * var(--kui-toggle-scale, 1)) 0;\n  }\n  [data-kui-fx~=checkbox-draw] ~ svg path {\n    stroke-dasharray: 24;\n    stroke-dashoffset: 24;\n    transition: stroke-dashoffset 220ms ease-out;\n  }\n  [data-kui-fx~=checkbox-draw]:checked ~ svg path {\n    stroke-dashoffset: 0;\n  }\n  [data-kui-fx~=radio-fill] ~ .kui-dot {\n    display: inline-block;\n    width: calc(10px * var(--kui-radio-scale, 1));\n    height: calc(10px * var(--kui-radio-scale, 1));\n    border-radius: 50%;\n    background: var(--accent, #d2691e);\n    scale: 0;\n    transition: scale 180ms ease-out;\n  }\n  [data-kui-fx~=radio-fill]:checked ~ .kui-dot {\n    scale: 1;\n  }\n  [data-kui-fx~=range-fill] {\n    --kui-fill: 0%;\n    accent-color: var(--accent, #d2691e);\n    background:\n      linear-gradient(\n        to right,\n        var(--accent, #d2691e) var(--kui-fill, 0%),\n        var(--border, #2a2422) var(--kui-fill, 0%));\n    height: 4px;\n    border-radius: 999px;\n    appearance: none;\n    outline: none;\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=range-fill] {\n      background:\n        linear-gradient(\n          to right,\n          Highlight var(--kui-fill, 0%),\n          ButtonFace var(--kui-fill, 0%));\n    }\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-idle,\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-loading,\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-done {\n    display: none;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=idle] .kui-stage-idle,\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=loading] .kui-stage-loading,\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=done] .kui-stage-done {\n    display: inline-flex;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-spinner {\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    animation: kui-spin 700ms linear infinite;\n  }\n  @keyframes kui-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=step-progress] {\n    cursor: pointer;\n  }\n  [data-kui-fx~=step-progress] > [data-kui-step-state],\n  .kui-step-track > [data-kui-step-state] {\n    background: var(--muted, #9a8d80);\n    opacity: 0.35;\n    transition: opacity 200ms ease-out, background-color 200ms ease-out;\n  }\n  [data-kui-fx~=step-progress] > [data-kui-step-state=before],\n  [data-kui-fx~=step-progress] > [data-kui-step-state=active],\n  .kui-step-track > [data-kui-step-state=before],\n  .kui-step-track > [data-kui-step-state=active] {\n    opacity: 1;\n    background: var(--accent, #d2691e);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=step-progress] > [data-kui-step-state],\n    .kui-step-track > [data-kui-step-state] {\n      outline: 1px solid CanvasText;\n      outline-offset: -1px;\n    }\n    [data-kui-fx~=step-progress] > [data-kui-step-state=before],\n    [data-kui-fx~=step-progress] > [data-kui-step-state=active],\n    .kui-step-track > [data-kui-step-state=before],\n    .kui-step-track > [data-kui-step-state=active] {\n      background: Highlight;\n    }\n  }\n}\n\n/* src/css/ambient.css */\n@layer kui.effects {\n  [data-kui-fx~=gradient-mesh] {\n    background-image:\n      radial-gradient(\n        at 15% 20%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #7c3aed)) 55%, transparent),\n        transparent 55%),\n      radial-gradient(\n        at 85% 15%,\n        color-mix(in srgb, var(--kui-ambient-c2, var(--kui-c2, #06b6d4)) 50%, transparent),\n        transparent 55%),\n      radial-gradient(\n        at 50% 85%,\n        color-mix(in srgb, var(--kui-ambient-c3, var(--kui-c3, #f97316)) 45%, transparent),\n        transparent 55%);\n    background-size: 200% 200%;\n    --kui-fx-gradient-mesh-iterations: infinite;\n  }\n  @keyframes kui-gradient-mesh {\n    0%, 100% {\n      background-position:\n        0% 0%,\n        100% 0%,\n        50% 100%;\n    }\n    50% {\n      background-position:\n        25% 35%,\n        75% 30%,\n        35% 70%;\n    }\n  }\n  [data-kui-fx~=aurora] {\n    background-image:\n      linear-gradient(\n        120deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #34d399)) 45%, transparent),\n        transparent 45%),\n      linear-gradient(\n        240deg,\n        color-mix(in srgb, var(--kui-ambient-c2, var(--kui-c2, #60a5fa)) 45%, transparent),\n        transparent 45%),\n      linear-gradient(\n        0deg,\n        color-mix(in srgb, var(--kui-ambient-c3, var(--kui-c3, #c084fc)) 40%, transparent),\n        transparent 50%);\n    background-size: 260% 260%;\n    --kui-fx-aurora-iterations: infinite;\n  }\n  @keyframes kui-aurora {\n    0%, 100% {\n      background-position:\n        0% 50%,\n        100% 50%,\n        50% 0%;\n    }\n    50% {\n      background-position:\n        60% 30%,\n        40% 70%,\n        55% 60%;\n    }\n  }\n  [data-kui-fx~=wave-blob] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #22d3ee)) 50%, transparent),\n        transparent 60%);\n    background-size: 140% 140%;\n    background-repeat: no-repeat;\n    --kui-fx-wave-blob-iterations: infinite;\n  }\n  @keyframes kui-wave-blob {\n    0%, 100% {\n      background-position: 20% 30%;\n      background-size: 140% 140%;\n    }\n    33% {\n      background-position: 70% 20%;\n      background-size: 160% 160%;\n    }\n    66% {\n      background-position: 50% 75%;\n      background-size: 120% 120%;\n    }\n  }\n  [data-kui-fx~=spotlight-follow] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #fde68a)) 65%, transparent),\n        transparent 65%);\n    background-size: 55% 55%;\n    background-repeat: no-repeat;\n    --kui-fx-spotlight-follow-iterations: infinite;\n  }\n  @keyframes kui-spotlight-follow {\n    0%, 100% {\n      background-position: 10% 15%;\n    }\n    25% {\n      background-position: 85% 20%;\n    }\n    50% {\n      background-position: 80% 80%;\n    }\n    75% {\n      background-position: 15% 75%;\n    }\n  }\n  [data-kui-fx~=gradient-rotate-border] {\n    position: relative;\n    background-image:\n      linear-gradient(\n        90deg,\n        var(--kui-ambient-c1, var(--kui-c1, #f472b6)),\n        var(--kui-ambient-c2, var(--kui-c2, #60a5fa)),\n        var(--kui-ambient-c3, var(--kui-c3, #34d399)),\n        var(--kui-ambient-c4, var(--kui-c4, #fbbf24)),\n        var(--kui-ambient-c1, var(--kui-c1, #f472b6)));\n    background-size: 300% 100%;\n    padding: 3px;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    -webkit-mask-composite: xor;\n    --kui-fx-gradient-rotate-border-iterations: infinite;\n  }\n  @keyframes kui-gradient-rotate-border {\n    from {\n      background-position: 0% 50%;\n    }\n    to {\n      background-position: 300% 50%;\n    }\n  }\n  [data-kui-fx~=gradient-border] {\n    position: relative;\n    background-image:\n      linear-gradient(\n        90deg,\n        var(--kui-ambient-c1, var(--kui-c1, #7c3aed)),\n        var(--kui-ambient-c2, var(--kui-c2, #fbbf24)),\n        var(--kui-ambient-c1, var(--kui-c1, #7c3aed)));\n    background-size: 300% 100%;\n    padding: var(--kui-gradient-border-width, 3px);\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    -webkit-mask-composite: xor;\n    --kui-fx-gradient-border-iterations: infinite;\n  }\n  @keyframes kui-gradient-border {\n    from {\n      background-position: 0% 50%;\n    }\n    to {\n      background-position: 300% 50%;\n    }\n  }\n  [data-kui-fx~=scanline] {\n    background-image:\n      linear-gradient(\n        to bottom,\n        transparent,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 35%, transparent) 50%,\n        transparent);\n    background-size: 100% 220%;\n    background-repeat: no-repeat;\n    --kui-fx-scanline-iterations: infinite;\n  }\n  @keyframes kui-scanline {\n    from {\n      background-position: 0 -120%;\n    }\n    to {\n      background-position: 0 120%;\n    }\n  }\n  [data-kui-fx~=dot-grid-drift] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 45%, transparent) 1.5px,\n        transparent 1.5px);\n    background-size: 22px 22px;\n    --kui-fx-dot-grid-drift-iterations: infinite;\n  }\n  @keyframes kui-dot-grid-drift {\n    from {\n      background-position: 0 0;\n    }\n    to {\n      background-position: 22px 22px;\n    }\n  }\n  [data-kui-fx~=line-grid-drift] {\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 30%, transparent) 0 1px,\n        transparent 1px 26px),\n      repeating-linear-gradient(\n        90deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 30%, transparent) 0 1px,\n        transparent 1px 26px);\n    --kui-fx-line-grid-drift-iterations: infinite;\n  }\n  @keyframes kui-line-grid-drift {\n    from {\n      background-position: 0 0, 0 0;\n    }\n    to {\n      background-position: 0 26px, 26px 0;\n    }\n  }\n  [data-kui-fx~=starfield] {\n    background-image:\n      radial-gradient(\n        1.5px 1.5px at 22% 34%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 45%, transparent) 0 0.45px,\n        transparent 100%),\n      radial-gradient(\n        2.6px 2.6px at 68% 12%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 92%, transparent) 0 1px,\n        transparent 100%),\n      radial-gradient(\n        1.6px 1.6px at 41% 77%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 50%, transparent) 0 0.5px,\n        transparent 100%),\n      radial-gradient(\n        1.7px 1.7px at 85% 58%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 58%, transparent) 0 0.55px,\n        transparent 100%),\n      radial-gradient(\n        2.2px 2.2px at 12% 88%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 78%, transparent) 0 0.8px,\n        transparent 100%),\n      radial-gradient(\n        3px 3px at 57% 45%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 100%, transparent) 0 1.2px,\n        transparent 100%),\n      radial-gradient(\n        1.9px 1.9px at 33% 63%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 68%, transparent) 0 0.65px,\n        transparent 100%);\n    background-size:\n      170px 170px,\n      190px 190px,\n      210px 210px,\n      230px 230px,\n      250px 250px,\n      270px 270px,\n      290px 290px;\n    background-repeat: repeat;\n    --kui-fx-starfield-iterations: infinite;\n  }\n  @keyframes kui-starfield {\n    from {\n      background-position:\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0;\n    }\n    to {\n      background-position:\n        170px 170px,\n        380px 380px,\n        210px 210px,\n        230px 230px,\n        250px 250px,\n        540px 540px,\n        290px 290px;\n    }\n  }\n  [data-kui-fx~=orbit] {\n    --kui-fx-orbit-iterations: infinite;\n  }\n  @keyframes kui-orbit {\n    to {\n      rotate: var(--kui-to-angle, 360deg);\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=gradient-mesh],\n    [data-kui-fx~=aurora],\n    [data-kui-fx~=wave-blob],\n    [data-kui-fx~=spotlight-follow],\n    [data-kui-fx~=scanline],\n    [data-kui-fx~=dot-grid-drift],\n    [data-kui-fx~=line-grid-drift],\n    [data-kui-fx~=starfield] {\n      background-image: none;\n    }\n    [data-kui-fx~=gradient-rotate-border],\n    [data-kui-fx~=gradient-border] {\n      background-image: none;\n      background-color: CanvasText;\n    }\n  }\n  [data-kui-fx~=float] {\n    --kui-fx-float-iterations: infinite;\n  }\n  @keyframes kui-float {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 14px)) * -1);\n    }\n  }\n  [data-kui-fx~=bob] {\n    --kui-fx-bob-iterations: infinite;\n  }\n  @keyframes kui-bob {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 8px)) * -1);\n    }\n  }\n  [data-kui-fx~=floating-shapes] {\n    --kui-fx-floating-shapes-iterations: infinite;\n  }\n  @keyframes kui-floating-shapes {\n    0%, 100% {\n      translate: 0 0;\n    }\n    33% {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * 0.6) calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -1);\n    }\n    66% {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -0.6) calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -0.4);\n    }\n  }\n  [data-kui-fx~=glow-pulse] {\n    --kui-fx-glow-pulse-iterations: infinite;\n  }\n  @keyframes kui-glow-pulse {\n    0%, 100% {\n      scale: 1;\n      opacity: 0.6;\n    }\n    50% {\n      scale: var(--kui-pulse-scale, 1.15);\n      opacity: 1;\n    }\n  }\n}\n\n/* src/css/feedback.css */\n@layer kui.effects {\n  [data-kui-fx~=skeleton-shimmer] {\n    background-color: var(--kui-skeleton-base, #2a2422);\n    background-image:\n      linear-gradient(\n        100deg,\n        transparent 30%,\n        color-mix(in srgb, var(--kui-skeleton-highlight, #ffffff) 18%, transparent) 50%,\n        transparent 70%);\n    background-size: 200% 100%;\n    --kui-fx-skeleton-shimmer-iterations: infinite;\n  }\n  @keyframes kui-skeleton-shimmer {\n    from {\n      background-position: 150% 0;\n    }\n    to {\n      background-position: -50% 0;\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=skeleton-shimmer] {\n      background-image: none;\n    }\n  }\n  @keyframes kui-skeleton-to-content {\n    from {\n      opacity: 0;\n    }\n  }\n  [data-kui-fx~=spinner] {\n    display: inline-block;\n    width: var(--kui-spinner-size, 28px);\n    height: var(--kui-spinner-size, 28px);\n    border-radius: 50%;\n    border: 3px solid color-mix(in srgb, currentColor 20%, transparent);\n    border-top-color: currentColor;\n    --kui-fx-spinner-iterations: infinite;\n  }\n  @keyframes kui-spinner-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=spinner-ring] {\n    display: inline-block;\n    width: var(--kui-spinner-size, 28px);\n    height: var(--kui-spinner-size, 28px);\n    border-radius: 50%;\n    border: 3px dashed color-mix(in srgb, currentColor 55%, transparent);\n    --kui-fx-spinner-ring-iterations: infinite;\n  }\n  @keyframes kui-spinner-ring-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=spinner-dots] {\n    display: inline-block;\n    width: var(--kui-dot-size, 8px);\n    height: var(--kui-dot-size, 8px);\n    border-radius: 50%;\n    background: currentColor;\n    box-shadow: calc(var(--kui-dot-size, 8px) * -2) 0 currentColor, calc(var(--kui-dot-size, 8px) * 2) 0 currentColor;\n    --kui-fx-spinner-dots-iterations: infinite;\n  }\n  @keyframes kui-spinner-dots {\n    0%, 80%, 100% {\n      scale: 0.7;\n      opacity: 0.5;\n    }\n    40% {\n      scale: 1.15;\n      opacity: 1;\n    }\n  }\n  [data-kui-fx~=progress-indeterminate] {\n    transform-origin: 0% 50%;\n    background: currentColor;\n    border-radius: inherit;\n    --kui-fx-progress-indeterminate-iterations: infinite;\n  }\n  @keyframes kui-progress-indeterminate {\n    0% {\n      translate: -100% 0;\n      scale: 0.4 1;\n    }\n    50% {\n      scale: 1 1;\n    }\n    100% {\n      translate: 100% 0;\n      scale: 0.4 1;\n    }\n  }\n  @keyframes kui-toast-slide-in {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-toast-slide-out {\n    from {\n      opacity: 1;\n      translate: 0 0;\n    }\n    to {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-shake-error {\n    10%, 90% {\n      translate: -1px 0;\n    }\n    20%, 80% {\n      translate: 2px 0;\n    }\n    30%, 50%, 70% {\n      translate: -4px 0;\n    }\n    40%, 60% {\n      translate: 4px 0;\n    }\n  }\n  @keyframes kui-wobble {\n    0% {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n    15% {\n      translate: -6px 0;\n      rotate: -6deg;\n    }\n    30% {\n      translate: 4px 0;\n      rotate: 4deg;\n    }\n    45% {\n      translate: -3px 0;\n      rotate: -3deg;\n    }\n    60% {\n      translate: 2px 0;\n      rotate: 2deg;\n    }\n    75% {\n      translate: -1px 0;\n      rotate: -1deg;\n    }\n    100% {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n  }\n  @property --kui-ripple-progress { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  @property --kui-ripple-alpha { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  [data-kui-fx~=ripple] {\n    position: relative;\n  }\n  [data-kui-fx~=ripple]::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    background: var(--kui-ripple-color, currentColor);\n    pointer-events: none;\n    opacity: var(--kui-ripple-alpha);\n    scale: calc(var(--kui-ripple-start, 0.2) + (var(--kui-ripple-scale, 4) - var(--kui-ripple-start, 0.2)) * var(--kui-ripple-progress));\n  }\n  @keyframes kui-ripple {\n    0% {\n      --kui-ripple-progress: 0;\n      --kui-ripple-alpha: 0;\n    }\n    8% {\n      --kui-ripple-alpha: var(--kui-ripple-opacity, 0.6);\n    }\n    100% {\n      --kui-ripple-progress: 1;\n      --kui-ripple-alpha: 0;\n    }\n  }\n  @keyframes kui-badge-pop {\n    0% {\n      scale: 0.4;\n    }\n    60% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    100% {\n      scale: 1;\n    }\n  }\n  @keyframes kui-count-bump {\n    0%, 100% {\n      scale: 1;\n    }\n    50% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n  }\n  [data-kui-fx~=heart-burst] {\n    color: var(--kui-heart-color, #f43f5e);\n  }\n  @keyframes kui-heart-burst {\n    0% {\n      scale: 1;\n    }\n    30% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    55% {\n      scale: 0.9;\n    }\n    100% {\n      scale: 1;\n    }\n  }\n  @property --kui-confetti-travel { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  @property --kui-confetti-fade { syntax: \"<percentage>\"; inherits: true; initial-value: 0%; }\n  [data-kui-fx~=confetti-burst] {\n    position: relative;\n  }\n  [data-kui-fx~=confetti-burst]::after {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-confetti-spill, 24px));\n    pointer-events: none;\n    --kui-confetti-alpha: clamp(0%, var(--kui-confetti-fade), 100%);\n    background-image:\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c1, var(--kui-c1, #f43f5e)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c2, var(--kui-c2, #fbbf24)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c3, var(--kui-c3, #34d399)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c4, var(--kui-c4, #60a5fa)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c5, var(--kui-c5, #c084fc)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%);\n    background-repeat: no-repeat;\n    background-size: var(--kui-confetti-size, 6px) var(--kui-confetti-size, 6px);\n    background-position:\n      calc(50% - var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.9 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 0.55 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.72 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 0.86 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * var(--kui-confetti-travel)) calc(50% + var(--kui-confetti-distance, 45%) * 0.18 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% - var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.62 * var(--kui-confetti-travel)) calc(50% + var(--kui-confetti-distance, 45%) * 0.72 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.1 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 1.05 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel));\n  }\n  @keyframes kui-confetti-burst {\n    0% {\n      scale: 1;\n      --kui-confetti-travel: 0;\n      --kui-confetti-fade: 0%;\n    }\n    14% {\n      --kui-confetti-fade: 100%;\n    }\n    30% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    70% {\n      scale: 1;\n      --kui-confetti-fade: 100%;\n    }\n    100% {\n      scale: 1;\n      --kui-confetti-travel: 1;\n      --kui-confetti-fade: 0%;\n    }\n  }\n  @keyframes kui-copy-confirm {\n    0% {\n      opacity: 0;\n    }\n    15% {\n      opacity: 1;\n    }\n    85% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-pull-to-refresh {\n    0% {\n      translate: 0 0;\n    }\n    45% {\n      translate: 0 var(--kui-pull-distance, 36px);\n    }\n    100% {\n      translate: 0 0;\n    }\n  }\n}\n\n/* src/css/numbers.css */\n@layer kui.effects {\n  @keyframes kui-progress-ring {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-gauge-sweep {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-donut-sweep {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-sparkline-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 1000);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=progress-ring],\n  [data-kui-fx~=gauge-sweep],\n  [data-kui-fx~=donut-sweep],\n  [data-kui-fx~=sparkline-draw] {\n    stroke-dasharray: var(--kui-path-length, 100);\n    fill: none;\n  }\n  @keyframes kui-progress-bar {\n    from {\n      scale: var(--kui-gate-bar-from, var(--kui-bar-from, 0)) 1;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  [data-kui-fx~=progress-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=progress-bar][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-progress-segments {\n    from {\n      opacity: 0.18;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes kui-star-rating-fill {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 calc(100% - var(--kui-fill, 100%)) 0 0);\n    }\n  }\n  .kui-count-decorative {\n    display: inline-flex;\n    align-items: baseline;\n  }\n  .kui-odometer-col {\n    display: inline-block;\n    overflow: hidden;\n    height: 1em;\n    line-height: 1;\n    vertical-align: baseline;\n  }\n  .kui-odometer-strip {\n    display: flex;\n    flex-direction: column;\n    translate: 0 calc(var(--kui-o, 0) * -1em);\n    transition: translate 220ms ease-out;\n  }\n  .kui-odometer-strip > span {\n    height: 1em;\n    line-height: 1;\n  }\n}\n\n/* src/css/interaction.css */\n@layer kui.effects {\n  @property --kui-border-angle { syntax: \"<angle>\"; inherits: false; initial-value: 0deg; }\n  @property --kui-border-pct { syntax: \"<percentage>\"; inherits: false; initial-value: 0%; }\n  [data-kui-fx~=lift]:focus-visible {\n    translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n    --kui-tx-delay-lift: var(--kui-lift-delay, 0ms);\n  }\n  [data-kui-fx~=pop]:focus-visible {\n    scale: var(--kui-pop-scale, 1.06);\n    --kui-tx-delay-pop: var(--kui-pop-delay, 0ms);\n  }\n  [data-kui-fx~=lift-shadow]:focus-visible {\n    translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n    box-shadow: 0 14px 28px -12px rgb(0 0 0 / 0.45);\n    --kui-tx-delay-lift-shadow: var(--kui-lift-shadow-delay, 0ms);\n  }\n  [data-kui-fx~=shine-sweep] {\n    position: relative;\n    overflow: hidden;\n  }\n  [data-kui-fx~=shine-sweep]::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        var(--kui-shine-sweep-angle, 115deg),\n        transparent calc(50% - var(--kui-shine-sweep-width, 0.2) * 50%),\n        var(--kui-shine-sweep-color, var(--kui-c1, rgb(255 255 255 / 0.35))) 50%,\n        transparent calc(50% + var(--kui-shine-sweep-width, 0.2) * 50%));\n    background-size: 220% 100%;\n    background-position: 120% 0;\n    pointer-events: none;\n  }\n  [data-kui-fx~=shine-sweep]:focus-visible::after {\n    animation: kui-shine-sweep var(--kui-shine-sweep-duration, 700ms) var(--kui-shine-sweep-ease, ease-out) var(--kui-shine-sweep-delay, 0ms);\n  }\n  @keyframes kui-shine-sweep {\n    from {\n      background-position: 120% 0;\n    }\n    to {\n      background-position: -20% 0;\n    }\n  }\n  [data-kui-fx~=split-flap] {\n    display: inline-block;\n    perspective: var(--kui-split-flap-perspective, 600px);\n  }\n  [data-kui-fx~=split-flap]:focus-visible {\n    animation: kui-split-flap var(--kui-split-flap-duration, 600ms) var(--kui-split-flap-ease, ease-in-out) var(--kui-split-flap-delay, 0ms);\n  }\n  @keyframes kui-split-flap {\n    0%, 100% {\n      transform: perspective(var(--kui-split-flap-perspective, 600px)) translateZ(0) rotateX(0deg);\n    }\n    50% {\n      transform: perspective(var(--kui-split-flap-perspective, 600px)) translateZ(calc(var(--kui-split-flap-perspective, 600px) * 0.16)) rotateX(-32deg);\n    }\n  }\n  [data-kui-fx~=border-draw] {\n    position: relative;\n  }\n  [data-kui-fx~=border-draw]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-border-draw-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-border-draw-width, 2px);\n    background:\n      conic-gradient(\n        from -90deg,\n        var(--kui-border-draw-color, var(--accent, #d2691e)) 0 var(--kui-border-pct, 0%),\n        transparent 0);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n  [data-kui-fx~=border-draw]:focus-visible {\n    --kui-border-pct: 100%;\n    --kui-tx-delay-border-draw: var(--kui-border-draw-delay, 0ms);\n  }\n  [data-kui-fx~=border-glow]:focus-visible {\n    box-shadow: 0 0 0 3px var(--kui-border-glow-color, var(--accent, #d2691e));\n    --kui-tx-delay-border-glow: var(--kui-border-glow-delay, 0ms);\n  }\n  [data-kui-fx~=beam-border],\n  [data-kui-fx~=beam-border-auto] {\n    position: relative;\n  }\n  [data-kui-fx~=beam-border]::before,\n  [data-kui-fx~=beam-border-auto]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-beam-border-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-beam-border-width, 3px);\n    --kui-beam-arc-span: var(--kui-beam-border-arc, 100deg);\n    --kui-beam-arc-start: calc(360deg - var(--kui-beam-arc-span));\n    --kui-beam-arc-ramp: calc(var(--kui-beam-arc-span) * var(--kui-beam-border-softness, 0.22));\n    --kui-beam-arc-stop1: calc(var(--kui-beam-arc-start) + var(--kui-beam-arc-ramp));\n    --kui-beam-arc-stop4: calc(360deg - var(--kui-beam-arc-span) * 0.06);\n    --kui-beam-arc-step: calc((var(--kui-beam-arc-stop4) - var(--kui-beam-arc-stop1)) / 3);\n    background:\n      conic-gradient(\n        from var(--kui-border-angle, 0deg),\n        transparent 0deg,\n        transparent var(--kui-beam-arc-start),\n        var(--kui-beam-border-c1, #ff5f6d) var(--kui-beam-arc-stop1),\n        var(--kui-beam-border-c2, var(--kui-beam-border-c1, #ffc371)) calc(var(--kui-beam-arc-stop1) + var(--kui-beam-arc-step)),\n        var(--kui-beam-border-c3, var(--kui-beam-border-c1, #4facfe)) calc(var(--kui-beam-arc-stop1) + var(--kui-beam-arc-step) * 2),\n        var(--kui-beam-border-c4, var(--kui-beam-border-c1, #a855f7)) var(--kui-beam-arc-stop4),\n        transparent 360deg);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--kui-beam-border-fade-duration, 200ms) ease-out;\n  }\n  [data-kui-fx~=beam-border]:focus-visible::before {\n    opacity: 1;\n    transition-delay: var(--kui-beam-border-delay, 0ms);\n    animation: kui-beam-rotate var(--kui-beam-border-duration, 4260ms) linear var(--kui-beam-border-delay, 0ms) infinite;\n  }\n  [data-kui-fx~=beam-border-auto]::before {\n    opacity: 1;\n    animation: kui-beam-rotate var(--kui-beam-border-auto-duration, 4260ms) linear infinite;\n  }\n  @keyframes kui-beam-rotate {\n    to {\n      --kui-border-angle: 360deg;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-fx~=beam-border]:focus-visible::before,\n    [data-kui-fx~=beam-border-auto]::before {\n      animation: none;\n      --kui-border-angle: 45deg;\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=border-draw]:focus-visible::before,\n    [data-kui-fx~=beam-border]:focus-visible::before,\n    [data-kui-fx~=beam-border-auto]::before {\n      background: CanvasText;\n    }\n  }\n  @media (forced-colors: active) and (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=border-draw]:hover::before,\n    [data-kui-fx~=beam-border]:hover::before {\n      background: CanvasText;\n    }\n  }\n  [data-kui-fx~=underline-slide] {\n    position: relative;\n    text-decoration: none;\n  }\n  [data-kui-fx~=underline-slide]::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -0.15em;\n    height: 0.08em;\n    background: var(--kui-underline-slide-color, currentcolor);\n    scale: 0 1;\n    transform-origin: left center;\n    transition: scale var(--kui-underline-slide-duration, 260ms) var(--kui-underline-slide-ease, ease-out);\n  }\n  [data-kui-fx~=underline-slide]:focus-visible::after {\n    scale: 1 1;\n    transition-delay: var(--kui-underline-slide-delay, 0ms);\n  }\n  [data-kui-fx~=underline-center] {\n    position: relative;\n    text-decoration: none;\n  }\n  [data-kui-fx~=underline-center]::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -0.15em;\n    height: 0.08em;\n    background: var(--kui-underline-center-color, currentcolor);\n    scale: 0 1;\n    transform-origin: center;\n    transition: scale var(--kui-underline-center-duration, 260ms) var(--kui-underline-center-ease, ease-out);\n  }\n  [data-kui-fx~=underline-center]:focus-visible::after {\n    scale: 1 1;\n    transition-delay: var(--kui-underline-center-delay, 0ms);\n  }\n  [data-kui-fx~=icon-wiggle]:focus-visible {\n    animation: kui-icon-wiggle var(--kui-icon-wiggle-duration, 500ms) var(--kui-icon-wiggle-ease, ease-in-out) var(--kui-icon-wiggle-delay, 0ms);\n  }\n  @keyframes kui-icon-wiggle {\n    0%, 100% {\n      rotate: 0deg;\n    }\n    20% {\n      rotate: -12deg;\n    }\n    40% {\n      rotate: 10deg;\n    }\n    60% {\n      rotate: -6deg;\n    }\n    80% {\n      rotate: 4deg;\n    }\n  }\n  [data-kui-fx~=icon-spin]:focus-visible {\n    animation: kui-icon-spin var(--kui-icon-spin-duration, 700ms) linear var(--kui-icon-spin-delay, 0ms);\n  }\n  @keyframes kui-icon-spin {\n    from {\n      rotate: 0deg;\n    }\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=icon-bounce]:focus-visible {\n    animation: kui-icon-bounce var(--kui-icon-bounce-duration, 500ms) var(--kui-icon-bounce-ease, ease-out) var(--kui-icon-bounce-delay, 0ms);\n  }\n  @keyframes kui-icon-bounce {\n    0%, 100% {\n      translate: 0 0;\n    }\n    30% {\n      translate: 0 -7px;\n    }\n    55% {\n      translate: 0 1px;\n    }\n    75% {\n      translate: 0 -3px;\n    }\n  }\n  [data-kui-fx~=press-depth]:active {\n    scale: var(--kui-press-scale, 0.96);\n    box-shadow: 0 var(--kui-press-shadow-depth, 2px) calc(var(--kui-press-shadow-depth, 2px) * 2) calc(var(--kui-press-shadow-depth, 2px) * -1) var(--kui-press-shadow-color, rgb(0 0 0 / 0.35));\n    --kui-tx-delay-press-depth: var(--kui-press-delay, 0ms);\n  }\n  [data-kui-fx~=group-dim] > * {\n    transition: opacity var(--kui-group-dim-duration, 260ms) var(--kui-group-dim-ease, ease-out);\n  }\n  [data-kui-fx~=group-dim]:has(:focus-visible) > :not(:hover, :focus-visible, :has(:focus-visible)) {\n    opacity: var(--kui-group-dim-opacity, 0.4);\n    transition-delay: var(--kui-group-dim-delay, 0ms);\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=group-dim]:has(> :hover, :focus-visible) > :not(:hover, :focus-visible, :has(:focus-visible)) {\n      opacity: var(--kui-group-dim-opacity, 0.4);\n      transition-delay: var(--kui-group-dim-delay, 0ms);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-fx~=group-dim] > * {\n      transition-duration: 1ms;\n    }\n  }\n  [data-kui-fx~=masked-label-swap],\n  [data-kui-fx~=masked-label-swap-x],\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    display: inline-grid;\n    place-items: center;\n    overflow: hidden;\n    --kui-label-swap-shown: 0;\n    --kui-label-swap-lag: 0ms;\n  }\n  [data-kui-fx~=masked-label-swap] {\n    --kui-label-swap-dx: 0%;\n    --kui-label-swap-dy: calc(-1 * var(--kui-label-swap-distance, 100%));\n  }\n  [data-kui-fx~=masked-label-swap-x] {\n    --kui-label-swap-dx: var(--kui-label-swap-distance, 100%);\n    --kui-label-swap-dy: 0%;\n  }\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    --kui-label-swap-dx: var(--kui-label-swap-distance, 100%);\n    --kui-label-swap-dy: calc(-1 * var(--kui-label-swap-distance, 100%));\n  }\n  [data-kui-fx~=masked-label-swap]:focus-visible,\n  [data-kui-fx~=masked-label-swap-x]:focus-visible,\n  [data-kui-fx~=masked-label-swap-diagonal]:focus-visible {\n    --kui-label-swap-shown: 1;\n    --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n  }\n  [data-kui-swap] {\n    grid-area: 1 / 1;\n    translate: calc(var(--kui-label-swap-dx, 0%) * var(--kui-label-swap-shown, 0)) calc(var(--kui-label-swap-dy, 0%) * var(--kui-label-swap-shown, 0));\n    transition: translate var(--kui-label-swap-duration, 320ms) var(--kui-label-swap-ease, ease-out) var(--kui-label-swap-lag, 0ms);\n  }\n  [data-kui-swap=to] {\n    translate: calc(var(--kui-label-swap-dx, 0%) * (var(--kui-label-swap-shown, 0) - 1)) calc(var(--kui-label-swap-dy, 0%) * (var(--kui-label-swap-shown, 0) - 1));\n  }\n  [data-kui-fx~=hover-intent] {\n    position: relative;\n    --kui-hover-intent-shown: 0;\n    --kui-hover-intent-lag: 0ms;\n  }\n  [data-kui-fx~=hover-intent]:focus-visible,\n  [data-kui-fx~=hover-intent]:has(:focus-visible) {\n    --kui-hover-intent-shown: 1;\n    --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n  }\n  [data-kui-hint] {\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    margin-bottom: var(--kui-hover-intent-gap, 8px);\n    opacity: var(--kui-hover-intent-shown, 0);\n    translate: -50% calc(var(--kui-hover-intent-distance, 4px) * (1 - var(--kui-hover-intent-shown, 0)));\n    pointer-events: none;\n    transition: opacity var(--kui-hover-intent-duration, 160ms) var(--kui-hover-intent-ease, ease-out) var(--kui-hover-intent-lag, 0ms), translate var(--kui-hover-intent-duration, 160ms) var(--kui-hover-intent-ease, ease-out) var(--kui-hover-intent-lag, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=masked-label-swap]:active,\n    [data-kui-fx~=masked-label-swap-x]:active,\n    [data-kui-fx~=masked-label-swap-diagonal]:active {\n      --kui-label-swap-shown: 1;\n      --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n    }\n    [data-kui-fx~=hover-intent]:active {\n      --kui-hover-intent-shown: 1;\n      --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-swap],\n    [data-kui-hint],\n    [data-kui-preview],\n    [data-kui-search-field] {\n      transition-duration: 1ms;\n    }\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=lift]:hover {\n      translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n      --kui-tx-delay-lift: var(--kui-lift-delay, 0ms);\n    }\n    [data-kui-fx~=pop]:hover {\n      scale: var(--kui-pop-scale, 1.06);\n      --kui-tx-delay-pop: var(--kui-pop-delay, 0ms);\n    }\n    [data-kui-fx~=lift-shadow]:hover {\n      translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n      box-shadow: 0 14px 28px -12px rgb(0 0 0 / 0.45);\n      --kui-tx-delay-lift-shadow: var(--kui-lift-shadow-delay, 0ms);\n    }\n    [data-kui-fx~=shine-sweep]:hover::after {\n      animation: kui-shine-sweep var(--kui-shine-sweep-duration, 700ms) var(--kui-shine-sweep-ease, ease-out) var(--kui-shine-sweep-delay, 0ms);\n    }\n    [data-kui-fx~=split-flap]:hover {\n      animation: kui-split-flap var(--kui-split-flap-duration, 600ms) var(--kui-split-flap-ease, ease-in-out) var(--kui-split-flap-delay, 0ms);\n    }\n    [data-kui-fx~=border-draw]:hover {\n      --kui-border-pct: 100%;\n      --kui-tx-delay-border-draw: var(--kui-border-draw-delay, 0ms);\n    }\n    [data-kui-fx~=border-glow]:hover {\n      box-shadow: 0 0 0 3px var(--kui-border-glow-color, var(--accent, #d2691e));\n      --kui-tx-delay-border-glow: var(--kui-border-glow-delay, 0ms);\n    }\n    [data-kui-fx~=beam-border]:hover::before {\n      opacity: 1;\n      transition-delay: var(--kui-beam-border-delay, 0ms);\n      animation: kui-beam-rotate var(--kui-beam-border-duration, 4260ms) linear var(--kui-beam-border-delay, 0ms) infinite;\n    }\n    [data-kui-fx~=underline-slide]:hover::after {\n      scale: 1 1;\n      transition-delay: var(--kui-underline-slide-delay, 0ms);\n    }\n    [data-kui-fx~=underline-center]:hover::after {\n      scale: 1 1;\n      transition-delay: var(--kui-underline-center-delay, 0ms);\n    }\n    [data-kui-fx~=icon-wiggle]:hover {\n      animation: kui-icon-wiggle var(--kui-icon-wiggle-duration, 500ms) var(--kui-icon-wiggle-ease, ease-in-out) var(--kui-icon-wiggle-delay, 0ms);\n    }\n    [data-kui-fx~=icon-spin]:hover {\n      animation: kui-icon-spin var(--kui-icon-spin-duration, 700ms) linear var(--kui-icon-spin-delay, 0ms);\n    }\n    [data-kui-fx~=icon-bounce]:hover {\n      animation: kui-icon-bounce var(--kui-icon-bounce-duration, 500ms) var(--kui-icon-bounce-ease, ease-out) var(--kui-icon-bounce-delay, 0ms);\n    }\n    [data-kui-fx~=masked-label-swap]:hover,\n    [data-kui-fx~=masked-label-swap-x]:hover,\n    [data-kui-fx~=masked-label-swap-diagonal]:hover {\n      --kui-label-swap-shown: 1;\n      --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n    }\n    [data-kui-fx~=hover-intent]:hover {\n      --kui-hover-intent-shown: 1;\n      --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n    }\n  }\n  [data-kui-fx~=tilt-3d],\n  [data-kui-fx~=tilt-parallax] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=cursor-spotlight]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n    opacity: var(--kui-spotlight-opacity, 0);\n    transition: opacity 200ms ease-out;\n    background:\n      radial-gradient(\n        circle 160px at var(--kui-x, 50%) var(--kui-y, 50%),\n        color-mix(in srgb, var(--accent, #d2691e) 30%, transparent),\n        transparent 70%);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=cursor-spotlight]::before {\n      background: none;\n    }\n  }\n  .kui-cursor-dot {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 9999;\n    display: grid;\n    place-items: center;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 160ms ease-out;\n  }\n  .kui-cursor-dot-active {\n    opacity: 1;\n  }\n  .kui-cursor-dot-follow,\n  .kui-cursor-dot-lag,\n  .kui-cursor-dot-invert {\n    width: 14px;\n    height: 14px;\n    margin: -7px 0 0 -7px;\n    border-radius: 50%;\n    background: var(--accent, #d2691e);\n  }\n  .kui-cursor-dot-invert {\n    background: var(--kui-invert-color, #fff);\n    mix-blend-mode: difference;\n    forced-color-adjust: none;\n  }\n  .kui-cursor-dot-label {\n    margin: -1.4em 0 0 -1.4em;\n    padding: 0.4em 0.8em;\n    border-radius: 999px;\n    background: var(--accent, #d2691e);\n    color: var(--kui-label-color, #000);\n    font-size: 0.75rem;\n    font-family:\n      ui-monospace,\n      Menlo,\n      monospace;\n    white-space: nowrap;\n  }\n  @media (pointer: coarse) {\n    .kui-cursor-dot {\n      display: none;\n    }\n  }\n  [data-kui-fx~=anchored-preview],\n  [data-kui-fx~=anchored-preview-bottom],\n  [data-kui-fx~=anchored-preview-left],\n  [data-kui-fx~=anchored-preview-right] {\n    position: relative;\n    --kui-anchored-preview-shown: 0;\n    --kui-anchored-preview-lag: 0ms;\n  }\n  [data-kui-fx~=anchored-preview] {\n    --kui-anchored-preview-inset: auto auto calc(100% + var(--kui-anchored-preview-gap, 10px)) 50%;\n    --kui-anchored-preview-travel: -50% calc(var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)));\n  }\n  [data-kui-fx~=anchored-preview-bottom] {\n    --kui-anchored-preview-inset: calc(100% + var(--kui-anchored-preview-gap, 10px)) auto auto 50%;\n    --kui-anchored-preview-travel: -50% calc(-1 * var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)));\n  }\n  [data-kui-fx~=anchored-preview-left] {\n    --kui-anchored-preview-inset: 50% calc(100% + var(--kui-anchored-preview-gap, 10px)) auto auto;\n    --kui-anchored-preview-travel: calc( var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)) ) -50%;\n  }\n  [data-kui-fx~=anchored-preview-right] {\n    --kui-anchored-preview-inset: 50% auto auto calc(100% + var(--kui-anchored-preview-gap, 10px));\n    --kui-anchored-preview-travel: calc( -1 * var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)) ) -50%;\n  }\n  [data-kui-fx~=anchored-preview]:focus-visible,\n  [data-kui-fx~=anchored-preview]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-bottom]:focus-visible,\n  [data-kui-fx~=anchored-preview-bottom]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-left]:focus-visible,\n  [data-kui-fx~=anchored-preview-left]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-right]:focus-visible,\n  [data-kui-fx~=anchored-preview-right]:has(:focus-visible) {\n    --kui-anchored-preview-shown: 1;\n    --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n  }\n  [data-kui-preview] {\n    position: absolute;\n    inset: var(--kui-anchored-preview-inset, auto);\n    translate: var(--kui-anchored-preview-travel, 0 0);\n    opacity: var(--kui-anchored-preview-shown, 0);\n    scale: calc(var(--kui-anchored-preview-scale, 0.85) + (1 - var(--kui-anchored-preview-scale, 0.85)) * var(--kui-anchored-preview-shown, 0));\n    pointer-events: none;\n    transition:\n      opacity var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms),\n      scale var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms),\n      translate var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=anchored-preview]:active,\n    [data-kui-fx~=anchored-preview-bottom]:active,\n    [data-kui-fx~=anchored-preview-left]:active,\n    [data-kui-fx~=anchored-preview-right]:active {\n      --kui-anchored-preview-shown: 1;\n      --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n    }\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=anchored-preview]:hover,\n    [data-kui-fx~=anchored-preview-bottom]:hover,\n    [data-kui-fx~=anchored-preview-left]:hover,\n    [data-kui-fx~=anchored-preview-right]:hover {\n      --kui-anchored-preview-shown: 1;\n      --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n    }\n  }\n  [data-kui-fx~=proximity-glow] {\n    position: relative;\n  }\n  [data-kui-fx~=proximity-glow]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-proximity-glow-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-proximity-glow-width, 1px);\n    background:\n      radial-gradient(\n        circle var(--kui-proximity-glow-radius, 220px) at var(--kui-proximity-x, -9999px) var(--kui-proximity-y, -9999px),\n        var(--kui-proximity-glow-color, var(--accent, #d2691e)),\n        transparent 70%);\n    background-attachment: fixed;\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    opacity: var(--kui-proximity-opacity, 0);\n    transition: opacity var(--kui-proximity-glow-duration, 200ms) var(--kui-proximity-glow-ease, ease-out);\n    pointer-events: none;\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=proximity-glow]::before {\n      background: none;\n    }\n  }\n  [data-kui-fx~=search-expand] {\n    display: inline-flex;\n    align-items: center;\n    overflow: hidden;\n    inline-size: var(--kui-search-expand-collapsed, 2.5em);\n    --kui-search-expand-shown: 0;\n    --kui-search-expand-lag: 0ms;\n  }\n  [data-kui-fx~=search-expand]:focus-visible,\n  [data-kui-fx~=search-expand]:has(:focus-visible),\n  [data-kui-fx~=search-expand]:has(input:not(:placeholder-shown)) {\n    inline-size: var(--kui-search-expand-width, 240px);\n    --kui-search-expand-shown: 1;\n    --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=search-expand]:active {\n      inline-size: var(--kui-search-expand-width, 240px);\n      --kui-search-expand-shown: 1;\n      --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n    }\n  }\n  [data-kui-search-field] {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    opacity: var(--kui-search-expand-shown, 0);\n    transition: opacity var(--kui-search-expand-duration, 260ms) var(--kui-search-expand-ease, ease-out) var(--kui-search-expand-lag, 0ms);\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=search-expand]:hover {\n      inline-size: var(--kui-search-expand-width, 240px);\n      --kui-search-expand-shown: 1;\n      --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n    }\n  }\n}\n\n/* src/css/discrete.css */\n@layer kui.effects {\n  [data-kui-fx~=fade-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-fade-open: var(--kui-fade-open-delay, 0ms);\n    opacity: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=fade-open] {\n      opacity: 0;\n    }\n  }\n  [data-kui-fx~=fade-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    display: none;\n  }\n  [data-kui-fx~=pop-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-pop-open: var(--kui-pop-open-delay, 0ms);\n    opacity: 1;\n    scale: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=pop-open] {\n      opacity: 0;\n      scale: var(--kui-pop-open-scale, 0.92);\n    }\n  }\n  [data-kui-fx~=pop-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    scale: var(--kui-pop-open-scale, 0.92);\n    display: none;\n  }\n  [data-kui-fx~=scale-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-scale-open: var(--kui-scale-open-delay, 0ms);\n    scale: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=scale-open] {\n      scale: var(--kui-scale-open-scale, 0.85);\n    }\n  }\n  [data-kui-fx~=scale-open]:not(:popover-open):not([open]):not([data-open]) {\n    scale: var(--kui-scale-open-scale, 0.85);\n    display: none;\n  }\n  [data-kui-fx~=drop-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-drop-open: var(--kui-drop-open-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=drop-open] {\n      opacity: 0;\n      translate: 0 calc(var(--kui-drop-open-distance, 12px) * -1);\n    }\n  }\n  [data-kui-fx~=drop-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 calc(var(--kui-drop-open-distance, 12px) * -1);\n    display: none;\n  }\n  [data-kui-fx~=slide-open-up] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-slide-open-up: var(--kui-slide-open-up-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=slide-open-up] {\n      opacity: 0;\n      translate: 0 var(--kui-slide-open-up-distance, 16px);\n    }\n  }\n  [data-kui-fx~=slide-open-up]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 var(--kui-slide-open-up-distance, 16px);\n    display: none;\n  }\n  [data-kui-fx~=slide-open-down] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-slide-open-down: var(--kui-slide-open-down-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=slide-open-down] {\n      opacity: 0;\n      translate: 0 calc(var(--kui-slide-open-down-distance, 16px) * -1);\n    }\n  }\n  [data-kui-fx~=slide-open-down]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 calc(var(--kui-slide-open-down-distance, 16px) * -1);\n    display: none;\n  }\n}\n\n/* src/css/layout.css */\n@layer kui.effects {\n  [data-kui-fx~=accordion-height] {\n    overflow: hidden;\n  }\n  [data-kui-fx~=accordion-height]:not([data-open]) {\n    height: 0;\n  }\n}\n\n/* src/css/svg.css */\n@layer kui.effects {\n  @keyframes kui-draw-stroke {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-draw-signature {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-draw-underline {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-checkmark-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-cross-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-chart-line-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=draw-stroke],\n  [data-kui-fx~=draw-signature],\n  [data-kui-fx~=draw-underline],\n  [data-kui-fx~=checkmark-draw],\n  [data-kui-fx~=cross-draw],\n  [data-kui-fx~=chart-line-draw] {\n    stroke-dasharray: var(--kui-path-length, 100);\n    fill: none;\n  }\n  @keyframes kui-gradient-stroke {\n    from {\n      stroke: var(--kui-stroke-from, currentColor);\n    }\n    50% {\n      stroke: var(--kui-stroke-via, currentColor);\n    }\n    to {\n      stroke: var(--kui-stroke-to, currentColor);\n    }\n  }\n  [data-kui-fx~=gradient-stroke] {\n    --kui-fx-gradient-stroke-iterations: infinite;\n  }\n  @keyframes kui-heart-fill {\n    from {\n      clip-path: inset(100% 0 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-bookmark-fill {\n    from {\n      clip-path: inset(100% 0 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-chart-area-fill {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  [data-kui-fx~=heart-fill][data-kui-state=ready],\n  [data-kui-fx~=bookmark-fill][data-kui-state=ready],\n  [data-kui-fx~=chart-area-fill][data-kui-state=ready] {\n    clip-path: none !important;\n    opacity: 0;\n  }\n  @keyframes kui-chart-bar-grow {\n    from {\n      scale: 1 var(--kui-gate-bar-from, var(--kui-bar-from, 0));\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  [data-kui-fx~=chart-bar-grow] {\n    transform-origin: bottom center;\n  }\n  [data-kui-fx~=chart-bar-grow][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-logo-build {\n    from {\n      opacity: 0;\n      scale: 0.62;\n      rotate: -8deg;\n    }\n    to {\n      opacity: 1;\n      scale: 1;\n      rotate: 0deg;\n    }\n  }\n  [data-kui-fx~=hamburger-to-x] .kui-bar {\n    transition:\n      translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      rotate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      opacity var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(1) {\n    translate: 0 var(--kui-bar-gap, 6px);\n    rotate: 45deg;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(2) {\n    opacity: 0;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(3) {\n    translate: 0 calc(var(--kui-bar-gap, 6px) * -1);\n    rotate: -45deg;\n  }\n  [data-kui-fx~=play-to-pause] .kui-bar {\n    transition: translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out), clip-path var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar:nth-child(1) {\n    translate: var(--kui-bar-gap, 4px) 0;\n    clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar:nth-child(2) {\n    translate: calc(var(--kui-bar-gap, 4px) * -1) 0;\n    clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);\n  }\n  [data-kui-fx~=plus-to-minus] .kui-bar {\n    transition: scale var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=plus-to-minus] .kui-bar:nth-child(2) {\n    rotate: 90deg;\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] {\n    rotate: 90deg;\n    --kui-tx-delay-plus-to-minus: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] .kui-bar:nth-child(1) {\n    scale: 0;\n  }\n}\n\n/* src/css/tween.css */\n@layer kui.effects {\n  @keyframes kui-tween-to-translate {\n    from {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n    }\n    to {\n      translate: var(--kui-tween-x, 0) var(--kui-tween-y, 0) var(--kui-tween-z, 0);\n    }\n  }\n  @keyframes kui-tween-from-translate {\n    from {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x, 0) var(--kui-tween-y, 0) var(--kui-tween-z, 0);\n    }\n  }\n  @keyframes kui-tween-to-rotate {\n    from {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n    }\n    to {\n      rotate: var(--kui-tween-rotate, 0deg);\n    }\n  }\n  @keyframes kui-tween-from-rotate {\n    from {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate, 0deg);\n    }\n  }\n  @keyframes kui-tween-to-scale {\n    from {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n    }\n    to {\n      scale: var(--kui-tween-scale-x, var(--kui-tween-scale, 1)) var(--kui-tween-scale-y, var(--kui-tween-scale, 1));\n    }\n  }\n  @keyframes kui-tween-from-scale {\n    from {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x, var(--kui-tween-scale, 1)) var(--kui-tween-scale-y, var(--kui-tween-scale, 1));\n    }\n  }\n  @keyframes kui-tween-to-opacity {\n    from {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n    }\n    to {\n      opacity: var(--kui-tween-opacity, 1);\n    }\n  }\n  @keyframes kui-tween-from-opacity {\n    from {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity, 1);\n    }\n  }\n  @keyframes kui-tween-to-filter {\n    from {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n    }\n    to {\n      filter: blur(var(--kui-tween-blur, 0px)) brightness(var(--kui-tween-brightness, 1)) saturate(var(--kui-tween-saturate, 1)) grayscale(var(--kui-tween-grayscale, 0)) contrast(var(--kui-tween-contrast, 1)) hue-rotate(var(--kui-tween-hue-rotate, 0deg)) invert(var(--kui-tween-invert, 0)) sepia(var(--kui-tween-sepia, 0));\n    }\n  }\n  @keyframes kui-tween-from-filter {\n    from {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur, 0px)) brightness(var(--kui-tween-brightness, 1)) saturate(var(--kui-tween-saturate, 1)) grayscale(var(--kui-tween-grayscale, 0)) contrast(var(--kui-tween-contrast, 1)) hue-rotate(var(--kui-tween-hue-rotate, 0deg)) invert(var(--kui-tween-invert, 0)) sepia(var(--kui-tween-sepia, 0));\n    }\n  }\n  @keyframes kui-tween-to-color {\n    from {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n    }\n    to {\n      color: var(--kui-tween-color, currentcolor);\n    }\n  }\n  @keyframes kui-tween-from-color {\n    from {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color, currentcolor);\n    }\n  }\n  @keyframes kui-tween-to-background {\n    from {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n    }\n    to {\n      background-color: var(--kui-tween-background-color, transparent);\n    }\n  }\n  @keyframes kui-tween-from-background {\n    from {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color, transparent);\n    }\n  }\n  @keyframes kui-tween-keys2-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys3-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys4-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-4, var(--kui-tween-x, 0)) var(--kui-tween-y-4, var(--kui-tween-y, 0)) var(--kui-tween-z-4, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys5-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-4, var(--kui-tween-x, 0)) var(--kui-tween-y-4, var(--kui-tween-y, 0)) var(--kui-tween-z-4, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-5, var(--kui-tween-x, 0)) var(--kui-tween-y-5, var(--kui-tween-y, 0)) var(--kui-tween-z-5, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys2-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys3-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys4-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-4, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys5-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-4, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-5, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys2-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys3-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys4-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-4, var(--kui-tween-scale-x, var(--kui-tween-scale-4, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-4, var(--kui-tween-scale-y, var(--kui-tween-scale-4, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys5-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-4, var(--kui-tween-scale-x, var(--kui-tween-scale-4, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-4, var(--kui-tween-scale-y, var(--kui-tween-scale-4, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-5, var(--kui-tween-scale-x, var(--kui-tween-scale-5, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-5, var(--kui-tween-scale-y, var(--kui-tween-scale-5, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys2-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys3-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys4-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-4, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys5-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-4, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-5, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys2-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys3-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys4-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-4, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-4, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-4, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-4, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-4, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-4, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-4, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-4, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys5-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-4, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-4, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-4, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-4, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-4, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-4, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-4, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-4, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-5, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-5, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-5, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-5, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-5, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-5, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-5, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-5, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys2-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys3-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys4-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-4, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys5-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-4, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-5, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys2-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys3-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys4-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-4, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys5-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-4, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-5, var(--kui-tween-background-color, transparent));\n    }\n  }\n}\n\n/* src/css/motion-path.css */\n@layer kui.effects {\n  @keyframes kui-motion-travel {\n    from {\n      offset-distance: var(--kui-motion-from, 0%);\n    }\n    to {\n      offset-distance: var(--kui-motion-to, 100%);\n    }\n  }\n  [data-kui-fx~=motion-path],\n  [data-kui-fx~=path-arc],\n  [data-kui-fx~=path-wave],\n  [data-kui-fx~=path-loop],\n  [data-kui-fx~=path-swoop] {\n    offset-path: path(var(--kui-motion-path));\n    offset-rotate: var(--kui-motion-rotate, 0deg);\n    offset-anchor: var(--kui-motion-anchor, 0 0);\n  }\n}\n\n/* src/css/view-transitions.css */\n@layer kui.effects {\n  @supports (view-transition-name: none) {\n    :root {\n      --kui-vt-duration: 400ms;\n      --kui-vt-delay: 0ms;\n      --kui-vt-ease: cubic-bezier(0.4, 0, 0.2, 1);\n      --kui-vt-distance: 40px;\n    }\n    :root::view-transition-group(*) {\n      animation-duration: var(--kui-vt-duration, 400ms);\n      animation-delay: var(--kui-vt-delay, 0ms);\n      animation-timing-function: var(--kui-vt-ease, cubic-bezier(0.4, 0, 0.2, 1));\n    }\n    :root:active-view-transition-type(kui-page-fade)::view-transition-old(root) {\n      animation-name: kui-vt-fade-out;\n    }\n    :root:active-view-transition-type(kui-page-fade)::view-transition-new(root) {\n      animation-name: kui-vt-fade-in;\n    }\n    :root:active-view-transition-type(kui-page-slide)::view-transition-old(root) {\n      animation-name: kui-vt-slide-out;\n    }\n    :root:active-view-transition-type(kui-page-slide)::view-transition-new(root) {\n      animation-name: kui-vt-slide-in;\n    }\n    :root:active-view-transition-type(kui-curtain-wipe)::view-transition-old(root) {\n      animation-name: kui-vt-hold;\n    }\n    :root:active-view-transition-type(kui-curtain-wipe)::view-transition-new(root) {\n      animation-name: kui-vt-wipe-in;\n      z-index: 1;\n    }\n    :root::view-transition-old(root),\n    :root::view-transition-new(root) {\n      animation-duration: var(--kui-vt-duration, 400ms);\n      animation-delay: var(--kui-vt-delay, 0ms);\n      animation-timing-function: var(--kui-vt-ease, cubic-bezier(0.4, 0, 0.2, 1));\n      animation-fill-mode: both;\n    }\n    @keyframes kui-vt-fade-out {\n      to {\n        opacity: 0;\n      }\n    }\n    @keyframes kui-vt-fade-in {\n      from {\n        opacity: 0;\n      }\n    }\n    @keyframes kui-vt-slide-out {\n      to {\n        opacity: 0;\n        translate: 0 calc(-1 * var(--kui-vt-distance, 40px));\n      }\n    }\n    @keyframes kui-vt-slide-in {\n      from {\n        opacity: 0;\n        translate: 0 var(--kui-vt-distance, 40px);\n      }\n    }\n    @keyframes kui-vt-hold {\n      from, to {\n        opacity: 1;\n      }\n    }\n    @keyframes kui-vt-wipe-in {\n      from {\n        clip-path: inset(0 0 100% 0);\n      }\n      to {\n        clip-path: inset(0 0 0 0);\n      }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      :root::view-transition-group(*),\n      :root::view-transition-old(*),\n      :root::view-transition-new(*) {\n        animation-duration: 1ms !important;\n        animation-delay: 0ms !important;\n      }\n    }\n  }\n}\n\n/* src/css/glass.css */\n@layer kui.effects {\n  [data-kui-fx~=glass] {\n    backdrop-filter: blur(var(--kui-glass-blur, 16px)) saturate(var(--kui-glass-saturate, 1.6));\n    -webkit-backdrop-filter: blur(var(--kui-glass-blur, 16px)) saturate(var(--kui-glass-saturate, 1.6));\n    background-color: color-mix(in srgb, var(--kui-glass-tint, #ffffff) calc(var(--kui-glass-opacity, 0.12) * 100%), transparent);\n    background-image:\n      linear-gradient(\n        var(--kui-glass-sheen-angle, 180deg),\n        color-mix(in srgb, var(--kui-glass-sheen-color, var(--kui-glass-rim, #ffffff)) calc(var(--kui-glass-sheen, 0.16) * 100%), transparent) 0%,\n        transparent 62%);\n    border-width: var(--kui-glass-rim-width, 1px);\n    border-style: solid;\n    border-color: var(--kui-glass-rim, rgb(255 255 255 / 0.22));\n    border-radius: var(--kui-glass-radius, 16px);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=glass] {\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n      background-image: none;\n    }\n  }\n}\n\n/* src/css/ready-gates.css */\n@layer kui.effects {\n  @property --kui-gate-distance { syntax: \"*\"; inherits: false; }\n  @property --kui-gate-from-angle { syntax: \"*\"; inherits: false; }\n  @property --kui-gate-bar-from { syntax: \"*\"; inherits: false; }\n  [data-kui-fx][data-kui-state=ready] {\n    --kui-gate-distance: 0px;\n  }\n  [data-kui-fx~=flip-in-x][data-kui-state=ready],\n  [data-kui-fx~=flip-in-y][data-kui-state=ready],\n  [data-kui-fx~=rotate-in][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-left][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-right][data-kui-state=ready],\n  [data-kui-fx~=swing-in][data-kui-state=ready],\n  [data-kui-fx~=roll-in][data-kui-state=ready],\n  [data-kui-fx~=fold-panel][data-kui-state=ready] {\n    --kui-gate-from-angle: 0deg;\n  }\n  [data-kui-fx~=loading-bar][data-kui-state=ready],\n  [data-kui-fx~=chart-bar-grow][data-kui-state=ready],\n  [data-kui-fx~=progress-bar][data-kui-state=ready] {\n    --kui-gate-bar-from: 1;\n  }\n}\n\n/* src/css/flip-card-parts.css */\n@layer kui.effects {\n  [data-kui-fx~=flip-card] > :is(.kui-face-front, [data-kui-part=front]),\n  [data-kui-fx~=flip-card] > :is(.kui-face-back, [data-kui-part=back]) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    transition: rotate var(--kui-card-toggle-duration, 700ms) var(--kui-card-toggle-ease, ease-in-out);\n  }\n  [data-kui-fx~=flip-card] > :is(.kui-face-front, [data-kui-part=front]) {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > :is(.kui-face-back, [data-kui-part=back]) {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-front, [data-kui-part=front]),\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-back, [data-kui-part=back]) {\n    transition-delay: var(--kui-card-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-front, [data-kui-part=front]) {\n    rotate: y -180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-back, [data-kui-part=back]) {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > [data-kui-part~=control][data-kui-part~=injected] {\n    grid-area: 1 / 1;\n    align-self: end;\n    justify-self: end;\n    z-index: 1;\n    margin: .75rem;\n  }\n  [data-kui-fx~=flip-card] > [data-kui-part~=quiet]:not(:focus-visible) {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n  :is([data-kui~=flip-card], [data-kui~=\"flip-card,\"]):not(:has(> .kui-face-front)) > :nth-child(1 of :not(button)) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    rotate: y 0deg;\n  }\n  :is([data-kui~=flip-card], [data-kui~=\"flip-card,\"]):not(:has(> .kui-face-front)) > :nth-child(2 of :not(button)) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    rotate: y 180deg;\n  }\n}\n@layer kui.policy {\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm][data-kui-fx~=flip-card] > [data-kui-part=front],\n    [data-kui-rm][data-kui-fx~=flip-card] > [data-kui-part=back] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n  }\n}\n\n/* src/css/icon-parts.css */\n@layer kui.effects {\n  [data-kui-fx~=hamburger-to-x] [data-kui-part=bar] {\n    transition:\n      translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      rotate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      opacity var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    translate: 0 var(--kui-bar-gap, 6px);\n    rotate: 45deg;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    opacity: 0;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(3 of [data-kui-part=bar]) {\n    translate: 0 calc(var(--kui-bar-gap, 6px) * -1);\n    rotate: -45deg;\n  }\n  [data-kui-fx~=play-to-pause] [data-kui-part=bar] {\n    transition: translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out), clip-path var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    translate: var(--kui-bar-gap, 4px) 0;\n    clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    translate: calc(var(--kui-bar-gap, 4px) * -1) 0;\n    clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);\n  }\n  [data-kui-fx~=plus-to-minus] [data-kui-part=bar] {\n    transition: scale var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=plus-to-minus] [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    rotate: 90deg;\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    scale: 0;\n  }\n}\n@layer kui.policy {\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm][data-kui-fx~=hamburger-to-x] [data-kui-part=bar],\n    [data-kui-rm][data-kui-fx~=play-to-pause] [data-kui-part=bar],\n    [data-kui-rm][data-kui-fx~=plus-to-minus] [data-kui-part=bar] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n  }\n}\n\n/* src/showcase/presets.generated.css */\n@layer kui.presets {\n  [data-kui-fx~=carousel-fade] {\n    --kui-slideshow-transition: fade;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=carousel-slide] {\n    --kui-slideshow-transition: slide;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=lightbox] {\n    --kui-lightbox-media: image;\n    --kui-lightbox-duration: 280ms;\n    --kui-lightbox-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=video-hero-slideshow] {\n    --kui-slideshow-transition: fade;\n    --kui-slideshow-autoplay: 7s;\n    --kui-slideshow-controls: dots;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=video-lightbox] {\n    --kui-lightbox-media: video;\n    --kui-lightbox-duration: 280ms;\n    --kui-lightbox-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n}\n@layer kui.cloak {\n}\n\n/* src/showcase/showcase.css */\n@layer kui.effects {\n  .kui-slowmo-toggle {\n    display: inline-block;\n    margin-block-end: 0.75rem;\n    padding: 0.4em 0.8em;\n    border: 1px solid currentColor;\n    border-radius: 0.4em;\n    background: Canvas;\n    color: CanvasText;\n    font: inherit;\n    cursor: pointer;\n  }\n  .kui-slowmo-toggle:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-device] {\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    overflow: hidden;\n    border: 1px solid color-mix(in srgb, var(--kui-device-color, #111) 55%, transparent);\n    border-radius: var(--kui-device-radius, 18px);\n    padding: 14px;\n    background: var(--kui-device-color, #111);\n  }\n  [data-kui-device] > img,\n  [data-kui-device] > video {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n  }\n  [data-kui-device=browser] {\n    padding: 30px 14px 14px;\n    border-radius: var(--kui-device-radius, 10px);\n  }\n  [data-kui-device=browser]::before {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 10px;\n    inset-inline-start: 15px;\n    inline-size: 44px;\n    block-size: 10px;\n    background-image:\n      radial-gradient(\n        circle,\n        #ff5f57 0 45%,\n        transparent 46%),\n      radial-gradient(\n        circle,\n        #febc2e 0 45%,\n        transparent 46%),\n      radial-gradient(\n        circle,\n        #28c840 0 45%,\n        transparent 46%);\n    background-size: 10px 10px;\n    background-position:\n      0 0,\n      17px 0,\n      34px 0;\n    background-repeat: no-repeat;\n  }\n  [data-kui-device=phone] {\n    padding: 16px 8px;\n    border-radius: var(--kui-device-radius, 36px);\n    aspect-ratio: 9 / 19.5;\n    max-inline-size: 20rem;\n    margin-inline: auto;\n  }\n  [data-kui-device=phone]::after {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 50%;\n    translate: -50% 0;\n    inline-size: 38%;\n    block-size: 16px;\n    background-image: radial-gradient(circle, #000 0 100%);\n    background-size: 100% 100%;\n    border-radius: 0 0 12px 12px;\n  }\n  [data-kui-device=tablet] {\n    padding: 18px;\n    border-radius: var(--kui-device-radius, 22px);\n    aspect-ratio: 3 / 4;\n    max-inline-size: 28rem;\n    margin-inline: auto;\n  }\n  [data-kui-device=laptop] {\n    padding: 10px 10px 34px;\n    border-radius: var(--kui-device-radius, 12px) var(--kui-device-radius, 12px) 4px 4px;\n    aspect-ratio: 16 / 10;\n  }\n  [data-kui-device=laptop]::after {\n    content: \"\";\n    position: absolute;\n    inset-block-end: 14px;\n    inset-inline-start: 50%;\n    translate: -50% 0;\n    inline-size: 15%;\n    block-size: 6px;\n    background-image: radial-gradient(circle, color-mix(in srgb, var(--kui-device-color, #111) 55%, #fff) 0 100%);\n    background-size: 100% 100%;\n    border-radius: 3px;\n  }\n  [data-kui-fx~=compare] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr auto;\n    overflow: hidden;\n    user-select: none;\n  }\n  [data-kui-fx~=compare] > :is(img, picture, video) {\n    grid-area: 1 / 1;\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n  }\n  [data-kui-fx~=compare] > :is(img, picture, video):nth-child(2 of :is(img, picture, video)) {\n    clip-path: inset(0 0 0 var(--kui-compare, 50%));\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > :is(img, picture, video):nth-child(2 of :is(img, picture, video)) {\n    clip-path: inset(var(--kui-compare, 50%) 0 0 0);\n  }\n  [data-kui-fx~=compare] > .kui-compare-range {\n    grid-area: 1 / 1;\n    position: relative;\n    z-index: 2;\n    inline-size: 100%;\n    block-size: 100%;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    cursor: ew-resize;\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-range {\n    writing-mode: vertical-lr;\n    direction: ltr;\n    cursor: ns-resize;\n    touch-action: pan-x;\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle {\n    grid-area: 1 / 1;\n    position: relative;\n    z-index: 1;\n    inline-size: 100%;\n    block-size: 100%;\n    pointer-events: none;\n    translate: calc(var(--kui-compare, 50%) - 100%) 0;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle {\n    translate: 0 calc(var(--kui-compare, 50%) - 100%);\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle::after {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-end: 0;\n    inline-size: 2px;\n    background: #fff;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);\n    border-inline-start: 2px solid CanvasText;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle::after {\n    inset-block: auto 0;\n    inset-inline: 0;\n    inline-size: 100%;\n    block-size: 2px;\n    border-inline-start: none;\n    border-block-start: 2px solid CanvasText;\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle::before {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: -14px;\n    translate: 0 -50%;\n    inline-size: 28px;\n    block-size: 28px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle::before {\n    inset-block-start: auto;\n    inset-block-end: -14px;\n    inset-inline-start: 50%;\n    inset-inline-end: auto;\n    translate: -50% 0;\n  }\n  [data-kui-fx~=compare] > .kui-compare-range:focus-visible + .kui-compare-handle {\n    outline: 2px solid Highlight;\n    outline-offset: -2px;\n  }\n  [data-kui-fx~=compare] > .kui-compare-range:focus-visible + .kui-compare-handle::before {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=hotspots] {\n    position: relative;\n    display: inline-block;\n  }\n  [data-kui-fx~=hotspots] > img {\n    display: block;\n    inline-size: 100%;\n    block-size: auto;\n  }\n  [data-kui-fx~=hotspots] > :is(ol, ul) {\n    margin: 0;\n    padding: 0;\n    block-size: 0;\n  }\n  [data-kui-fx~=hotspots] .kui-hotspot {\n    position: absolute;\n    left: var(--kui-x);\n    top: var(--kui-y);\n    translate: -50% -50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    background: var(--kui-hotspot-color, #111);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    touch-action: manipulation;\n    user-select: none;\n    inline-size: 24px;\n    block-size: 24px;\n  }\n  [data-kui-fx~=hotspots][data-kui-hotspot-marker=dot] .kui-hotspot {\n    inline-size: 14px;\n    block-size: 14px;\n  }\n  [data-kui-fx~=hotspots] .kui-hotspot:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=hotspots] [popover] {\n    margin: 0;\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    background: #1e1e1e;\n    color: #fff;\n    font-size: 13px;\n    line-height: 1.4;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n    max-inline-size: min(18rem, calc(100vw - 16px));\n    max-block-size: calc(100vh - 16px);\n    overflow: auto;\n    overflow-wrap: anywhere;\n    transition:\n      opacity 150ms ease,\n      translate 150ms ease,\n      display 150ms allow-discrete,\n      overlay 150ms allow-discrete;\n    opacity: 0;\n    translate: 0 4px;\n  }\n  [data-kui-fx~=hotspots] [popover]:popover-open {\n    opacity: 1;\n    translate: 0 0;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) {\n    position: relative;\n    overflow: hidden;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] {\n    display: grid;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] > [data-kui-step-state] {\n    grid-area: 1 / 1;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--kui-slideshow-duration, 500ms) var(--kui-slideshow-ease, ease);\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] > [data-kui-step-state=active] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=slide] [data-kui-slideshow-list] {\n    display: flex;\n    translate: calc(var(--kui-step, 0) * -100%) 0;\n    transition: translate var(--kui-slideshow-duration, 500ms) var(--kui-slideshow-ease, ease);\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=slide] [data-kui-slideshow-list] > [data-kui-step-state] {\n    flex: 0 0 100%;\n    min-inline-size: 0;\n  }\n  [data-kui-fx~=carousel-fade] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=carousel-slide] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=video-hero-slideshow] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.75rem;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button {\n    display: inline-grid;\n    place-items: center;\n    min-inline-size: 2.75rem;\n    min-block-size: 2.75rem;\n    border: 1px solid currentColor;\n    border-radius: 999px;\n    background: Canvas;\n    color: CanvasText;\n    cursor: pointer;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Previous slide\"]::before {\n    content: \"\\2190\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Next slide\"]::before {\n    content: \"\\2192\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Pause slideshow\"]::before {\n    content: \"\\2161\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Play slideshow\"]::before {\n    content: \"\\25b6\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot {\n    min-inline-size: 1rem;\n    min-block-size: 1rem;\n    padding: 0;\n    border-width: 2px;\n    background: transparent;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot[aria-current=true] {\n    background: currentColor;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=scroll-story] {\n    position: relative;\n    box-sizing: border-box;\n  }\n  [data-kui-fx~=scroll-story] > :first-child {\n    position: sticky;\n    inset-block-start: 0;\n    z-index: 1;\n    display: grid;\n    block-size: 45svh;\n    overflow: hidden;\n  }\n  [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state] {\n    position: absolute;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 300ms ease;\n  }\n  [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state=active] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  [data-kui-fx~=scroll-story] > :last-child {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n    min-block-size: 60vh;\n    box-sizing: border-box;\n    opacity: var(--kui-story-dim, 0.45);\n    transition: opacity 300ms ease;\n    background: Canvas;\n  }\n  [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state=active] {\n    opacity: 1;\n  }\n  @media (min-width: 48rem) {\n    [data-kui-fx~=scroll-story] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: clamp(1.5rem, 3vw, 4rem);\n      align-items: start;\n    }\n    [data-kui-fx~=scroll-story] > :first-child {\n      inset-block-start: 0;\n      block-size: 100vh;\n      block-size: 100svh;\n      align-content: center;\n    }\n    [data-kui-fx~=scroll-story] > :first-child > [data-kui-step-state] {\n      position: relative;\n      inset: auto;\n      grid-area: 1 / 1;\n      block-size: auto;\n      aspect-ratio: 16 / 10;\n    }\n    [data-kui-fx~=scroll-story]:not([data-kui-story-side=start]) > :first-child {\n      grid-column: 2;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story]:not([data-kui-story-side=start]) > :last-child {\n      grid-column: 1;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story][data-kui-story-side=start] > :first-child {\n      grid-column: 1;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story][data-kui-story-side=start] > :last-child {\n      grid-column: 2;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      background: transparent;\n    }\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) {\n    display: block;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :first-child {\n    position: static;\n    display: block;\n    block-size: auto;\n    overflow: visible;\n    aspect-ratio: auto;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :first-child * {\n    position: static;\n    inset: auto;\n    grid-area: auto;\n    inline-size: auto;\n    block-size: auto;\n    aspect-ratio: auto;\n    opacity: 1;\n    pointer-events: auto;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :last-child * {\n    min-block-size: 0;\n    opacity: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=hotspots] [popover]:popover-open {\n      opacity: 0;\n      translate: 0 4px;\n    }\n  }\n  @media (forced-colors: active) {\n    :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button {\n      border-color: CanvasText;\n      color: CanvasText;\n    }\n    :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot[aria-current=true] {\n      background: Highlight;\n    }\n    [data-kui-device] {\n      border-color: CanvasText;\n      background: Canvas;\n    }\n    [data-kui-device=browser]::before,\n    [data-kui-device=phone]::after,\n    [data-kui-device=laptop]::after {\n      background-image: none;\n    }\n    [data-kui-fx~=compare] > .kui-compare-handle::before {\n      border: 2px solid CanvasText;\n      background: Canvas;\n    }\n    [data-kui-fx~=hotspots] .kui-hotspot {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n    [data-kui-fx~=hotspots] [popover] {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n  }\n  dialog.kui-lightbox {\n    display: none;\n  }\n  dialog.kui-lightbox[open] {\n    position: fixed;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    max-inline-size: none;\n    max-block-size: none;\n    box-sizing: border-box;\n    margin: 0;\n    border: 0;\n    padding: clamp(1rem, 4vw, 3rem);\n    overflow: auto;\n    overscroll-behavior: contain;\n    display: grid;\n    place-items: center;\n    color: #fff;\n    background: rgb(8 9 10 / 0.58);\n    opacity: 0;\n    transition: opacity var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  dialog.kui-lightbox::backdrop {\n    background: transparent;\n    -webkit-backdrop-filter: blur(7px);\n    backdrop-filter: blur(7px);\n    opacity: 0;\n    transition: opacity var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  dialog.kui-lightbox[open].is-open {\n    opacity: 1;\n  }\n  dialog.kui-lightbox[open].is-open::backdrop {\n    opacity: 1;\n  }\n  .kui-lightbox-slot {\n    display: contents;\n  }\n  .kui-lightbox-gallery,\n  .kui-lightbox-frame {\n    opacity: 0;\n    scale: var(--kui-from-scale, 0.965);\n    translate: 0 8px;\n    transition:\n      opacity var(--kui-lightbox-duration, 280ms) ease,\n      scale var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease),\n      translate var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  .kui-lightbox.is-open .kui-lightbox-gallery,\n  .kui-lightbox.is-open .kui-lightbox-frame {\n    opacity: 1;\n    scale: none;\n    translate: none;\n  }\n  .kui-lightbox-gallery {\n    display: grid;\n    place-items: center;\n    gap: 0.75rem;\n  }\n  .kui-lightbox-gallery figure {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.75rem;\n  }\n  .kui-lightbox-gallery img {\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 30px 80px rgb(0 0 0 / 0.45);\n    background: #0b0c0d;\n  }\n  .kui-lightbox-gallery img.is-fit {\n    max-inline-size: min(100%, 1400px);\n    max-block-size: 86dvh;\n    inline-size: auto;\n    block-size: auto;\n  }\n  .kui-lightbox-gallery img.is-tall {\n    inline-size: min(100%, 760px);\n    block-size: auto;\n  }\n  .kui-lightbox-gallery figcaption {\n    max-inline-size: 60ch;\n    text-align: center;\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: rgb(255 255 255 / 0.72);\n  }\n  .kui-lightbox-close,\n  .kui-lightbox-prev,\n  .kui-lightbox-next {\n    border: 1px solid rgb(255 255 255 / 0.45);\n    border-radius: 50%;\n    color: #fff;\n    background: rgb(8 9 10 / 0.7);\n    cursor: pointer;\n  }\n  .kui-lightbox-close {\n    position: fixed;\n    inset-block-start: clamp(0.75rem, 2vw, 1.25rem);\n    inset-inline-end: clamp(0.75rem, 2vw, 1.25rem);\n    z-index: 1;\n    inline-size: 40px;\n    block-size: 40px;\n    font-size: 1.5rem;\n  }\n  .kui-lightbox-prev,\n  .kui-lightbox-next {\n    position: fixed;\n    inset-block-start: 50%;\n    inline-size: 40px;\n    block-size: 40px;\n    font-size: 2rem;\n  }\n  .kui-lightbox-prev {\n    inset-inline-start: 0.75rem;\n  }\n  .kui-lightbox-next {\n    inset-inline-end: 0.75rem;\n  }\n  .kui-lightbox-counter {\n    font-size: 0.85rem;\n    color: rgb(255 255 255 / 0.8);\n  }\n  .kui-lightbox button:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  .kui-lightbox-frame {\n    inline-size: min(92vw, 1100px);\n    aspect-ratio: 16 / 9;\n    border-radius: 12px;\n    overflow: clip;\n    box-shadow: 0 30px 80px rgb(0 0 0 / 0.45);\n    background: #000;\n  }\n  .kui-lightbox-frame--tall {\n    inline-size: min(80vw, 420px);\n    aspect-ratio: 9 / 16;\n  }\n  .kui-lightbox-frame--square {\n    inline-size: min(80vw, 720px);\n    aspect-ratio: 1;\n  }\n  .kui-lightbox-frame iframe,\n  .kui-lightbox-frame video {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    border: 0;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    dialog.kui-lightbox,\n    .kui-lightbox-gallery,\n    .kui-lightbox-frame {\n      transition-duration: 1ms;\n    }\n    .kui-lightbox-gallery,\n    .kui-lightbox-frame {\n      scale: none;\n      translate: none;\n    }\n    [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state],\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      transition-duration: 1ms;\n    }\n  }\n  @media (forced-colors: active) {\n    dialog.kui-lightbox {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n    dialog.kui-lightbox::backdrop {\n      -webkit-backdrop-filter: none;\n      backdrop-filter: none;\n    }\n    .kui-lightbox-close,\n    .kui-lightbox-prev,\n    .kui-lightbox-next {\n      border-color: CanvasText;\n      color: CanvasText;\n      background: Canvas;\n    }\n    .kui-lightbox-frame {\n      border: 1px solid CanvasText;\n    }\n    [data-kui-fx~=scroll-story] > :first-child,\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n\n/* src/css/index.css */\n"
+    style.textContent = "/* src/css/base.css */\n@layer kui.tokens, kui.presets, kui.effects, kui.policy, kui.cloak;\n@layer kui.tokens {\n  :root {\n    --kui-ease-expo-in: cubic-bezier(0.7, 0, 0.84, 0);\n    --kui-ease-expo-out: cubic-bezier(0.16, 1, 0.3, 1);\n    --kui-ease-expo-in-out: cubic-bezier(0.87, 0, 0.13, 1);\n    --kui-ease-back-in: cubic-bezier(0.36, 0, 0.66, -0.56);\n    --kui-ease-back-out: cubic-bezier(0.34, 1.56, 0.64, 1);\n    --kui-ease-back-in-out: cubic-bezier(0.68, -0.6, 0.32, 1.6);\n    --kui-ease-quart-out: cubic-bezier(0.25, 1, 0.5, 1);\n    --kui-ease-circ-out: cubic-bezier(0, 0.55, 0.45, 1);\n    --kui-ease-spring: linear(0, 0.4 12%, 0.9 25%, 1.06 38%, 1.01 62%, 1);\n    --kui-ease-bounce: linear(0, 0.5 10%, 1.2 30%, 0.9 50%, 1.08 68%, 0.97 82%, 1.02 92%, 1);\n  }\n  [data-kui-fx] {\n    --kui-dir: 1;\n    --kui-i: 0;\n    --kui-motion-path: initial;\n    --kui-motion-rotate: initial;\n    --kui-motion-anchor: initial;\n    --kui-motion-from: initial;\n    --kui-motion-to: initial;\n    --kui-wide-sm: initial;\n    --kui-narrow-sm: initial;\n    --kui-wide-md: initial;\n    --kui-narrow-md: initial;\n    --kui-wide-lg: initial;\n    --kui-narrow-lg: initial;\n    --kui-wide-xl: initial;\n    --kui-narrow-xl: initial;\n    --kui-wide-2xl: initial;\n    --kui-narrow-2xl: initial;\n  }\n  :dir(rtl) [data-kui-fx] {\n    --kui-dir: -1;\n  }\n  :root {\n    --kui-above-sm: none;\n    --kui-below-sm: initial;\n    --kui-above-md: none;\n    --kui-below-md: initial;\n    --kui-above-lg: none;\n    --kui-below-lg: initial;\n    --kui-above-xl: none;\n    --kui-below-xl: initial;\n    --kui-above-2xl: none;\n    --kui-below-2xl: initial;\n  }\n  @media (min-width: 40rem) {\n    :root {\n      --kui-above-sm: initial;\n      --kui-below-sm: none;\n    }\n  }\n  @media (min-width: 48rem) {\n    :root {\n      --kui-above-md: initial;\n      --kui-below-md: none;\n    }\n  }\n  @media (min-width: 64rem) {\n    :root {\n      --kui-above-lg: initial;\n      --kui-below-lg: none;\n    }\n  }\n  @media (min-width: 80rem) {\n    :root {\n      --kui-above-xl: initial;\n      --kui-below-xl: none;\n    }\n  }\n  @media (min-width: 96rem) {\n    :root {\n      --kui-above-2xl: initial;\n      --kui-below-2xl: none;\n    }\n  }\n  @container (min-width: 40rem) {\n    [data-kui-fx] {\n      --kui-narrow-sm: none;\n    }\n  }\n  @container not (min-width: 40rem) {\n    [data-kui-fx] {\n      --kui-wide-sm: none;\n    }\n  }\n  @container (min-width: 48rem) {\n    [data-kui-fx] {\n      --kui-narrow-md: none;\n    }\n  }\n  @container not (min-width: 48rem) {\n    [data-kui-fx] {\n      --kui-wide-md: none;\n    }\n  }\n  @container (min-width: 64rem) {\n    [data-kui-fx] {\n      --kui-narrow-lg: none;\n    }\n  }\n  @container not (min-width: 64rem) {\n    [data-kui-fx] {\n      --kui-wide-lg: none;\n    }\n  }\n  @container (min-width: 80rem) {\n    [data-kui-fx] {\n      --kui-narrow-xl: none;\n    }\n  }\n  @container not (min-width: 80rem) {\n    [data-kui-fx] {\n      --kui-wide-xl: none;\n    }\n  }\n  @container (min-width: 96rem) {\n    [data-kui-fx] {\n      --kui-narrow-2xl: none;\n    }\n  }\n  @container not (min-width: 96rem) {\n    [data-kui-fx] {\n      --kui-wide-2xl: none;\n    }\n  }\n  [data-kui-container] {\n    container-type: inline-size;\n  }\n}\n@layer kui.effects {\n  :where([data-kui-fx]) {\n    --kui-transition: initial;\n    transition: var(--kui-transition);\n  }\n}\n@layer kui.policy {\n  html[data-kui-cloak] [data-kui][data-kui-reveal]:not([data-kui-state]) {\n    opacity: 0 !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm],\n    [data-kui-rm]::before,\n    [data-kui-rm]::after,\n    [data-kui-rm] .kui-odometer-strip,\n    [data-kui-rm][data-kui-fx~=label-float] ~ label,\n    [data-kui-rm][data-kui-fx~=input-underline-grow] ~ .kui-underline,\n    [data-kui-rm][data-kui-fx~=toggle-morph] ~ .kui-track,\n    [data-kui-rm][data-kui-fx~=toggle-morph] ~ .kui-track .kui-thumb,\n    [data-kui-rm][data-kui-fx~=checkbox-draw] ~ svg path,\n    [data-kui-rm][data-kui-fx~=radio-fill] ~ .kui-dot,\n    [data-kui-rm][data-kui-fx~=strength-meter] ~ .kui-meter > *,\n    [data-kui-rm][data-kui-fx~=hamburger-to-x] .kui-bar,\n    [data-kui-rm][data-kui-fx~=play-to-pause] .kui-bar,\n    [data-kui-rm][data-kui-fx~=plus-to-minus] .kui-bar,\n    [data-kui-rm][data-kui-fx~=flip-card] > .kui-face-front,\n    [data-kui-rm][data-kui-fx~=flip-card] > .kui-face-back,\n    [data-kui-rm][data-kui-fx~=step-progress] > [data-kui-step-state] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n    [data-kui-rm=shorten],\n    [data-kui-rm=shorten]::before,\n    [data-kui-rm=shorten]::after {\n      animation-duration: 1ms !important;\n      animation-delay: 0ms !important;\n    }\n    [data-kui-rm=crossfade] {\n      animation-name: kui-in !important;\n      animation-duration: 200ms !important;\n    }\n    [data-kui-rm=disable] {\n      animation: none !important;\n      opacity: 1 !important;\n      translate: none !important;\n      scale: none !important;\n      rotate: none !important;\n      filter: none !important;\n      offset-path: none !important;\n    }\n  }\n  @media print {\n    [data-kui-fx],\n    [data-kui-reveal] {\n      animation: none !important;\n      opacity: 1 !important;\n      translate: none !important;\n      scale: none !important;\n      rotate: none !important;\n      filter: none !important;\n      offset-path: none !important;\n    }\n  }\n}\n\n/* src/css/presets.generated.css */\n@layer kui.presets {\n  [data-kui-fx~=accordion-height] {\n    --kui-auto-height-duration: 400ms;\n    --kui-auto-height-delay: 0ms;\n    --kui-auto-height-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-bottom] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-left] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=anchored-preview-right] {\n    --kui-anchored-preview-duration: 220ms;\n    --kui-anchored-preview-delay: 0ms;\n    --kui-anchored-preview-ease: ease-out;\n  }\n  [data-kui-fx~=aurora] {\n    --kui-ambient-gradient-duration: 10s;\n    --kui-ambient-gradient-delay: 0ms;\n    --kui-ambient-gradient-ease: ease-in-out;\n  }\n  [data-kui-fx~=back-in-down] {\n    --kui-distance: 120px;\n    --kui-reveal-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=back-in-up] {\n    --kui-distance: 120px;\n    --kui-reveal-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=badge-pop] {\n    --kui-feedback-pop-duration: 420ms;\n    --kui-feedback-pop-delay: 0ms;\n    --kui-feedback-pop-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=beam-border] {\n    --kui-beam-border-duration: 220ms;\n    --kui-beam-border-delay: 0ms;\n  }\n  [data-kui-fx~=beam-border-auto] {\n    --kui-beam-border-auto-duration: 220ms;\n  }\n  [data-kui-fx~=before-after-wipe] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=blob-morph] {\n    --kui-path-morph-duration: 800ms;\n    --kui-path-morph-delay: 0ms;\n    --kui-path-morph-ease: linear;\n  }\n  [data-kui-fx~=blur-in] {\n    --kui-blur-duration: 600ms;\n    --kui-blur-delay: 0ms;\n    --kui-blur-ease: ease-out;\n  }\n  [data-kui-fx~=blur-out] {\n    --kui-blur-duration: 600ms;\n    --kui-blur-delay: 0ms;\n    --kui-blur-ease: ease-out;\n  }\n  [data-kui-fx~=blur-up] {\n    --kui-media-blur-up-duration: 600ms;\n    --kui-media-blur-up-delay: 0ms;\n    --kui-media-blur-up-ease: ease-out;\n  }\n  [data-kui-fx~=bob] {\n    --kui-ambient-float-duration: 2s;\n    --kui-distance: 8px;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=book-page-turn] {\n    --kui-from-angle: -160deg;\n    --kui-flip-face-duration: 900ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=bookmark-fill] {\n    --kui-shape-fill-duration: 360ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=border-draw] {\n    --kui-border-draw-duration: 220ms;\n    --kui-border-draw-delay: 0ms;\n    --kui-border-draw-ease: ease-out;\n  }\n  [data-kui-fx~=border-glow] {\n    --kui-border-glow-duration: 220ms;\n    --kui-border-glow-delay: 0ms;\n    --kui-border-glow-ease: ease-out;\n  }\n  [data-kui-fx~=bounce-in] {\n    --kui-from-scale: 0.3;\n    --kui-scale-ease: var(--kui-ease-bounce, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=bounce-in-down] {\n    --kui-distance: 60px;\n    --kui-reveal-ease: var(--kui-ease-back-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=bounce-in-up] {\n    --kui-distance: 60px;\n    --kui-reveal-ease: var(--kui-ease-back-out, ease-out);\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n  }\n  [data-kui-fx~=card-flip-x] {\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=card-flip-y] {\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=carousel] {\n    --kui-scope: self;\n    --kui-step-progress-duration: 400ms;\n    --kui-step-progress-delay: 0ms;\n    --kui-step-progress-ease: ease-out;\n  }\n  [data-kui-fx~=carousel-3d] {\n    --kui-tilt: 12deg;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-high] {\n    --kui-tilt: 30deg;\n    --kui-perspective: 1200px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-inside] {\n    --kui-arc: 120deg;\n    --kui-facing: camera;\n    --kui-perspective: 900px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=carousel-3d-low] {\n    --kui-tilt: -18deg;\n    --kui-perspective: 1800px;\n    --kui-spatial-ring-duration: 620ms;\n    --kui-spatial-ring-delay: 0ms;\n    --kui-spatial-ring-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=chart-area-fill] {\n    --kui-shape-fill-duration: 900ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=chart-bar-grow] {\n    --kui-bar-grow-duration: 700ms;\n    --kui-bar-grow-ease: var(--kui-ease-back-out, ease-out);\n    --kui-bar-grow-delay: 0ms;\n  }\n  [data-kui-fx~=chart-line-draw] {\n    --kui-path-draw-duration: 1200ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=checkmark-draw] {\n    --kui-path-draw-duration: 320ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=confetti-burst] {\n    --kui-feedback-burst-duration: 900ms;\n    --kui-pop-scale: 1.15;\n    --kui-feedback-burst-delay: 0ms;\n    --kui-feedback-burst-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=copy-confirm] {\n    --kui-feedback-confirm-duration: 1400ms;\n    --kui-feedback-confirm-delay: 0ms;\n    --kui-feedback-confirm-ease: linear;\n  }\n  [data-kui-fx~=count-bump] {\n    --kui-feedback-pop-duration: 280ms;\n    --kui-pop-scale: 1.3;\n    --kui-feedback-pop-delay: 0ms;\n    --kui-feedback-pop-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=count-compact] {\n    --kui-from: 0;\n    --kui-to: 128400;\n    --kui-format: compact;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-currency] {\n    --kui-from: 0;\n    --kui-to: 4820;\n    --kui-format: currency;\n    --kui-decimals: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-down] {\n    --kui-from: 100;\n    --kui-to: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-percent] {\n    --kui-from: 0;\n    --kui-to: 0.82;\n    --kui-format: percent;\n    --kui-decimals: 0;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=count-up] {\n    --kui-from: 0;\n    --kui-to: 100;\n    --kui-count-duration: 1600ms;\n    --kui-count-delay: 0ms;\n  }\n  [data-kui-fx~=cross-draw] {\n    --kui-path-draw-duration: 260ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=cube-rotate] {\n    --kui-from-angle: 90deg;\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=cursor-follow] {\n    --kui-stiffness: 300;\n    --kui-damping: 30;\n  }\n  [data-kui-fx~=cursor-invert] {\n    --kui-stiffness: 260;\n    --kui-damping: 26;\n  }\n  [data-kui-fx~=cursor-label] {\n    --kui-stiffness: 260;\n    --kui-damping: 26;\n  }\n  [data-kui-fx~=cursor-lag] {\n    --kui-stiffness: 80;\n    --kui-damping: 14;\n  }\n  [data-kui-fx~=curtain-reveal] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=curtain-wipe] {\n    --kui-wipe-duration: 800ms;\n    --kui-wipe-delay: 0ms;\n    --kui-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=decode] {\n    --kui-charset: binary;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=depth-layer] {\n    --kui-distance: 200px;\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=donut-sweep] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=dot-grid-drift] {\n    --kui-ambient-tint-duration: 16s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=drag-inertia] {\n    --kui-inertia: true;\n  }\n  [data-kui-fx~=drag-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=drag-y] {\n    --kui-axis: y;\n  }\n  [data-kui-fx~=draw-signature] {\n    --kui-path-draw-duration: 1600ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=draw-stroke] {\n    --kui-path-draw-duration: 800ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=draw-underline] {\n    --kui-path-draw-duration: 420ms;\n    --kui-path-draw-delay: 0ms;\n    --kui-path-draw-ease: ease-out;\n  }\n  [data-kui-fx~=drawer-slide] {\n    --kui-drawer-slide-duration: 600ms;\n    --kui-drawer-slide-delay: 0ms;\n    --kui-drawer-slide-ease: ease-out;\n  }\n  [data-kui-fx~=drop-open] {\n    --kui-drop-open-duration: 240ms;\n    --kui-drop-open-delay: 0ms;\n    --kui-drop-open-ease: ease-out;\n  }\n  [data-kui-fx~=dropdown-open] {\n    --kui-panel-reveal-duration: 600ms;\n    --kui-panel-reveal-delay: 0ms;\n    --kui-panel-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=duotone-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=elastic-pull] {\n    --kui-return: true;\n    --kui-bounds: 80;\n  }\n  [data-kui-fx~=expand-to-modal] {\n    --kui-flip-scale: true;\n    --kui-flip-container-duration: 500ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=fade-blur-in] {\n    --kui-reveal-blur-duration: 600ms;\n    --kui-reveal-blur-delay: 0ms;\n    --kui-reveal-blur-ease: ease-out;\n  }\n  [data-kui-fx~=fade-blur-up] {\n    --kui-reveal-blur-duration: 600ms;\n    --kui-reveal-blur-delay: 0ms;\n    --kui-reveal-blur-ease: ease-out;\n  }\n  [data-kui-fx~=fade-down] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-in] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-left] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-open] {\n    --kui-fade-open-duration: 240ms;\n    --kui-fade-open-delay: 0ms;\n    --kui-fade-open-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-down] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-left] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-right] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-out-up] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-right] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=fade-up] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=flip-card] {\n    --kui-card-toggle-duration: 700ms;\n    --kui-card-toggle-delay: 0ms;\n    --kui-card-toggle-ease: ease-in-out;\n  }\n  [data-kui-fx~=flip-filter] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-in-x] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-in-y] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-out-x] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-out-y] {\n    --kui-flip-3d-duration: 600ms;\n    --kui-flip-3d-delay: 0ms;\n    --kui-flip-3d-ease: ease-out;\n  }\n  [data-kui-fx~=flip-reorder] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-shuffle] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=flip-sort] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=float] {\n    --kui-ambient-float-duration: 4s;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=floating-shapes] {\n    --kui-ambient-float-duration: 6s;\n    --kui-distance: 10px;\n    --kui-ambient-float-delay: 0ms;\n    --kui-ambient-float-ease: ease-in-out;\n  }\n  [data-kui-fx~=focus-ring-grow] {\n    --kui-focus-ring-duration: 600ms;\n    --kui-focus-ring-delay: 0ms;\n    --kui-focus-ring-ease: ease-out;\n  }\n  [data-kui-fx~=fold-panel] {\n    --kui-from-angle: -90deg;\n    --kui-flip-face-duration: 600ms;\n    --kui-flip-face-delay: 0ms;\n    --kui-flip-face-ease: ease-out;\n  }\n  [data-kui-fx~=gauge-sweep] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=glitch] {\n    --kui-charset: symbols;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=glow-pulse] {\n    --kui-ambient-pulse-duration: 2.2s;\n    --kui-ambient-pulse-delay: 0ms;\n    --kui-ambient-pulse-ease: ease-in-out;\n  }\n  [data-kui-fx~=gradient-border] {\n    --kui-ambient-gradient-ring-duration: 6s;\n    --kui-ambient-gradient-ring-ease: linear;\n    --kui-ambient-gradient-ring-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-mesh] {\n    --kui-ambient-gradient-duration: 10s;\n    --kui-ambient-gradient-delay: 0ms;\n    --kui-ambient-gradient-ease: ease-in-out;\n  }\n  [data-kui-fx~=gradient-rotate-border] {\n    --kui-ambient-gradient-ring-duration: 6s;\n    --kui-ambient-gradient-ring-ease: linear;\n    --kui-ambient-gradient-ring-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-shimmer] {\n    --kui-text-shimmer-duration: 600ms;\n    --kui-text-shimmer-delay: 0ms;\n    --kui-text-shimmer-ease: ease-out;\n  }\n  [data-kui-fx~=gradient-stroke] {\n    --kui-path-draw-duration: 2400ms;\n    --kui-path-draw-ease: ease-in-out;\n    --kui-path-draw-delay: 0ms;\n  }\n  [data-kui-fx~=gradient-sweep] {\n    --kui-text-gradient-sweep-duration: 600ms;\n    --kui-text-gradient-sweep-delay: 0ms;\n    --kui-text-gradient-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=grayscale-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=grid-to-list] {\n    --kui-flip-scale: true;\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=group-dim] {\n    --kui-group-dim-duration: 260ms;\n    --kui-group-dim-delay: 0ms;\n    --kui-group-dim-ease: ease-out;\n  }\n  [data-kui-fx~=hamburger-to-x] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=heart-burst] {\n    --kui-feedback-heart-burst-duration: 700ms;\n    --kui-pop-scale: 1.4;\n    --kui-feedback-heart-burst-delay: 0ms;\n    --kui-feedback-heart-burst-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=heart-fill] {\n    --kui-shape-fill-duration: 420ms;\n    --kui-shape-fill-delay: 0ms;\n    --kui-shape-fill-ease: ease-out;\n  }\n  [data-kui-fx~=highlight-sweep] {\n    --kui-sweep-color: gold;\n    --kui-text-sweep-duration: 600ms;\n    --kui-text-sweep-delay: 0ms;\n    --kui-text-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=hover-intent] {\n    --kui-hover-intent-duration: 160ms;\n    --kui-hover-intent-delay: 1000ms;\n    --kui-hover-intent-ease: ease-out;\n  }\n  [data-kui-fx~=icon-bounce] {\n    --kui-icon-bounce-duration: 220ms;\n    --kui-icon-bounce-delay: 0ms;\n    --kui-icon-bounce-ease: ease-out;\n  }\n  [data-kui-fx~=icon-morph] {\n    --kui-path-morph-duration: 300ms;\n    --kui-path-morph-delay: 0ms;\n    --kui-path-morph-ease: linear;\n  }\n  [data-kui-fx~=icon-spin] {\n    --kui-icon-spin-duration: 220ms;\n    --kui-icon-spin-delay: 0ms;\n  }\n  [data-kui-fx~=icon-wiggle] {\n    --kui-icon-wiggle-duration: 220ms;\n    --kui-icon-wiggle-delay: 0ms;\n    --kui-icon-wiggle-ease: ease-out;\n  }\n  [data-kui-fx~=image-parallax-frame] {\n    --kui-media-parallax-frame-duration: 600ms;\n    --kui-media-parallax-frame-delay: 0ms;\n    --kui-media-parallax-frame-ease: ease-out;\n  }\n  [data-kui-fx~=ken-burns] {\n    --kui-media-ken-burns-duration: 600ms;\n    --kui-media-ken-burns-delay: 0ms;\n    --kui-media-ken-burns-ease: ease-out;\n  }\n  [data-kui-fx~=ken-burns-out] {\n    --kui-media-ken-burns-duration: 600ms;\n    --kui-media-ken-burns-delay: 0ms;\n    --kui-media-ken-burns-ease: ease-out;\n  }\n  [data-kui-fx~=lift] {\n    --kui-lift-duration: 220ms;\n    --kui-lift-delay: 0ms;\n    --kui-lift-ease: ease-out;\n  }\n  [data-kui-fx~=lift-shadow] {\n    --kui-lift-shadow-duration: 220ms;\n    --kui-lift-shadow-delay: 0ms;\n    --kui-lift-shadow-ease: ease-out;\n  }\n  [data-kui-fx~=lightbox-open] {\n    --kui-media-lightbox-duration: 600ms;\n    --kui-media-lightbox-delay: 0ms;\n    --kui-media-lightbox-ease: ease-out;\n  }\n  [data-kui-fx~=line-grid-drift] {\n    --kui-ambient-tint-duration: 16s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=loading-bar] {\n    --kui-bar-duration: 600ms;\n    --kui-bar-delay: 0ms;\n    --kui-bar-ease: ease-out;\n  }\n  [data-kui-fx~=logo-build] {\n    --kui-logo-assemble-duration: 520ms;\n    --kui-logo-assemble-ease: var(--kui-ease-back-out, ease-out);\n    --kui-logo-assemble-delay: 0ms;\n  }\n  [data-kui-fx~=long-press] {\n    --kui-pressable-duration: 500ms;\n  }\n  [data-kui-fx~=magnetic-snap] {\n    --kui-strength: 0.6;\n    --kui-radius: 160;\n  }\n  [data-kui-fx~=marquee] {\n    --kui-text-marquee-duration: 600ms;\n    --kui-text-marquee-delay: 0ms;\n    --kui-text-marquee-ease: ease-out;\n  }\n  [data-kui-fx~=marquee-scroll-linked] {\n    --kui-text-marquee-duration: 600ms;\n    --kui-text-marquee-delay: 0ms;\n    --kui-text-marquee-ease: ease-out;\n  }\n  [data-kui-fx~=mask-reveal] {\n    --kui-media-mask-duration: 600ms;\n    --kui-media-mask-delay: 0ms;\n    --kui-media-mask-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masked-label-swap-x] {\n    --kui-label-swap-duration: 320ms;\n    --kui-label-swap-delay: 0ms;\n    --kui-label-swap-ease: ease-out;\n  }\n  [data-kui-fx~=masonry-reflow] {\n    --kui-flip-container-duration: 400ms;\n    --kui-flip-container-delay: 0ms;\n    --kui-flip-container-ease: ease-out;\n  }\n  [data-kui-fx~=mega-menu-drop] {\n    --kui-panel-reveal-duration: 550ms;\n    --kui-panel-reveal-delay: 0ms;\n    --kui-panel-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=menu-fullscreen] {\n    --kui-menu-fullscreen-duration: 600ms;\n    --kui-menu-fullscreen-delay: 0ms;\n    --kui-menu-fullscreen-ease: ease-out;\n  }\n  [data-kui-fx~=menu-stagger-open] {\n    --kui-nav-reveal-duration: 600ms;\n    --kui-nav-reveal-delay: 0ms;\n    --kui-nav-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=motion-path] {\n    --kui-motion-path: \"M 0 0 L 120 0\";\n    --kui-motion-path-duration: 1200ms;\n    --kui-motion-path-delay: 0ms;\n    --kui-motion-path-ease: ease-out;\n  }\n  [data-kui-fx~=odometer-roll] {\n    --kui-from: 0;\n    --kui-to: 4820;\n    --kui-count-odometer-duration: 1600ms;\n    --kui-count-odometer-delay: 0ms;\n  }\n  [data-kui-fx~=orbit] {\n    --kui-ambient-orbit-duration: 3.5s;\n    --kui-ambient-orbit-delay: 0ms;\n    --kui-ambient-orbit-ease: linear;\n  }\n  [data-kui-fx~=page-fade] {\n    --kui-page-reveal-duration: 600ms;\n    --kui-page-reveal-delay: 0ms;\n    --kui-page-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=page-slide] {\n    --kui-page-reveal-duration: 600ms;\n    --kui-page-reveal-delay: 0ms;\n    --kui-page-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-rotate] {\n    --kui-parallax-rotate-duration: 600ms;\n    --kui-parallax-rotate-delay: 0ms;\n    --kui-parallax-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-scale] {\n    --kui-parallax-scale-duration: 600ms;\n    --kui-parallax-scale-delay: 0ms;\n    --kui-parallax-scale-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-x] {\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=parallax-y] {\n    --kui-parallax-duration: 600ms;\n    --kui-parallax-delay: 0ms;\n    --kui-parallax-ease: ease-out;\n  }\n  [data-kui-fx~=path-arc] {\n    --kui-motion-path: \"M 0 0 C 40 -70 120 -70 160 0\";\n    --kui-motion-path-duration: 1200ms;\n    --kui-motion-path-ease: ease-in-out;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-loop] {\n    --kui-motion-path: \"M 0 0 C 0 -70 110 -70 110 0 C 110 70 0 70 0 0\";\n    --kui-motion-path-duration: 2400ms;\n    --kui-motion-path-ease: linear;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-swoop] {\n    --kui-motion-path: \"M -120 70 C -70 70 -25 25 0 0\";\n    --kui-motion-path-duration: 900ms;\n    --kui-motion-path-ease: var(--kui-ease-expo-out, ease-out);\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=path-wave] {\n    --kui-motion-path: \"M 0 0 C 45 -45 105 45 150 0\";\n    --kui-motion-path-duration: 1600ms;\n    --kui-motion-path-ease: ease-in-out;\n    --kui-motion-path-delay: 0ms;\n  }\n  [data-kui-fx~=pin-section] {\n    --kui-distance: 100vh;\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=pin-spacer] {\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=pin-until] {\n    --kui-spacer: false;\n  }\n  [data-kui-fx~=play-to-pause] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=plus-to-minus] {\n    --kui-icon-toggle-duration: 260ms;\n    --kui-icon-toggle-delay: 0ms;\n    --kui-icon-toggle-ease: ease-out;\n  }\n  [data-kui-fx~=pop] {\n    --kui-pop-duration: 220ms;\n    --kui-pop-delay: 0ms;\n    --kui-pop-ease: ease-out;\n  }\n  [data-kui-fx~=pop-in] {\n    --kui-from-scale: 0.6;\n    --kui-scale-ease: var(--kui-ease-back-out, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=pop-open] {\n    --kui-pop-open-duration: 240ms;\n    --kui-pop-open-delay: 0ms;\n    --kui-pop-open-ease: ease-out;\n  }\n  [data-kui-fx~=pop-out] {\n    --kui-from-scale: 0.6;\n    --kui-scale-ease: var(--kui-ease-back-in, ease-out);\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n  }\n  [data-kui-fx~=press-depth] {\n    --kui-press-duration: 120ms;\n    --kui-press-delay: 0ms;\n    --kui-press-ease: ease-out;\n  }\n  [data-kui-fx~=progress-bar] {\n    --kui-meter-bar-duration: 600ms;\n    --kui-meter-bar-delay: 0ms;\n    --kui-meter-bar-ease: ease-out;\n  }\n  [data-kui-fx~=progress-indeterminate] {\n    --kui-feedback-progress-track-duration: 1.4s;\n    --kui-feedback-progress-track-delay: 0ms;\n    --kui-feedback-progress-track-ease: ease-in-out;\n  }\n  [data-kui-fx~=progress-ring] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=progress-segments] {\n    --kui-meter-segments-duration: 600ms;\n    --kui-meter-segments-delay: 0ms;\n    --kui-meter-segments-ease: ease-out;\n  }\n  [data-kui-fx~=proximity-glow] {\n    --kui-proximity-glow-duration: 200ms;\n    --kui-proximity-glow-ease: ease-out;\n  }\n  [data-kui-fx~=pull-to-refresh] {\n    --kui-feedback-pull-duration: 900ms;\n    --kui-feedback-pull-ease: ease-out;\n    --kui-feedback-pull-delay: 0ms;\n  }\n  [data-kui-fx~=range-fill] {\n    --kui-range-fill-duration: 400ms;\n    --kui-range-fill-delay: 0ms;\n    --kui-range-fill-ease: ease-out;\n  }\n  [data-kui-fx~=redaction-reveal] {\n    --kui-redaction-reveal-duration: 600ms;\n    --kui-redaction-reveal-delay: 0ms;\n    --kui-redaction-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=reveal-once] {\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=ripple] {\n    --kui-feedback-ripple-duration: 600ms;\n    --kui-feedback-ripple-delay: 0ms;\n    --kui-feedback-ripple-ease: ease-out;\n  }\n  [data-kui-fx~=roll-in] {\n    --kui-roll-duration: 600ms;\n    --kui-roll-delay: 0ms;\n    --kui-roll-ease: ease-out;\n  }\n  [data-kui-fx~=roll-out] {\n    --kui-roll-duration: 600ms;\n    --kui-roll-delay: 0ms;\n    --kui-roll-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in] {\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in-left] {\n    --kui-from-angle: -45deg;\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-in-right] {\n    --kui-from-angle: 45deg;\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rotate-out] {\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n    --kui-rotate-ease: ease-out;\n  }\n  [data-kui-fx~=rubber-band] {\n    --kui-return: true;\n    --kui-bounds: 120;\n  }\n  [data-kui-fx~=saturate-hover] {\n    --kui-media-filter-duration: 600ms;\n    --kui-media-filter-delay: 0ms;\n    --kui-media-filter-ease: ease-out;\n  }\n  [data-kui-fx~=scale-open] {\n    --kui-scale-open-duration: 240ms;\n    --kui-scale-open-delay: 0ms;\n    --kui-scale-open-ease: ease-out;\n  }\n  [data-kui-fx~=scanline] {\n    --kui-ambient-tint-duration: 3.5s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=scramble] {\n    --kui-charset: upper;\n    --kui-scramble-text-delay: 0ms;\n  }\n  [data-kui-fx~=scroll-desaturate] {\n    --kui-desaturate-duration: 600ms;\n    --kui-desaturate-delay: 0ms;\n    --kui-desaturate-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-fade] {\n    --kui-scroll-fade-duration: 600ms;\n    --kui-scroll-fade-delay: 0ms;\n    --kui-scroll-fade-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-bar] {\n    --kui-progress-duration: 600ms;\n    --kui-progress-delay: 0ms;\n    --kui-progress-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-bar-y] {\n    --kui-progress-duration: 600ms;\n    --kui-progress-delay: 0ms;\n    --kui-progress-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-progress-ring] {\n    --kui-progress-stroke-duration: 600ms;\n    --kui-progress-stroke-delay: 0ms;\n    --kui-progress-stroke-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-skew] {\n    --kui-skew-duration: 600ms;\n    --kui-skew-delay: 0ms;\n    --kui-skew-ease: ease-out;\n  }\n  [data-kui-fx~=scroll-snap-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=scroll-snap-y] {\n    --kui-axis: y;\n  }\n  [data-kui-fx~=scrollytelling-step] {\n    --kui-steps: 4;\n  }\n  [data-kui-fx~=search-expand] {\n    --kui-search-expand-duration: 260ms;\n    --kui-search-expand-delay: 0ms;\n    --kui-search-expand-ease: ease-out;\n  }\n  [data-kui-fx~=sequence-scrub] {\n    --kui-spacer: true;\n  }\n  [data-kui-fx~=shake-error] {\n    --kui-feedback-shake-duration: 500ms;\n    --kui-feedback-shake-delay: 0ms;\n    --kui-feedback-shake-ease: linear;\n  }\n  [data-kui-fx~=shine-sweep] {\n    --kui-shine-sweep-duration: 220ms;\n    --kui-shine-sweep-delay: 0ms;\n    --kui-shine-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=skeleton-shimmer] {\n    --kui-feedback-shimmer-duration: 1.6s;\n    --kui-feedback-shimmer-delay: 0ms;\n    --kui-feedback-shimmer-ease: linear;\n  }\n  [data-kui-fx~=skeleton-to-content] {\n    --kui-feedback-fade-duration: 600ms;\n    --kui-feedback-fade-delay: 0ms;\n    --kui-feedback-fade-ease: ease-out;\n  }\n  [data-kui-fx~=slat-assemble] {\n    --kui-slat-assemble-duration: 500ms;\n    --kui-slat-assemble-delay: 0ms;\n    --kui-slat-assemble-ease: ease-out;\n  }\n  [data-kui-fx~=slide-block-end] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-block-start] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-down] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-inline-end] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-inline-start] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-left] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-open-down] {\n    --kui-slide-open-down-duration: 240ms;\n    --kui-slide-open-down-delay: 0ms;\n    --kui-slide-open-down-ease: ease-out;\n  }\n  [data-kui-fx~=slide-open-up] {\n    --kui-slide-open-up-duration: 240ms;\n    --kui-slide-open-up-delay: 0ms;\n    --kui-slide-open-up-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-down] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-left] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-right] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-out-up] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-right] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=slide-up] {\n    --kui-distance: 100px;\n    --kui-from-opacity: 1;\n    --kui-reveal-duration: 600ms;\n    --kui-reveal-delay: 0ms;\n    --kui-reveal-ease: ease-out;\n  }\n  [data-kui-fx~=snap-back] {\n    --kui-return: true;\n    --kui-stiffness: 260;\n  }\n  [data-kui-fx~=sparkline-draw] {\n    --kui-stroke-sweep-duration: 600ms;\n    --kui-stroke-sweep-delay: 0ms;\n    --kui-stroke-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=spinner] {\n    --kui-feedback-spin-duration: 900ms;\n    --kui-feedback-spin-delay: 0ms;\n    --kui-feedback-spin-ease: linear;\n  }\n  [data-kui-fx~=spinner-dots] {\n    --kui-feedback-dot-pulse-duration: 1.2s;\n    --kui-feedback-dot-pulse-delay: 0ms;\n    --kui-feedback-dot-pulse-ease: ease-in-out;\n  }\n  [data-kui-fx~=spinner-ring] {\n    --kui-feedback-spin-duration: 900ms;\n    --kui-feedback-spin-delay: 0ms;\n    --kui-feedback-spin-ease: linear;\n  }\n  [data-kui-fx~=split-chars] {\n    --kui-unit: chars;\n    --kui-direction: fade;\n    --kui-stagger: 30ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=split-flap] {\n    --kui-split-flap-duration: 220ms;\n    --kui-split-flap-delay: 0ms;\n    --kui-split-flap-ease: ease-out;\n  }\n  [data-kui-fx~=split-lines] {\n    --kui-unit: lines;\n    --kui-direction: fade;\n    --kui-stagger: 160ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=split-words] {\n    --kui-unit: words;\n    --kui-direction: fade;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=spotlight-follow] {\n    --kui-ambient-tint-duration: 9s;\n    --kui-ambient-tint-delay: 0ms;\n    --kui-ambient-tint-ease: ease-in-out;\n  }\n  [data-kui-fx~=stacking-cards] {\n    --kui-spacer: false;\n  }\n  [data-kui-fx~=star-rating-fill] {\n    --kui-meter-stars-duration: 600ms;\n    --kui-meter-stars-delay: 0ms;\n    --kui-meter-stars-ease: ease-out;\n  }\n  [data-kui-fx~=starfield] {\n    --kui-ambient-tint-duration: 40s;\n    --kui-ambient-tint-ease: linear;\n    --kui-ambient-tint-delay: 0ms;\n  }\n  [data-kui-fx~=step-progress] {\n    --kui-step-progress-duration: 400ms;\n    --kui-step-progress-delay: 0ms;\n    --kui-step-progress-ease: ease-out;\n  }\n  [data-kui-fx~=strength-meter] {\n    --kui-strength-meter-duration: 400ms;\n    --kui-strength-meter-delay: 0ms;\n    --kui-strength-meter-ease: ease-out;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] {\n    --kui-submit-flow-duration: 400ms;\n    --kui-submit-flow-delay: 0ms;\n    --kui-submit-flow-ease: ease-out;\n  }\n  [data-kui-fx~=swing-in] {\n    --kui-from-angle: -15deg;\n    --kui-rotate-ease: var(--kui-ease-back-out, ease-out);\n    --kui-rotate-duration: 600ms;\n    --kui-rotate-delay: 0ms;\n  }\n  [data-kui-fx~=swipe-x] {\n    --kui-axis: x;\n  }\n  [data-kui-fx~=tab-indicator-slide] {\n    --kui-flip-indicator-duration: 300ms;\n    --kui-flip-indicator-delay: 0ms;\n    --kui-flip-indicator-ease: ease-out;\n  }\n  [data-kui-fx~=text-3d-extrude] {\n    --kui-text-3d-extrude-duration: 600ms;\n    --kui-text-3d-extrude-delay: 0ms;\n    --kui-text-3d-extrude-ease: ease-out;\n  }\n  [data-kui-fx~=text-jitter] {\n    --kui-motion: jitter;\n    --kui-split-text-motion-delay: 0ms;\n  }\n  [data-kui-fx~=text-outline-fill] {\n    --kui-text-outline-fill-duration: 600ms;\n    --kui-text-outline-fill-delay: 0ms;\n    --kui-text-outline-fill-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-down] {\n    --kui-unit: words;\n    --kui-direction: down;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-mask] {\n    --kui-unit: lines;\n    --kui-direction: mask;\n    --kui-stagger: 160ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-reveal-up] {\n    --kui-unit: words;\n    --kui-direction: up;\n    --kui-stagger: 90ms;\n    --kui-split-text-duration: 500ms;\n    --kui-split-text-delay: 0ms;\n    --kui-split-text-ease: ease-out;\n  }\n  [data-kui-fx~=text-wave] {\n    --kui-motion: wave;\n    --kui-split-text-motion-delay: 0ms;\n  }\n  [data-kui-fx~=throwable] {\n    --kui-inertia: true;\n    --kui-damping: 18;\n  }\n  [data-kui-fx~=toast-slide-in] {\n    --kui-feedback-toast-duration: 420ms;\n    --kui-feedback-toast-delay: 0ms;\n    --kui-feedback-toast-ease: var(--kui-ease-back-out, ease-out);\n  }\n  [data-kui-fx~=toast-slide-out] {\n    --kui-feedback-toast-ease: ease-in;\n    --kui-feedback-toast-duration: 420ms;\n    --kui-feedback-toast-delay: 0ms;\n  }\n  [data-kui-fx~=tween] {\n    --kui-tween-duration: 600ms;\n    --kui-tween-delay: 0ms;\n    --kui-tween-ease: ease-out;\n  }\n  [data-kui-fx~=tween-from] {\n    --kui-tween-from-duration: 600ms;\n    --kui-tween-from-delay: 0ms;\n    --kui-tween-from-ease: ease-out;\n  }\n  [data-kui-fx~=typewriter] {\n    --kui-loop: false;\n    --kui-typewriter-delay: 0ms;\n  }\n  [data-kui-fx~=typewriter-loop] {\n    --kui-loop: true;\n    --kui-typewriter-delay: 0ms;\n  }\n  [data-kui-fx~=underline-center] {\n    --kui-underline-center-duration: 220ms;\n    --kui-underline-center-delay: 0ms;\n    --kui-underline-center-ease: ease-out;\n  }\n  [data-kui-fx~=underline-draw] {\n    --kui-text-sweep-duration: 600ms;\n    --kui-text-sweep-delay: 0ms;\n    --kui-text-sweep-ease: ease-out;\n  }\n  [data-kui-fx~=underline-slide] {\n    --kui-underline-slide-duration: 220ms;\n    --kui-underline-slide-delay: 0ms;\n    --kui-underline-slide-ease: ease-out;\n  }\n  [data-kui-fx~=validate-check] {\n    --kui-validate-check-duration: 600ms;\n    --kui-validate-check-delay: 0ms;\n    --kui-validate-check-ease: ease-out;\n  }\n  [data-kui-fx~=validate-shake] {\n    --kui-validate-shake-duration: 600ms;\n    --kui-validate-shake-delay: 0ms;\n    --kui-validate-shake-ease: ease-out;\n  }\n  [data-kui-fx~=var-axis] {\n    --kui-var-axis-duration: 600ms;\n    --kui-var-axis-delay: 0ms;\n    --kui-var-axis-ease: ease-out;\n  }\n  [data-kui-fx~=var-slant] {\n    --kui-var-slant-duration: 600ms;\n    --kui-var-slant-delay: 0ms;\n    --kui-var-slant-ease: ease-out;\n  }\n  [data-kui-fx~=var-weight] {\n    --kui-var-weight-duration: 600ms;\n    --kui-var-weight-delay: 0ms;\n    --kui-var-weight-ease: ease-out;\n  }\n  [data-kui-fx~=var-width] {\n    --kui-var-width-duration: 600ms;\n    --kui-var-width-delay: 0ms;\n    --kui-var-width-ease: ease-out;\n  }\n  [data-kui-fx~=video-backdrop] {\n    --kui-overlay: black;\n    --kui-overlay-opacity: 45%;\n  }\n  [data-kui-fx~=video-hero] {\n    --kui-overlay: black;\n    --kui-overlay-opacity: 45%;\n    --kui-autoplay: always;\n  }\n  [data-kui-fx~=view-swap] {\n    --kui-view-swap-delay: 0ms;\n  }\n  [data-kui-fx~=wave-blob] {\n    --kui-ambient-tint-duration: 12s;\n    --kui-ambient-tint-delay: 0ms;\n    --kui-ambient-tint-ease: ease-in-out;\n  }\n  [data-kui-fx~=wipe-circle] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-diagonal] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-down] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-left] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-right] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wipe-up] {\n    --kui-media-wipe-duration: 600ms;\n    --kui-media-wipe-delay: 0ms;\n    --kui-media-wipe-ease: ease-out;\n  }\n  [data-kui-fx~=wobble] {\n    --kui-feedback-wobble-duration: 600ms;\n    --kui-feedback-wobble-ease: ease-in-out;\n    --kui-feedback-wobble-delay: 0ms;\n  }\n  [data-kui-fx~=word-cycler] {\n    --kui-word-cycler-delay: 0ms;\n  }\n  [data-kui-fx~=zoom-in] {\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n    --kui-scale-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-in-down] {\n    --kui-scale-move-duration: 600ms;\n    --kui-scale-move-delay: 0ms;\n    --kui-scale-move-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-in-up] {\n    --kui-scale-move-duration: 600ms;\n    --kui-scale-move-delay: 0ms;\n    --kui-scale-move-ease: ease-out;\n  }\n  [data-kui-fx~=zoom-out] {\n    --kui-scale-duration: 600ms;\n    --kui-scale-delay: 0ms;\n    --kui-scale-ease: ease-out;\n  }\n}\n@layer kui.cloak {\n  html[data-kui-cloak] :is([data-kui~=back-in-down], [data-kui~=\"back-in-down,\"], [data-kui~=\",back-in-down\"], [data-kui~=\",back-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=back-in-up], [data-kui~=\"back-in-up,\"], [data-kui~=\",back-in-up\"], [data-kui~=\",back-in-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=blur-in], [data-kui~=\"blur-in,\"], [data-kui~=\",blur-in\"], [data-kui~=\",blur-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=blur-up], [data-kui~=\"blur-up,\"], [data-kui~=\",blur-up\"], [data-kui~=\",blur-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in], [data-kui~=\"bounce-in,\"], [data-kui~=\",bounce-in\"], [data-kui~=\",bounce-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in-down], [data-kui~=\"bounce-in-down,\"], [data-kui~=\",bounce-in-down\"], [data-kui~=\",bounce-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=bounce-in-up], [data-kui~=\"bounce-in-up,\"], [data-kui~=\",bounce-in-up\"], [data-kui~=\",bounce-in-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=card-flip-x], [data-kui~=\"card-flip-x,\"], [data-kui~=\",card-flip-x\"], [data-kui~=\",card-flip-x,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=card-flip-y], [data-kui~=\"card-flip-y,\"], [data-kui~=\",card-flip-y\"], [data-kui~=\",card-flip-y,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=chart-bar-grow], [data-kui~=\"chart-bar-grow,\"], [data-kui~=\",chart-bar-grow\"], [data-kui~=\",chart-bar-grow,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=curtain-reveal], [data-kui~=\"curtain-reveal,\"], [data-kui~=\",curtain-reveal\"], [data-kui~=\",curtain-reveal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-blur-in], [data-kui~=\"fade-blur-in,\"], [data-kui~=\",fade-blur-in\"], [data-kui~=\",fade-blur-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-blur-up], [data-kui~=\"fade-blur-up,\"], [data-kui~=\",fade-blur-up\"], [data-kui~=\",fade-blur-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-down], [data-kui~=\"fade-down,\"], [data-kui~=\",fade-down\"], [data-kui~=\",fade-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-in], [data-kui~=\"fade-in,\"], [data-kui~=\",fade-in\"], [data-kui~=\",fade-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-left], [data-kui~=\"fade-left,\"], [data-kui~=\",fade-left\"], [data-kui~=\",fade-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-right], [data-kui~=\"fade-right,\"], [data-kui~=\",fade-right\"], [data-kui~=\",fade-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fade-up], [data-kui~=\"fade-up,\"], [data-kui~=\",fade-up\"], [data-kui~=\",fade-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=flip-in-x], [data-kui~=\"flip-in-x,\"], [data-kui~=\",flip-in-x\"], [data-kui~=\",flip-in-x,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=flip-in-y], [data-kui~=\"flip-in-y,\"], [data-kui~=\",flip-in-y\"], [data-kui~=\",flip-in-y,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=fold-panel], [data-kui~=\"fold-panel,\"], [data-kui~=\",fold-panel\"], [data-kui~=\",fold-panel,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=loading-bar], [data-kui~=\"loading-bar,\"], [data-kui~=\",loading-bar\"], [data-kui~=\",loading-bar,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=mask-reveal], [data-kui~=\"mask-reveal,\"], [data-kui~=\",mask-reveal\"], [data-kui~=\",mask-reveal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=path-swoop], [data-kui~=\"path-swoop,\"], [data-kui~=\",path-swoop\"], [data-kui~=\",path-swoop,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=pop-in], [data-kui~=\"pop-in,\"], [data-kui~=\",pop-in\"], [data-kui~=\",pop-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=progress-bar], [data-kui~=\"progress-bar,\"], [data-kui~=\",progress-bar\"], [data-kui~=\",progress-bar,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=reveal-once], [data-kui~=\"reveal-once,\"], [data-kui~=\",reveal-once\"], [data-kui~=\",reveal-once,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=roll-in], [data-kui~=\"roll-in,\"], [data-kui~=\",roll-in\"], [data-kui~=\",roll-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in], [data-kui~=\"rotate-in,\"], [data-kui~=\",rotate-in\"], [data-kui~=\",rotate-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in-left], [data-kui~=\"rotate-in-left,\"], [data-kui~=\",rotate-in-left\"], [data-kui~=\",rotate-in-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=rotate-in-right], [data-kui~=\"rotate-in-right,\"], [data-kui~=\",rotate-in-right\"], [data-kui~=\",rotate-in-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slat-assemble], [data-kui~=\"slat-assemble,\"], [data-kui~=\",slat-assemble\"], [data-kui~=\",slat-assemble,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-block-end], [data-kui~=\"slide-block-end,\"], [data-kui~=\",slide-block-end\"], [data-kui~=\",slide-block-end,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-block-start], [data-kui~=\"slide-block-start,\"], [data-kui~=\",slide-block-start\"], [data-kui~=\",slide-block-start,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-down], [data-kui~=\"slide-down,\"], [data-kui~=\",slide-down\"], [data-kui~=\",slide-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-inline-end], [data-kui~=\"slide-inline-end,\"], [data-kui~=\",slide-inline-end\"], [data-kui~=\",slide-inline-end,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-inline-start], [data-kui~=\"slide-inline-start,\"], [data-kui~=\",slide-inline-start\"], [data-kui~=\",slide-inline-start,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-left], [data-kui~=\"slide-left,\"], [data-kui~=\",slide-left\"], [data-kui~=\",slide-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-right], [data-kui~=\"slide-right,\"], [data-kui~=\",slide-right\"], [data-kui~=\",slide-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=slide-up], [data-kui~=\"slide-up,\"], [data-kui~=\",slide-up\"], [data-kui~=\",slide-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=swing-in], [data-kui~=\"swing-in,\"], [data-kui~=\",swing-in\"], [data-kui~=\",swing-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-down], [data-kui~=\"text-reveal-down,\"], [data-kui~=\",text-reveal-down\"], [data-kui~=\",text-reveal-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-mask], [data-kui~=\"text-reveal-mask,\"], [data-kui~=\",text-reveal-mask\"], [data-kui~=\",text-reveal-mask,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=text-reveal-up], [data-kui~=\"text-reveal-up,\"], [data-kui~=\",text-reveal-up\"], [data-kui~=\",text-reveal-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=tween-from], [data-kui~=\"tween-from,\"], [data-kui~=\",tween-from\"], [data-kui~=\",tween-from,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-circle], [data-kui~=\"wipe-circle,\"], [data-kui~=\",wipe-circle\"], [data-kui~=\",wipe-circle,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-diagonal], [data-kui~=\"wipe-diagonal,\"], [data-kui~=\",wipe-diagonal\"], [data-kui~=\",wipe-diagonal,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-down], [data-kui~=\"wipe-down,\"], [data-kui~=\",wipe-down\"], [data-kui~=\",wipe-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-left], [data-kui~=\"wipe-left,\"], [data-kui~=\",wipe-left\"], [data-kui~=\",wipe-left,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-right], [data-kui~=\"wipe-right,\"], [data-kui~=\",wipe-right\"], [data-kui~=\",wipe-right,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=wipe-up], [data-kui~=\"wipe-up,\"], [data-kui~=\",wipe-up\"], [data-kui~=\",wipe-up,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in], [data-kui~=\"zoom-in,\"], [data-kui~=\",zoom-in\"], [data-kui~=\",zoom-in,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in-down], [data-kui~=\"zoom-in-down,\"], [data-kui~=\",zoom-in-down\"], [data-kui~=\",zoom-in-down,\"]):not([data-kui-state]),\n  html[data-kui-cloak] :is([data-kui~=zoom-in-up], [data-kui~=\"zoom-in-up,\"], [data-kui~=\",zoom-in-up\"], [data-kui~=\",zoom-in-up,\"]):not([data-kui-state]) {\n    opacity: 0;\n    animation: kui-cloak-release 1ms linear 2s forwards;\n  }\n  @keyframes kui-cloak-release {\n    to {\n      opacity: 1;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    html[data-kui-cloak] :is([data-kui~=back-in-down], [data-kui~=\"back-in-down,\"], [data-kui~=\",back-in-down\"], [data-kui~=\",back-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=back-in-up], [data-kui~=\"back-in-up,\"], [data-kui~=\",back-in-up\"], [data-kui~=\",back-in-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=blur-in], [data-kui~=\"blur-in,\"], [data-kui~=\",blur-in\"], [data-kui~=\",blur-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=blur-up], [data-kui~=\"blur-up,\"], [data-kui~=\",blur-up\"], [data-kui~=\",blur-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in], [data-kui~=\"bounce-in,\"], [data-kui~=\",bounce-in\"], [data-kui~=\",bounce-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in-down], [data-kui~=\"bounce-in-down,\"], [data-kui~=\",bounce-in-down\"], [data-kui~=\",bounce-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=bounce-in-up], [data-kui~=\"bounce-in-up,\"], [data-kui~=\",bounce-in-up\"], [data-kui~=\",bounce-in-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=card-flip-x], [data-kui~=\"card-flip-x,\"], [data-kui~=\",card-flip-x\"], [data-kui~=\",card-flip-x,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=card-flip-y], [data-kui~=\"card-flip-y,\"], [data-kui~=\",card-flip-y\"], [data-kui~=\",card-flip-y,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=chart-bar-grow], [data-kui~=\"chart-bar-grow,\"], [data-kui~=\",chart-bar-grow\"], [data-kui~=\",chart-bar-grow,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=curtain-reveal], [data-kui~=\"curtain-reveal,\"], [data-kui~=\",curtain-reveal\"], [data-kui~=\",curtain-reveal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-blur-in], [data-kui~=\"fade-blur-in,\"], [data-kui~=\",fade-blur-in\"], [data-kui~=\",fade-blur-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-blur-up], [data-kui~=\"fade-blur-up,\"], [data-kui~=\",fade-blur-up\"], [data-kui~=\",fade-blur-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-down], [data-kui~=\"fade-down,\"], [data-kui~=\",fade-down\"], [data-kui~=\",fade-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-in], [data-kui~=\"fade-in,\"], [data-kui~=\",fade-in\"], [data-kui~=\",fade-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-left], [data-kui~=\"fade-left,\"], [data-kui~=\",fade-left\"], [data-kui~=\",fade-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-right], [data-kui~=\"fade-right,\"], [data-kui~=\",fade-right\"], [data-kui~=\",fade-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fade-up], [data-kui~=\"fade-up,\"], [data-kui~=\",fade-up\"], [data-kui~=\",fade-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=flip-in-x], [data-kui~=\"flip-in-x,\"], [data-kui~=\",flip-in-x\"], [data-kui~=\",flip-in-x,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=flip-in-y], [data-kui~=\"flip-in-y,\"], [data-kui~=\",flip-in-y\"], [data-kui~=\",flip-in-y,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=fold-panel], [data-kui~=\"fold-panel,\"], [data-kui~=\",fold-panel\"], [data-kui~=\",fold-panel,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=loading-bar], [data-kui~=\"loading-bar,\"], [data-kui~=\",loading-bar\"], [data-kui~=\",loading-bar,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=mask-reveal], [data-kui~=\"mask-reveal,\"], [data-kui~=\",mask-reveal\"], [data-kui~=\",mask-reveal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=path-swoop], [data-kui~=\"path-swoop,\"], [data-kui~=\",path-swoop\"], [data-kui~=\",path-swoop,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=pop-in], [data-kui~=\"pop-in,\"], [data-kui~=\",pop-in\"], [data-kui~=\",pop-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=progress-bar], [data-kui~=\"progress-bar,\"], [data-kui~=\",progress-bar\"], [data-kui~=\",progress-bar,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=reveal-once], [data-kui~=\"reveal-once,\"], [data-kui~=\",reveal-once\"], [data-kui~=\",reveal-once,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=roll-in], [data-kui~=\"roll-in,\"], [data-kui~=\",roll-in\"], [data-kui~=\",roll-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in], [data-kui~=\"rotate-in,\"], [data-kui~=\",rotate-in\"], [data-kui~=\",rotate-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in-left], [data-kui~=\"rotate-in-left,\"], [data-kui~=\",rotate-in-left\"], [data-kui~=\",rotate-in-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=rotate-in-right], [data-kui~=\"rotate-in-right,\"], [data-kui~=\",rotate-in-right\"], [data-kui~=\",rotate-in-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slat-assemble], [data-kui~=\"slat-assemble,\"], [data-kui~=\",slat-assemble\"], [data-kui~=\",slat-assemble,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-block-end], [data-kui~=\"slide-block-end,\"], [data-kui~=\",slide-block-end\"], [data-kui~=\",slide-block-end,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-block-start], [data-kui~=\"slide-block-start,\"], [data-kui~=\",slide-block-start\"], [data-kui~=\",slide-block-start,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-down], [data-kui~=\"slide-down,\"], [data-kui~=\",slide-down\"], [data-kui~=\",slide-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-inline-end], [data-kui~=\"slide-inline-end,\"], [data-kui~=\",slide-inline-end\"], [data-kui~=\",slide-inline-end,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-inline-start], [data-kui~=\"slide-inline-start,\"], [data-kui~=\",slide-inline-start\"], [data-kui~=\",slide-inline-start,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-left], [data-kui~=\"slide-left,\"], [data-kui~=\",slide-left\"], [data-kui~=\",slide-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-right], [data-kui~=\"slide-right,\"], [data-kui~=\",slide-right\"], [data-kui~=\",slide-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=slide-up], [data-kui~=\"slide-up,\"], [data-kui~=\",slide-up\"], [data-kui~=\",slide-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=swing-in], [data-kui~=\"swing-in,\"], [data-kui~=\",swing-in\"], [data-kui~=\",swing-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-down], [data-kui~=\"text-reveal-down,\"], [data-kui~=\",text-reveal-down\"], [data-kui~=\",text-reveal-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-mask], [data-kui~=\"text-reveal-mask,\"], [data-kui~=\",text-reveal-mask\"], [data-kui~=\",text-reveal-mask,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=text-reveal-up], [data-kui~=\"text-reveal-up,\"], [data-kui~=\",text-reveal-up\"], [data-kui~=\",text-reveal-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=tween-from], [data-kui~=\"tween-from,\"], [data-kui~=\",tween-from\"], [data-kui~=\",tween-from,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-circle], [data-kui~=\"wipe-circle,\"], [data-kui~=\",wipe-circle\"], [data-kui~=\",wipe-circle,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-diagonal], [data-kui~=\"wipe-diagonal,\"], [data-kui~=\",wipe-diagonal\"], [data-kui~=\",wipe-diagonal,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-down], [data-kui~=\"wipe-down,\"], [data-kui~=\",wipe-down\"], [data-kui~=\",wipe-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-left], [data-kui~=\"wipe-left,\"], [data-kui~=\",wipe-left\"], [data-kui~=\",wipe-left,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-right], [data-kui~=\"wipe-right,\"], [data-kui~=\",wipe-right\"], [data-kui~=\",wipe-right,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=wipe-up], [data-kui~=\"wipe-up,\"], [data-kui~=\",wipe-up\"], [data-kui~=\",wipe-up,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in], [data-kui~=\"zoom-in,\"], [data-kui~=\",zoom-in\"], [data-kui~=\",zoom-in,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in-down], [data-kui~=\"zoom-in-down,\"], [data-kui~=\",zoom-in-down\"], [data-kui~=\",zoom-in-down,\"]):not([data-kui-state]),\n    html[data-kui-cloak] :is([data-kui~=zoom-in-up], [data-kui~=\"zoom-in-up,\"], [data-kui~=\",zoom-in-up\"], [data-kui~=\",zoom-in-up,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 40rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:sm\"], [data-kui~=\"above:sm,\"], [data-kui~=\",above:sm\"], [data-kui~=\",above:sm,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 40rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:sm\"], [data-kui~=\"below:sm,\"], [data-kui~=\",below:sm\"], [data-kui~=\",below:sm,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 48rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:md\"], [data-kui~=\"above:md,\"], [data-kui~=\",above:md\"], [data-kui~=\",above:md,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 48rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:md\"], [data-kui~=\"below:md,\"], [data-kui~=\",below:md\"], [data-kui~=\",below:md,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 64rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:lg\"], [data-kui~=\"above:lg,\"], [data-kui~=\",above:lg\"], [data-kui~=\",above:lg,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 64rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:lg\"], [data-kui~=\"below:lg,\"], [data-kui~=\",below:lg\"], [data-kui~=\",below:lg,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 80rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:xl\"], [data-kui~=\"above:xl,\"], [data-kui~=\",above:xl\"], [data-kui~=\",above:xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 80rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:xl\"], [data-kui~=\"below:xl,\"], [data-kui~=\",below:xl\"], [data-kui~=\",below:xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media not all and (min-width: 96rem) {\n    html[data-kui-cloak] :is([data-kui~=\"above:2xl\"], [data-kui~=\"above:2xl,\"], [data-kui~=\",above:2xl\"], [data-kui~=\",above:2xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  @media (min-width: 96rem) {\n    html[data-kui-cloak] :is([data-kui~=\"below:2xl\"], [data-kui~=\"below:2xl,\"], [data-kui~=\",below:2xl\"], [data-kui~=\",below:2xl,\"]):not([data-kui-state]) {\n      opacity: 1;\n      animation: none;\n    }\n  }\n}\n\n/* src/css/entrance.css */\n@layer kui.effects {\n  @keyframes kui-in {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n    }\n  }\n  @keyframes kui-out {\n    to {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-in-up {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-in-down {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-in-left {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-in-right {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-out-up {\n    to {\n      opacity: 0;\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-out-down {\n    to {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-out-left {\n    to {\n      opacity: 0;\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-out-right {\n    to {\n      opacity: 0;\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-in-inline-start {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * var(--kui-dir, 1)) 0;\n    }\n  }\n  @keyframes kui-in-inline-end {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * var(--kui-dir, 1) * -1) 0;\n    }\n  }\n  @keyframes kui-zoom-in {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n    }\n  }\n  @keyframes kui-zoom-out {\n    to {\n      scale: var(--kui-from-scale, 0.92);\n    }\n  }\n  @keyframes kui-zoom-in-up {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-zoom-in-down {\n    from {\n      scale: var(--kui-from-scale, 0.92);\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n  }\n  @keyframes kui-flip-in-x {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-in-y {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-out-x {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-flip-out-y {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-rotate-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -8deg));\n    }\n  }\n  @keyframes kui-rotate-out {\n    to {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -8deg));\n    }\n  }\n  @keyframes kui-swing-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -15deg));\n    }\n  }\n  @keyframes kui-roll-in {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -120deg));\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n  }\n  @keyframes kui-roll-out {\n    to {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -120deg));\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) 0;\n    }\n  }\n  @keyframes kui-blur-in {\n    from {\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-blur-out {\n    to {\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-fade-blur-up {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  @keyframes kui-fade-blur-in {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n      filter: blur(var(--kui-blur, 12px));\n    }\n  }\n  [data-kui-fx*=flip-] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=flip-in-x][data-kui-state=ready],\n  [data-kui-fx~=flip-in-y][data-kui-state=ready] {\n    opacity: 0;\n  }\n  [data-kui-fx~=rotate-in][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-left][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-right][data-kui-state=ready],\n  [data-kui-fx~=swing-in][data-kui-state=ready],\n  [data-kui-fx~=roll-in][data-kui-state=ready] {\n    opacity: 0;\n  }\n}\n\n/* src/css/scroll.css */\n@layer kui.effects {\n  @keyframes kui-parallax-y {\n    from {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 100px)) * -1);\n    }\n    to {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 100px));\n    }\n  }\n  @keyframes kui-parallax-x {\n    from {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 100px)) * -1) 0;\n    }\n    to {\n      translate: var(--kui-gate-distance, var(--kui-distance, 100px)) 0;\n    }\n  }\n  @keyframes kui-parallax-scale {\n    from {\n      scale: var(--kui-from-scale, 1);\n    }\n    to {\n      scale: var(--kui-to-scale, 1.2);\n    }\n  }\n  @keyframes kui-parallax-rotate {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, 0deg));\n    }\n    to {\n      rotate: var(--kui-to-angle, 12deg);\n    }\n  }\n  @keyframes kui-scroll-fade {\n    from {\n      opacity: var(--kui-from-opacity, 0);\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes kui-desaturate {\n    from {\n      filter: grayscale(var(--kui-from-grayscale, 100%));\n    }\n    to {\n      filter: grayscale(var(--kui-to-grayscale, 0%));\n    }\n  }\n  @keyframes kui-scroll-skew {\n    from {\n      transform: skewY(var(--kui-from-skew, 8deg));\n    }\n    to {\n      transform: skewY(var(--kui-to-skew, 0deg));\n    }\n  }\n  @keyframes kui-progress-x {\n    from {\n      scale: 0 1;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  @keyframes kui-progress-y {\n    from {\n      scale: 1 0;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  @keyframes kui-progress-ring {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=scroll-progress-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=scroll-progress-ring] {\n    stroke-dasharray: var(--kui-path-length, 100);\n  }\n  [data-kui-fx~=sequence-scrub]:has(> [data-kui-step-state]),\n  [data-kui-fx~=video-scrub]:has(> [data-kui-step-state]),\n  .kui-frame-stack {\n    position: relative;\n  }\n  [data-kui-fx~=sequence-scrub] > [data-kui-step-state],\n  [data-kui-fx~=video-scrub] > [data-kui-step-state],\n  .kui-frame-stack > [data-kui-step-state] {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n  }\n  [data-kui-fx~=sequence-scrub] > [data-kui-step-state=active],\n  [data-kui-fx~=video-scrub] > [data-kui-step-state=active],\n  .kui-frame-stack > [data-kui-step-state=active] {\n    opacity: 1;\n  }\n  @supports (animation-timeline: view()) {\n    [data-kui-timeline] {\n      animation-range: var(--kui-range, entry 0% cover 60%);\n    }\n  }\n  [data-kui~=horizontal-scroll] {\n    position: relative;\n  }\n}\n\n/* src/css/three-d.css */\n@layer kui.effects {\n  @keyframes kui-card-flip-y {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 180deg)));\n    }\n  }\n  @keyframes kui-card-flip-x {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, 180deg)));\n    }\n  }\n  @keyframes kui-cube-rotate {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, 90deg)));\n    }\n  }\n  @keyframes kui-book-page-turn {\n    to {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateY(var(--kui-gate-from-angle, var(--kui-from-angle, -160deg)));\n    }\n  }\n  @keyframes kui-fold-panel {\n    from {\n      transform: perspective(var(--kui-perspective, 1200px)) rotateX(var(--kui-gate-from-angle, var(--kui-from-angle, -90deg)));\n    }\n  }\n  [data-kui-fx~=card-flip-x],\n  [data-kui-fx~=card-flip-y],\n  [data-kui-fx~=cube-rotate],\n  [data-kui-fx~=book-page-turn],\n  [data-kui-fx~=fold-panel] {\n    transform-style: preserve-3d;\n    perspective: var(--kui-perspective, 1200px);\n  }\n  [data-kui-fx~=card-flip-x]:not(:has(> :nth-child(2))),\n  [data-kui-fx~=card-flip-y]:not(:has(> :nth-child(2))) {\n    --kui-from-angle: 360deg;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)),\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) {\n    display: grid;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :first-child,\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :nth-child(2),\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :first-child,\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :nth-child(2) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n  }\n  [data-kui-fx~=card-flip-x]:has(> :nth-child(2)) > :nth-child(2) {\n    rotate: x 180deg;\n  }\n  [data-kui-fx~=card-flip-y]:has(> :nth-child(2)) > :nth-child(2) {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=book-page-turn] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=fold-panel] {\n    transform-origin: top center;\n  }\n  [data-kui-fx~=fold-panel][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-page-fade {\n    from {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-page-slide {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 40px));\n    }\n  }\n  @keyframes kui-curtain-wipe {\n    from {\n      clip-path: inset(0 0 100% 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-loading-bar {\n    from {\n      scale: var(--kui-gate-bar-from, var(--kui-bar-from, 0)) 1;\n    }\n  }\n  [data-kui-fx~=loading-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=loading-bar][data-kui-state=ready] {\n    opacity: 0;\n  }\n  [data-kui-fx~=flip-card] {\n    display: grid;\n    perspective: var(--kui-perspective, 1600px);\n  }\n  [data-kui-fx~=flip-card] > .kui-face-front,\n  [data-kui-fx~=flip-card] > .kui-face-back {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    transition: rotate var(--kui-card-toggle-duration, 700ms) var(--kui-card-toggle-ease, ease-in-out);\n  }\n  [data-kui-fx~=flip-card] > .kui-face-front {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > .kui-face-back {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-front,\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-back {\n    transition-delay: var(--kui-card-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-front {\n    rotate: y -180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> .kui-flip-control[aria-pressed=true]) > .kui-face-back {\n    rotate: y 0deg;\n  }\n  [data-kui~=flip-card] {\n    display: grid;\n    perspective: var(--kui-perspective, 1600px);\n  }\n  [data-kui~=flip-card] > .kui-face-front,\n  [data-kui~=flip-card] > .kui-face-back {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n  }\n  [data-kui~=flip-card] > .kui-face-front {\n    rotate: y 0deg;\n  }\n  [data-kui~=flip-card] > .kui-face-back {\n    rotate: y 180deg;\n  }\n}\n\n/* src/css/carousel.css */\n@layer kui.effects {\n  [data-kui-fx~=carousel-3d],\n  [data-kui-fx~=carousel-3d-high],\n  [data-kui-fx~=carousel-3d-low],\n  [data-kui-fx~=carousel-3d-inside] {\n    display: grid;\n    place-items: center;\n    perspective: var(--kui-perspective, 1600px);\n    transform-style: preserve-3d;\n    --kui-ring-tilt: clamp(-80deg, calc(-1 * var(--kui-tilt, 0deg)), 80deg);\n    --kui-ring-drift: calc(var(--kui-step-position, 0) - var(--kui-step, 0));\n  }\n  [data-kui-fx~=carousel-3d] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-high] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-low] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-inside] [data-kui-step-offset] {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    --kui-ring-spacing: calc(var(--kui-arc, 360deg) / max(1, var(--kui-item-count, 1)));\n    --kui-ring-angle: calc((var(--kui-offset, 0) - var(--kui-ring-drift)) * var(--kui-ring-spacing));\n    --kui-ring-radius: var( --kui-radius, calc( (var(--kui-item-width, 260px) + var(--kui-gap, 24px)) / (2 * tan(clamp(0.5deg, var(--kui-ring-spacing) / 2, 60deg))) ) );\n    transform: rotateX(var(--kui-ring-tilt)) rotateY(var(--kui-ring-angle)) translateZ(var(--kui-ring-radius));\n    transition: transform var(--kui-spatial-ring-duration, 620ms) var(--kui-spatial-ring-ease, cubic-bezier(0.22, 1, 0.36, 1)) var(--kui-spatial-ring-delay, 0ms);\n  }\n  [data-kui-ring-dragging=true] [data-kui-step-offset] {\n    transition: none;\n  }\n  [data-kui-ring-face=back] {\n    pointer-events: none;\n  }\n  [data-kui-fx~=carousel-3d-inside] [data-kui-ring-face=back] {\n    visibility: hidden;\n  }\n  [data-kui-fx~=carousel-3d][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-high][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-low][data-kui-ring-facing=camera] [data-kui-step-offset],\n  [data-kui-fx~=carousel-3d-inside][data-kui-ring-facing=camera] [data-kui-step-offset] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=carousel-3d][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-high][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-low][data-kui-ring-facing=camera] [data-kui-step-offset] > *,\n  [data-kui-fx~=carousel-3d-inside][data-kui-ring-facing=camera] [data-kui-step-offset] > * {\n    transform: rotateY(calc(-1 * var(--kui-ring-angle))) rotateX(calc(-1 * var(--kui-ring-tilt)));\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=carousel-3d-inside] [data-kui-step-offset] {\n    transform: rotateX(var(--kui-ring-tilt)) rotateY(var(--kui-ring-angle)) translateZ(calc(-1 * var(--kui-ring-radius)));\n  }\n  [data-kui~=carousel-3d],\n  [data-kui~=carousel-3d-high],\n  [data-kui~=carousel-3d-low],\n  [data-kui~=carousel-3d-inside] {\n    display: grid;\n    place-items: center;\n  }\n  [data-kui~=carousel-3d] > *,\n  [data-kui~=carousel-3d-high] > *,\n  [data-kui~=carousel-3d-low] > *,\n  [data-kui~=carousel-3d-inside] > * {\n    grid-area: 1 / 1;\n  }\n}\n\n/* src/css/media.css */\n@layer kui.effects {\n  @keyframes kui-wipe-up {\n    from {\n      clip-path: inset(100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0);\n    }\n  }\n  @keyframes kui-wipe-down {\n    from {\n      clip-path: inset(0 0 100%);\n    }\n    to {\n      clip-path: inset(0 0 0);\n    }\n  }\n  @keyframes kui-wipe-left {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-wipe-right {\n    from {\n      clip-path: inset(0 0 0 100%);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-wipe-circle {\n    from {\n      clip-path: circle(0 at 50% 50%);\n    }\n    to {\n      clip-path: circle(75% at 50% 50%);\n    }\n  }\n  @keyframes kui-wipe-diagonal {\n    from {\n      clip-path: polygon(0 0, 0 0, 0 0);\n    }\n    to {\n      clip-path: polygon(0 0, 200% 0, 0 200%);\n    }\n  }\n  @keyframes kui-curtain-reveal {\n    from {\n      clip-path: inset(0 50%);\n    }\n    to {\n      clip-path: inset(0 0);\n    }\n  }\n  @keyframes kui-before-after-wipe {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-mask-reveal {\n    from {\n      mask-position: 100% 0;\n    }\n    to {\n      mask-position: 0 0;\n    }\n  }\n  [data-kui-fx~=mask-reveal] {\n    mask-image:\n      linear-gradient(\n        90deg,\n        #000 0 45%,\n        transparent 55% 100%);\n    mask-size: 220% 100%;\n  }\n  @keyframes kui-ken-burns {\n    from {\n      scale: 1;\n      translate: 0 0;\n    }\n    to {\n      scale: var(--kui-to-scale, 1.12);\n      translate: var(--kui-gate-distance, var(--kui-distance, 24px)) calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -0.5);\n    }\n  }\n  @keyframes kui-ken-burns-out {\n    from {\n      scale: var(--kui-to-scale, 1.12);\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1) 0;\n    }\n    to {\n      scale: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-blur-up {\n    from {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n      filter: blur(var(--kui-blur, 16px));\n    }\n    to {\n      translate: 0 0;\n      filter: blur(0);\n    }\n  }\n  @keyframes kui-duotone-hover {\n    from {\n      filter: grayscale(1) sepia(0.7) hue-rotate(330deg) saturate(2);\n    }\n    to {\n      filter: none;\n    }\n  }\n  @keyframes kui-grayscale-hover {\n    from {\n      filter: grayscale(1);\n    }\n    to {\n      filter: grayscale(0);\n    }\n  }\n  @keyframes kui-saturate-hover {\n    from {\n      filter: saturate(0.45);\n    }\n    to {\n      filter: saturate(1.35);\n    }\n  }\n  @keyframes kui-image-parallax-frame {\n    from {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 24px)) * -1);\n    }\n    to {\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-lightbox-open {\n    from {\n      opacity: 0;\n      scale: var(--kui-from-scale, 0.92);\n    }\n    to {\n      opacity: 1;\n      scale: 1;\n    }\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=duotone-hover]:active,\n    [data-kui-fx~=grayscale-hover]:active,\n    [data-kui-fx~=saturate-hover]:active {\n      filter: none;\n    }\n  }\n  .kui-slat-stage {\n    position: absolute;\n    overflow: clip;\n  }\n  .kui-slat-item {\n    position: absolute;\n    inset: 0;\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    animation-duration: var(--kui-duration, 500ms);\n    animation-delay: calc(var(--kui-delay, 0ms) + var(--kui-i, 0) * var(--kui-stagger, 60ms));\n    animation-timing-function: var(--kui-ease, ease-out);\n    animation-fill-mode: both;\n  }\n  .kui-slat-stage.kui-slat-animating .kui-slat-item {\n    will-change: transform;\n  }\n  .kui-slat-item:nth-child(odd) {\n    --kui-slat-sign: -1;\n  }\n  .kui-slat-item:nth-child(even) {\n    --kui-slat-sign: 1;\n  }\n  .kui-slat-stage[data-kui-slat-fold=true] {\n    perspective: 1200px;\n  }\n  .kui-slat-stage:not([data-kui-slat-fold=true]) .kui-slat-item {\n    animation-name: kui-slat-assemble;\n  }\n  .kui-slat-stage[data-kui-slat-fold=true] .kui-slat-item {\n    animation-name: kui-slat-assemble-fold;\n  }\n  @keyframes kui-slat-assemble {\n    from {\n      opacity: 0;\n      translate: calc(var(--kui-slat-sign, 1) * var(--kui-slat-dx, 0) * 38%) calc(var(--kui-slat-sign, 1) * var(--kui-slat-dy, 1) * 38%);\n    }\n    12% {\n      opacity: 1;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-slat-assemble-fold {\n    from {\n      opacity: 0;\n      translate: calc(var(--kui-slat-sign, 1) * var(--kui-slat-dx, 0) * 38%) calc(var(--kui-slat-sign, 1) * var(--kui-slat-dy, 1) * 38%);\n      rotate: var(--kui-slat-dx, 0) var(--kui-slat-dy, 1) 0 calc(var(--kui-slat-sign, 1) * 38deg);\n    }\n    12% {\n      opacity: 1;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n      rotate: var(--kui-slat-dx, 0) var(--kui-slat-dy, 1) 0 0deg;\n    }\n  }\n}\n\n/* src/css/text.css */\n@layer kui.effects {\n  .kui-sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n  .kui-split-decorative {\n    display: inline;\n  }\n  .kui-split-item {\n    display: inline-block;\n    animation-duration: var(--kui-duration, 500ms);\n    animation-delay: calc(var(--kui-delay, 0ms) + var(--kui-i, 0) * var(--kui-stagger, 30ms));\n    animation-timing-function: var(--kui-ease, ease-out);\n    animation-fill-mode: both;\n  }\n  .kui-split-word {\n    display: inline-block;\n  }\n  .kui-split-line {\n    display: block;\n  }\n  [data-kui-split-fx=fade] .kui-split-item {\n    animation-name: kui-split-reveal-fade;\n  }\n  [data-kui-split-fx=up] .kui-split-item {\n    animation-name: kui-split-reveal-up;\n  }\n  [data-kui-split-fx=down] .kui-split-item {\n    animation-name: kui-split-reveal-down;\n  }\n  [data-kui-split-fx=mask] .kui-split-item {\n    animation-name: kui-split-reveal-mask;\n    padding-block: var(--kui-mask-bleed, 0px);\n    margin-block: calc(-1 * var(--kui-mask-bleed, 0px));\n  }\n  [data-kui-state=finished] > [data-kui-split-fx] .kui-split-line {\n    animation-name: none;\n    opacity: 1;\n    clip-path: none;\n    translate: none;\n  }\n  @keyframes kui-split-reveal-fade {\n    from {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-split-reveal-up {\n    from {\n      opacity: 0;\n      translate: 0 0.6em;\n    }\n  }\n  @keyframes kui-split-reveal-down {\n    from {\n      opacity: 0;\n      translate: 0 -0.6em;\n    }\n  }\n  @keyframes kui-split-reveal-mask {\n    from {\n      opacity: 0;\n      clip-path: inset(0 0 100% 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  [data-kui-split-fx=wave] .kui-split-item {\n    animation-name: kui-split-wave;\n    animation-duration: 1400ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: ease-in-out;\n  }\n  [data-kui-split-fx=jitter] .kui-split-item {\n    animation-name: kui-split-jitter;\n    animation-duration: 220ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: ease-in-out;\n    animation-direction: alternate;\n  }\n  @keyframes kui-split-wave {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 -0.35em;\n    }\n  }\n  @keyframes kui-split-jitter {\n    from {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n    to {\n      translate: 0 0.08em;\n      rotate: 3deg;\n    }\n  }\n  .kui-typewriter::after {\n    content: \"\";\n    display: inline-block;\n    width: 0.08em;\n    margin-inline-start: 0.05em;\n    height: 1em;\n    vertical-align: -0.15em;\n    background: currentColor;\n    animation: kui-caret-blink 1s steps(1) infinite;\n  }\n  @keyframes kui-caret-blink {\n    50% {\n      opacity: 0;\n    }\n  }\n  .kui-scramble {\n    font-variant-numeric: tabular-nums;\n  }\n  [data-kui-fx~=word-cycler] {\n    display: inline-block;\n  }\n  [data-kui-fx~=word-cycler].kui-word-cycler-swap {\n    opacity: 0;\n  }\n  [data-kui-fx~=gradient-shimmer] {\n    background-image:\n      linear-gradient(\n        100deg,\n        currentColor 40%,\n        color-mix(in srgb, currentColor 35%, transparent) 50%,\n        currentColor 60%);\n    background-size: 220% 100%;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    --kui-fx-gradient-shimmer-iterations: infinite;\n  }\n  @keyframes kui-gradient-shimmer {\n    from {\n      background-position: 200% 0;\n    }\n    to {\n      background-position: -200% 0;\n    }\n  }\n  [data-kui-fx~=gradient-sweep] {\n    background-image:\n      linear-gradient(\n        100deg,\n        transparent 30%,\n        color-mix(in srgb, var(--kui-sweep-color, currentColor) 70%, transparent) 50%,\n        transparent 70%);\n    background-size: 260% 100%;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  @keyframes kui-gradient-sweep {\n    from {\n      background-position: 220% 0;\n    }\n    to {\n      background-position: -60% 0;\n    }\n  }\n  [data-kui-fx~=highlight-sweep] {\n    background-image: linear-gradient(90deg, color-mix(in srgb, var(--kui-sweep-color, currentColor) 55%, transparent) 0 100%);\n    background-repeat: no-repeat;\n    background-size: 0% 100%;\n    padding: 0 0.05em;\n  }\n  @keyframes kui-highlight-sweep {\n    to {\n      background-size: 100% 100%;\n    }\n  }\n  [data-kui-fx~=underline-draw] {\n    background-image: linear-gradient(var(--kui-sweep-color, currentColor), var(--kui-sweep-color, currentColor));\n    background-repeat: no-repeat;\n    background-position: 0 100%;\n    background-size: 0% 2px;\n    padding-bottom: 0.15em;\n  }\n  @keyframes kui-underline-draw {\n    to {\n      background-size: 100% 2px;\n    }\n  }\n  [data-kui-fx~=text-outline-fill] {\n    -webkit-text-stroke: 1px currentColor;\n    -webkit-text-fill-color: transparent;\n  }\n  @keyframes kui-text-outline-fill {\n    to {\n      -webkit-text-fill-color: currentColor;\n    }\n  }\n  @keyframes kui-var-weight {\n    from {\n      font-weight: var(--kui-from-weight, 100);\n    }\n    to {\n      font-weight: var(--kui-to-weight, 800);\n    }\n  }\n  @keyframes kui-var-width {\n    from {\n      font-stretch: var(--kui-from-width, 75%);\n    }\n    to {\n      font-stretch: var(--kui-to-width, 125%);\n    }\n  }\n  @keyframes kui-var-slant {\n    from {\n      font-style: oblique var(--kui-from-slant, 0deg);\n    }\n    to {\n      font-style: oblique var(--kui-to-slant, 10deg);\n    }\n  }\n  @keyframes kui-var-axis {\n    from {\n      font-variation-settings: var(--kui-axis, \"wght\") var(--kui-from-axis, 100);\n    }\n    to {\n      font-variation-settings: var(--kui-axis, \"wght\") var(--kui-to-axis, 900);\n    }\n  }\n  [data-kui-fx~=marquee],\n  [data-kui-fx~=marquee-scroll-linked] {\n    display: flex;\n    width: max-content;\n    will-change: translate;\n  }\n  [data-kui-fx~=marquee] {\n    --kui-fx-marquee-iterations: infinite;\n  }\n  @keyframes kui-marquee {\n    to {\n      translate: -50% 0;\n    }\n  }\n  @property --kui-redaction-x { syntax: \"<percentage>\"; inherits: true; initial-value: 0%; }\n  [data-kui-fx~=redaction-reveal] {\n    position: relative;\n    display: inline-block;\n  }\n  [data-kui-fx~=redaction-reveal]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--kui-bar-color, #111);\n    clip-path: inset(0 0 0 var(--kui-redaction-x));\n  }\n  @keyframes kui-redaction-reveal {\n    to {\n      --kui-redaction-x: 100%;\n    }\n  }\n  [data-kui-fx~=text-3d-extrude] {\n    display: inline-block;\n    text-shadow:\n      1px 1px 0 color-mix(in srgb, currentColor 70%, transparent),\n      2px 2px 0 color-mix(in srgb, currentColor 60%, transparent),\n      3px 3px 0 color-mix(in srgb, currentColor 50%, transparent),\n      4px 4px 0 color-mix(in srgb, currentColor 40%, transparent),\n      5px 5px 0 color-mix(in srgb, currentColor 30%, transparent),\n      6px 6px 8px rgb(0 0 0 / 0.35);\n  }\n  @keyframes kui-text-3d-extrude {\n    from {\n      rotate: var(--kui-gate-from-angle, var(--kui-from-angle, -20deg));\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 32px));\n    }\n    to {\n      rotate: 0deg;\n      translate: 0 0;\n    }\n  }\n}\n\n/* src/css/navigation.css */\n@layer kui.effects {\n  @keyframes kui-nav-reveal {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 16px));\n    }\n  }\n  @keyframes kui-menu-fullscreen {\n    from {\n      opacity: 0;\n      clip-path: circle(0% at var(--kui-origin, 100% 0%));\n    }\n    to {\n      opacity: 1;\n      clip-path: circle(150% at var(--kui-origin, 100% 0%));\n    }\n  }\n  @keyframes kui-panel-reveal {\n    from {\n      opacity: 0;\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -1);\n    }\n  }\n  @keyframes kui-drawer-slide-right {\n    from {\n      translate: 100% 0;\n    }\n  }\n  [data-kui-fx~=header-shrink] {\n    --kui-shrink: 0;\n    padding-block: calc(1.4rem - 0.7rem * var(--kui-shrink, 0));\n    font-size: calc(1rem - 0.15rem * var(--kui-shrink, 0));\n  }\n  [data-kui-fx~=header-shrink][data-kui-shrunk=true] {\n    box-shadow: 0 2px 10px rgb(0 0 0 / 0.12);\n  }\n  [data-kui-fx~=header-hide-on-scroll][data-kui-hidden=true] {\n    translate: 0 -100%;\n  }\n  [data-kui-fx~=back-to-top-fade] {\n    opacity: 0;\n    translate: 0 12px;\n    pointer-events: none;\n  }\n  [data-kui-fx~=back-to-top-fade][data-kui-visible=true] {\n    opacity: 1;\n    translate: 0 0;\n    pointer-events: auto;\n  }\n}\n\n/* src/css/forms.css */\n@layer kui.effects {\n  [data-kui-fx~=label-float] ~ label {\n    transition: translate 180ms ease-out, scale 180ms ease-out;\n    transform-origin: left center;\n  }\n  [data-kui-fx~=label-float]:focus ~ label,\n  [data-kui-fx~=label-float]:not(:placeholder-shown) ~ label {\n    translate: 0 -1.35rem;\n    scale: 0.82;\n  }\n  [data-kui-fx~=input-underline-grow] ~ .kui-underline {\n    display: block;\n    height: 2px;\n    background: currentColor;\n    scale: 0 1;\n    transform-origin: left center;\n    transition: scale 220ms ease-out;\n  }\n  [data-kui-fx~=input-underline-grow]:focus ~ .kui-underline {\n    scale: 1 1;\n  }\n  @keyframes kui-focus-ring-grow {\n    from {\n      box-shadow: 0 0 0 0 var(--kui-ring-color, rgb(210 105 30 / 0.55));\n    }\n    to {\n      box-shadow: 0 0 0 5px var(--kui-ring-color, rgb(210 105 30 / 0.55));\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=focus-ring-grow] {\n      animation: none;\n    }\n    [data-kui-fx~=focus-ring-grow]:focus {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n  @keyframes kui-validate-shake {\n    10%, 90% {\n      translate: -1px 0;\n    }\n    20%, 80% {\n      translate: 2px 0;\n    }\n    30%, 50%, 70% {\n      translate: -4px 0;\n    }\n    40%, 60% {\n      translate: 4px 0;\n    }\n  }\n  [data-kui-fx~=validate-check] {\n    stroke-dasharray: 24;\n    stroke-dashoffset: 24;\n  }\n  @keyframes kui-validate-check {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=strength-meter] ~ .kui-meter > * {\n    background: var(--kui-meter-off, currentColor);\n    opacity: 0.2;\n    transition: opacity 200ms ease-out, background-color 200ms ease-out;\n  }\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"1\"] ~ .kui-meter > *:nth-child(-n+1),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"2\"] ~ .kui-meter > *:nth-child(-n+2),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"3\"] ~ .kui-meter > *:nth-child(-n+3),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"4\"] ~ .kui-meter > *:nth-child(-n+4),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"5\"] ~ .kui-meter > *:nth-child(-n+5),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"6\"] ~ .kui-meter > *:nth-child(-n+6),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"7\"] ~ .kui-meter > *:nth-child(-n+7),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"8\"] ~ .kui-meter > *:nth-child(-n+8),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"9\"] ~ .kui-meter > *:nth-child(-n+9),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"10\"] ~ .kui-meter > *:nth-child(-n+10),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"11\"] ~ .kui-meter > *:nth-child(-n+11),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"12\"] ~ .kui-meter > *:nth-child(-n+12),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"13\"] ~ .kui-meter > *:nth-child(-n+13),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"14\"] ~ .kui-meter > *:nth-child(-n+14),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"15\"] ~ .kui-meter > *:nth-child(-n+15),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"16\"] ~ .kui-meter > *:nth-child(-n+16),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"17\"] ~ .kui-meter > *:nth-child(-n+17),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"18\"] ~ .kui-meter > *:nth-child(-n+18),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"19\"] ~ .kui-meter > *:nth-child(-n+19),\n  [data-kui-fx~=strength-meter][data-kui-strength-level=\"20\"] ~ .kui-meter > *:nth-child(-n+20) {\n    opacity: 1;\n    background: var(--kui-meter-on, #2e9e5b);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=strength-meter] ~ .kui-meter > * {\n      outline: 1px solid CanvasText;\n      outline-offset: -1px;\n    }\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"1\"] ~ .kui-meter > *:nth-child(-n+1),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"2\"] ~ .kui-meter > *:nth-child(-n+2),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"3\"] ~ .kui-meter > *:nth-child(-n+3),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"4\"] ~ .kui-meter > *:nth-child(-n+4),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"5\"] ~ .kui-meter > *:nth-child(-n+5),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"6\"] ~ .kui-meter > *:nth-child(-n+6),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"7\"] ~ .kui-meter > *:nth-child(-n+7),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"8\"] ~ .kui-meter > *:nth-child(-n+8),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"9\"] ~ .kui-meter > *:nth-child(-n+9),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"10\"] ~ .kui-meter > *:nth-child(-n+10),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"11\"] ~ .kui-meter > *:nth-child(-n+11),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"12\"] ~ .kui-meter > *:nth-child(-n+12),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"13\"] ~ .kui-meter > *:nth-child(-n+13),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"14\"] ~ .kui-meter > *:nth-child(-n+14),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"15\"] ~ .kui-meter > *:nth-child(-n+15),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"16\"] ~ .kui-meter > *:nth-child(-n+16),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"17\"] ~ .kui-meter > *:nth-child(-n+17),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"18\"] ~ .kui-meter > *:nth-child(-n+18),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"19\"] ~ .kui-meter > *:nth-child(-n+19),\n    [data-kui-fx~=strength-meter][data-kui-strength-level=\"20\"] ~ .kui-meter > *:nth-child(-n+20) {\n      background: Highlight;\n    }\n  }\n  [data-kui-fx~=toggle-morph] ~ .kui-track {\n    display: inline-block;\n    width: calc(40px * var(--kui-toggle-scale, 1));\n    height: calc(22px * var(--kui-toggle-scale, 1));\n    border-radius: 999px;\n    background: var(--muted, #9a8d80);\n    transition: background-color 200ms ease-out;\n    position: relative;\n  }\n  [data-kui-fx~=toggle-morph] ~ .kui-track .kui-thumb {\n    position: absolute;\n    top: calc(2px * var(--kui-toggle-scale, 1));\n    left: calc(2px * var(--kui-toggle-scale, 1));\n    width: calc(18px * var(--kui-toggle-scale, 1));\n    height: calc(18px * var(--kui-toggle-scale, 1));\n    border-radius: 50%;\n    background: var(--kui-thumb-color, #fff);\n    translate: 0 0;\n    transition: translate 200ms ease-out;\n  }\n  [data-kui-fx~=toggle-morph]:checked ~ .kui-track {\n    background: var(--accent, #d2691e);\n  }\n  [data-kui-fx~=toggle-morph]:checked ~ .kui-track .kui-thumb {\n    translate: calc(18px * var(--kui-toggle-scale, 1)) 0;\n  }\n  [data-kui-fx~=checkbox-draw] ~ svg path {\n    stroke-dasharray: 24;\n    stroke-dashoffset: 24;\n    transition: stroke-dashoffset 220ms ease-out;\n  }\n  [data-kui-fx~=checkbox-draw]:checked ~ svg path {\n    stroke-dashoffset: 0;\n  }\n  [data-kui-fx~=radio-fill] ~ .kui-dot {\n    display: inline-block;\n    width: calc(10px * var(--kui-radio-scale, 1));\n    height: calc(10px * var(--kui-radio-scale, 1));\n    border-radius: 50%;\n    background: var(--accent, #d2691e);\n    scale: 0;\n    transition: scale 180ms ease-out;\n  }\n  [data-kui-fx~=radio-fill]:checked ~ .kui-dot {\n    scale: 1;\n  }\n  [data-kui-fx~=range-fill] {\n    --kui-fill: 0%;\n    accent-color: var(--accent, #d2691e);\n    background:\n      linear-gradient(\n        to right,\n        var(--accent, #d2691e) var(--kui-fill, 0%),\n        var(--border, #2a2422) var(--kui-fill, 0%));\n    height: 4px;\n    border-radius: 999px;\n    appearance: none;\n    outline: none;\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=range-fill] {\n      background:\n        linear-gradient(\n          to right,\n          Highlight var(--kui-fill, 0%),\n          ButtonFace var(--kui-fill, 0%));\n    }\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-idle,\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-loading,\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-stage-done {\n    display: none;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=idle] .kui-stage-idle,\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=loading] .kui-stage-loading,\n  [data-kui-fx~=submit-to-spinner-to-check][data-kui-stage=done] .kui-stage-done {\n    display: inline-flex;\n  }\n  [data-kui-fx~=submit-to-spinner-to-check] .kui-spinner {\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    animation: kui-spin 700ms linear infinite;\n  }\n  @keyframes kui-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=step-progress] {\n    cursor: pointer;\n  }\n  [data-kui-fx~=step-progress] > [data-kui-step-state],\n  .kui-step-track > [data-kui-step-state] {\n    background: var(--muted, #9a8d80);\n    opacity: 0.35;\n    transition: opacity 200ms ease-out, background-color 200ms ease-out;\n  }\n  [data-kui-fx~=step-progress] > [data-kui-step-state=before],\n  [data-kui-fx~=step-progress] > [data-kui-step-state=active],\n  .kui-step-track > [data-kui-step-state=before],\n  .kui-step-track > [data-kui-step-state=active] {\n    opacity: 1;\n    background: var(--accent, #d2691e);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=step-progress] > [data-kui-step-state],\n    .kui-step-track > [data-kui-step-state] {\n      outline: 1px solid CanvasText;\n      outline-offset: -1px;\n    }\n    [data-kui-fx~=step-progress] > [data-kui-step-state=before],\n    [data-kui-fx~=step-progress] > [data-kui-step-state=active],\n    .kui-step-track > [data-kui-step-state=before],\n    .kui-step-track > [data-kui-step-state=active] {\n      background: Highlight;\n    }\n  }\n}\n\n/* src/css/ambient.css */\n@layer kui.effects {\n  [data-kui-fx~=gradient-mesh] {\n    background-image:\n      radial-gradient(\n        at 15% 20%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #7c3aed)) 55%, transparent),\n        transparent 55%),\n      radial-gradient(\n        at 85% 15%,\n        color-mix(in srgb, var(--kui-ambient-c2, var(--kui-c2, #06b6d4)) 50%, transparent),\n        transparent 55%),\n      radial-gradient(\n        at 50% 85%,\n        color-mix(in srgb, var(--kui-ambient-c3, var(--kui-c3, #f97316)) 45%, transparent),\n        transparent 55%);\n    background-size: 200% 200%;\n    --kui-fx-gradient-mesh-iterations: infinite;\n  }\n  @keyframes kui-gradient-mesh {\n    0%, 100% {\n      background-position:\n        0% 0%,\n        100% 0%,\n        50% 100%;\n    }\n    50% {\n      background-position:\n        25% 35%,\n        75% 30%,\n        35% 70%;\n    }\n  }\n  [data-kui-fx~=aurora] {\n    background-image:\n      linear-gradient(\n        120deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #34d399)) 45%, transparent),\n        transparent 45%),\n      linear-gradient(\n        240deg,\n        color-mix(in srgb, var(--kui-ambient-c2, var(--kui-c2, #60a5fa)) 45%, transparent),\n        transparent 45%),\n      linear-gradient(\n        0deg,\n        color-mix(in srgb, var(--kui-ambient-c3, var(--kui-c3, #c084fc)) 40%, transparent),\n        transparent 50%);\n    background-size: 260% 260%;\n    --kui-fx-aurora-iterations: infinite;\n  }\n  @keyframes kui-aurora {\n    0%, 100% {\n      background-position:\n        0% 50%,\n        100% 50%,\n        50% 0%;\n    }\n    50% {\n      background-position:\n        60% 30%,\n        40% 70%,\n        55% 60%;\n    }\n  }\n  [data-kui-fx~=wave-blob] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #22d3ee)) 50%, transparent),\n        transparent 60%);\n    background-size: 140% 140%;\n    background-repeat: no-repeat;\n    --kui-fx-wave-blob-iterations: infinite;\n  }\n  @keyframes kui-wave-blob {\n    0%, 100% {\n      background-position: 20% 30%;\n      background-size: 140% 140%;\n    }\n    33% {\n      background-position: 70% 20%;\n      background-size: 160% 160%;\n    }\n    66% {\n      background-position: 50% 75%;\n      background-size: 120% 120%;\n    }\n  }\n  [data-kui-fx~=spotlight-follow] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #fde68a)) 65%, transparent),\n        transparent 65%);\n    background-size: 55% 55%;\n    background-repeat: no-repeat;\n    --kui-fx-spotlight-follow-iterations: infinite;\n  }\n  @keyframes kui-spotlight-follow {\n    0%, 100% {\n      background-position: 10% 15%;\n    }\n    25% {\n      background-position: 85% 20%;\n    }\n    50% {\n      background-position: 80% 80%;\n    }\n    75% {\n      background-position: 15% 75%;\n    }\n  }\n  [data-kui-fx~=gradient-rotate-border] {\n    position: relative;\n    background-image:\n      linear-gradient(\n        90deg,\n        var(--kui-ambient-c1, var(--kui-c1, #f472b6)),\n        var(--kui-ambient-c2, var(--kui-c2, #60a5fa)),\n        var(--kui-ambient-c3, var(--kui-c3, #34d399)),\n        var(--kui-ambient-c4, var(--kui-c4, #fbbf24)),\n        var(--kui-ambient-c1, var(--kui-c1, #f472b6)));\n    background-size: 300% 100%;\n    padding: 3px;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    -webkit-mask-composite: xor;\n    --kui-fx-gradient-rotate-border-iterations: infinite;\n  }\n  @keyframes kui-gradient-rotate-border {\n    from {\n      background-position: 0% 50%;\n    }\n    to {\n      background-position: 300% 50%;\n    }\n  }\n  [data-kui-fx~=gradient-border] {\n    position: relative;\n    background-image:\n      linear-gradient(\n        90deg,\n        var(--kui-ambient-c1, var(--kui-c1, #7c3aed)),\n        var(--kui-ambient-c2, var(--kui-c2, #fbbf24)),\n        var(--kui-ambient-c1, var(--kui-c1, #7c3aed)));\n    background-size: 300% 100%;\n    padding: var(--kui-gradient-border-width, 3px);\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    -webkit-mask-composite: xor;\n    --kui-fx-gradient-border-iterations: infinite;\n  }\n  @keyframes kui-gradient-border {\n    from {\n      background-position: 0% 50%;\n    }\n    to {\n      background-position: 300% 50%;\n    }\n  }\n  [data-kui-fx~=scanline] {\n    background-image:\n      linear-gradient(\n        to bottom,\n        transparent,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 35%, transparent) 50%,\n        transparent);\n    background-size: 100% 220%;\n    background-repeat: no-repeat;\n    --kui-fx-scanline-iterations: infinite;\n  }\n  @keyframes kui-scanline {\n    from {\n      background-position: 0 -120%;\n    }\n    to {\n      background-position: 0 120%;\n    }\n  }\n  [data-kui-fx~=dot-grid-drift] {\n    background-image:\n      radial-gradient(\n        circle,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 45%, transparent) 1.5px,\n        transparent 1.5px);\n    background-size: 22px 22px;\n    --kui-fx-dot-grid-drift-iterations: infinite;\n  }\n  @keyframes kui-dot-grid-drift {\n    from {\n      background-position: 0 0;\n    }\n    to {\n      background-position: 22px 22px;\n    }\n  }\n  [data-kui-fx~=line-grid-drift] {\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 30%, transparent) 0 1px,\n        transparent 1px 26px),\n      repeating-linear-gradient(\n        90deg,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, currentColor)) 30%, transparent) 0 1px,\n        transparent 1px 26px);\n    --kui-fx-line-grid-drift-iterations: infinite;\n  }\n  @keyframes kui-line-grid-drift {\n    from {\n      background-position: 0 0, 0 0;\n    }\n    to {\n      background-position: 0 26px, 26px 0;\n    }\n  }\n  [data-kui-fx~=starfield] {\n    background-image:\n      radial-gradient(\n        1.5px 1.5px at 22% 34%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 45%, transparent) 0 0.45px,\n        transparent 100%),\n      radial-gradient(\n        2.6px 2.6px at 68% 12%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 92%, transparent) 0 1px,\n        transparent 100%),\n      radial-gradient(\n        1.6px 1.6px at 41% 77%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 50%, transparent) 0 0.5px,\n        transparent 100%),\n      radial-gradient(\n        1.7px 1.7px at 85% 58%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 58%, transparent) 0 0.55px,\n        transparent 100%),\n      radial-gradient(\n        2.2px 2.2px at 12% 88%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 78%, transparent) 0 0.8px,\n        transparent 100%),\n      radial-gradient(\n        3px 3px at 57% 45%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 100%, transparent) 0 1.2px,\n        transparent 100%),\n      radial-gradient(\n        1.9px 1.9px at 33% 63%,\n        color-mix(in srgb, var(--kui-ambient-c1, var(--kui-c1, #ffffff)) 68%, transparent) 0 0.65px,\n        transparent 100%);\n    background-size:\n      170px 170px,\n      190px 190px,\n      210px 210px,\n      230px 230px,\n      250px 250px,\n      270px 270px,\n      290px 290px;\n    background-repeat: repeat;\n    --kui-fx-starfield-iterations: infinite;\n  }\n  @keyframes kui-starfield {\n    from {\n      background-position:\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0,\n        0 0;\n    }\n    to {\n      background-position:\n        170px 170px,\n        380px 380px,\n        210px 210px,\n        230px 230px,\n        250px 250px,\n        540px 540px,\n        290px 290px;\n    }\n  }\n  [data-kui-fx~=orbit] {\n    --kui-fx-orbit-iterations: infinite;\n  }\n  @keyframes kui-orbit {\n    to {\n      rotate: var(--kui-to-angle, 360deg);\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=gradient-mesh],\n    [data-kui-fx~=aurora],\n    [data-kui-fx~=wave-blob],\n    [data-kui-fx~=spotlight-follow],\n    [data-kui-fx~=scanline],\n    [data-kui-fx~=dot-grid-drift],\n    [data-kui-fx~=line-grid-drift],\n    [data-kui-fx~=starfield] {\n      background-image: none;\n    }\n    [data-kui-fx~=gradient-rotate-border],\n    [data-kui-fx~=gradient-border] {\n      background-image: none;\n      background-color: CanvasText;\n    }\n  }\n  [data-kui-fx~=float] {\n    --kui-fx-float-iterations: infinite;\n  }\n  @keyframes kui-float {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 14px)) * -1);\n    }\n  }\n  [data-kui-fx~=bob] {\n    --kui-fx-bob-iterations: infinite;\n  }\n  @keyframes kui-bob {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 calc(var(--kui-gate-distance, var(--kui-distance, 8px)) * -1);\n    }\n  }\n  [data-kui-fx~=floating-shapes] {\n    --kui-fx-floating-shapes-iterations: infinite;\n  }\n  @keyframes kui-floating-shapes {\n    0%, 100% {\n      translate: 0 0;\n    }\n    33% {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * 0.6) calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -1);\n    }\n    66% {\n      translate: calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -0.6) calc(var(--kui-gate-distance, var(--kui-distance, 10px)) * -0.4);\n    }\n  }\n  [data-kui-fx~=glow-pulse] {\n    --kui-fx-glow-pulse-iterations: infinite;\n  }\n  @keyframes kui-glow-pulse {\n    0%, 100% {\n      scale: 1;\n      opacity: 0.6;\n    }\n    50% {\n      scale: var(--kui-pulse-scale, 1.15);\n      opacity: 1;\n    }\n  }\n}\n\n/* src/css/feedback.css */\n@layer kui.effects {\n  [data-kui-fx~=skeleton-shimmer] {\n    background-color: var(--kui-skeleton-base, #2a2422);\n    background-image:\n      linear-gradient(\n        100deg,\n        transparent 30%,\n        color-mix(in srgb, var(--kui-skeleton-highlight, #ffffff) 18%, transparent) 50%,\n        transparent 70%);\n    background-size: 200% 100%;\n    --kui-fx-skeleton-shimmer-iterations: infinite;\n  }\n  @keyframes kui-skeleton-shimmer {\n    from {\n      background-position: 150% 0;\n    }\n    to {\n      background-position: -50% 0;\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=skeleton-shimmer] {\n      background-image: none;\n    }\n  }\n  @keyframes kui-skeleton-to-content {\n    from {\n      opacity: 0;\n    }\n  }\n  [data-kui-fx~=spinner] {\n    display: inline-block;\n    width: var(--kui-spinner-size, 28px);\n    height: var(--kui-spinner-size, 28px);\n    border-radius: 50%;\n    border: 3px solid color-mix(in srgb, currentColor 20%, transparent);\n    border-top-color: currentColor;\n    --kui-fx-spinner-iterations: infinite;\n  }\n  @keyframes kui-spinner-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=spinner-ring] {\n    display: inline-block;\n    width: var(--kui-spinner-size, 28px);\n    height: var(--kui-spinner-size, 28px);\n    border-radius: 50%;\n    border: 3px dashed color-mix(in srgb, currentColor 55%, transparent);\n    --kui-fx-spinner-ring-iterations: infinite;\n  }\n  @keyframes kui-spinner-ring-spin {\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=spinner-dots] {\n    display: inline-block;\n    width: var(--kui-dot-size, 8px);\n    height: var(--kui-dot-size, 8px);\n    border-radius: 50%;\n    background: currentColor;\n    box-shadow: calc(var(--kui-dot-size, 8px) * -2) 0 currentColor, calc(var(--kui-dot-size, 8px) * 2) 0 currentColor;\n    --kui-fx-spinner-dots-iterations: infinite;\n  }\n  @keyframes kui-spinner-dots {\n    0%, 80%, 100% {\n      scale: 0.7;\n      opacity: 0.5;\n    }\n    40% {\n      scale: 1.15;\n      opacity: 1;\n    }\n  }\n  [data-kui-fx~=progress-indeterminate] {\n    transform-origin: 0% 50%;\n    background: currentColor;\n    border-radius: inherit;\n    --kui-fx-progress-indeterminate-iterations: infinite;\n  }\n  @keyframes kui-progress-indeterminate {\n    0% {\n      translate: -100% 0;\n      scale: 0.4 1;\n    }\n    50% {\n      scale: 1 1;\n    }\n    100% {\n      translate: 100% 0;\n      scale: 0.4 1;\n    }\n  }\n  @keyframes kui-toast-slide-in {\n    from {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n  @keyframes kui-toast-slide-out {\n    from {\n      opacity: 1;\n      translate: 0 0;\n    }\n    to {\n      opacity: 0;\n      translate: 0 var(--kui-gate-distance, var(--kui-distance, 24px));\n    }\n  }\n  @keyframes kui-shake-error {\n    10%, 90% {\n      translate: -1px 0;\n    }\n    20%, 80% {\n      translate: 2px 0;\n    }\n    30%, 50%, 70% {\n      translate: -4px 0;\n    }\n    40%, 60% {\n      translate: 4px 0;\n    }\n  }\n  @keyframes kui-wobble {\n    0% {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n    15% {\n      translate: -6px 0;\n      rotate: -6deg;\n    }\n    30% {\n      translate: 4px 0;\n      rotate: 4deg;\n    }\n    45% {\n      translate: -3px 0;\n      rotate: -3deg;\n    }\n    60% {\n      translate: 2px 0;\n      rotate: 2deg;\n    }\n    75% {\n      translate: -1px 0;\n      rotate: -1deg;\n    }\n    100% {\n      translate: 0 0;\n      rotate: 0deg;\n    }\n  }\n  @property --kui-ripple-progress { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  @property --kui-ripple-alpha { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  [data-kui-fx~=ripple] {\n    position: relative;\n  }\n  [data-kui-fx~=ripple]::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    background: var(--kui-ripple-color, currentColor);\n    pointer-events: none;\n    opacity: var(--kui-ripple-alpha);\n    scale: calc(var(--kui-ripple-start, 0.2) + (var(--kui-ripple-scale, 4) - var(--kui-ripple-start, 0.2)) * var(--kui-ripple-progress));\n  }\n  @keyframes kui-ripple {\n    0% {\n      --kui-ripple-progress: 0;\n      --kui-ripple-alpha: 0;\n    }\n    8% {\n      --kui-ripple-alpha: var(--kui-ripple-opacity, 0.6);\n    }\n    100% {\n      --kui-ripple-progress: 1;\n      --kui-ripple-alpha: 0;\n    }\n  }\n  @keyframes kui-badge-pop {\n    0% {\n      scale: 0.4;\n    }\n    60% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    100% {\n      scale: 1;\n    }\n  }\n  @keyframes kui-count-bump {\n    0%, 100% {\n      scale: 1;\n    }\n    50% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n  }\n  [data-kui-fx~=heart-burst] {\n    color: var(--kui-heart-color, #f43f5e);\n  }\n  @keyframes kui-heart-burst {\n    0% {\n      scale: 1;\n    }\n    30% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    55% {\n      scale: 0.9;\n    }\n    100% {\n      scale: 1;\n    }\n  }\n  @property --kui-confetti-travel { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n  @property --kui-confetti-fade { syntax: \"<percentage>\"; inherits: true; initial-value: 0%; }\n  [data-kui-fx~=confetti-burst] {\n    position: relative;\n  }\n  [data-kui-fx~=confetti-burst]::after {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-confetti-spill, 24px));\n    pointer-events: none;\n    --kui-confetti-alpha: clamp(0%, var(--kui-confetti-fade), 100%);\n    background-image:\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c1, var(--kui-c1, #f43f5e)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c2, var(--kui-c2, #fbbf24)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c3, var(--kui-c3, #34d399)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c4, var(--kui-c4, #60a5fa)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%),\n      radial-gradient(\n        circle closest-side,\n        color-mix(in srgb, var(--kui-confetti-c5, var(--kui-c5, #c084fc)) var(--kui-confetti-alpha), transparent) 0 96%,\n        transparent 100%);\n    background-repeat: no-repeat;\n    background-size: var(--kui-confetti-size, 6px) var(--kui-confetti-size, 6px);\n    background-position:\n      calc(50% - var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.9 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 0.55 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.72 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 0.86 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * var(--kui-confetti-travel)) calc(50% + var(--kui-confetti-distance, 45%) * 0.18 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% - var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.62 * var(--kui-confetti-travel)) calc(50% + var(--kui-confetti-distance, 45%) * 0.72 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel)),\n      calc(50% + var(--kui-confetti-distance, 45%) * var(--kui-confetti-fan, 1) * 0.1 * var(--kui-confetti-travel)) calc(50% - var(--kui-confetti-distance, 45%) * 1.05 * var(--kui-confetti-travel) + var(--kui-confetti-distance, 45%) * 0.3 * var(--kui-confetti-travel) * var(--kui-confetti-travel));\n  }\n  @keyframes kui-confetti-burst {\n    0% {\n      scale: 1;\n      --kui-confetti-travel: 0;\n      --kui-confetti-fade: 0%;\n    }\n    14% {\n      --kui-confetti-fade: 100%;\n    }\n    30% {\n      scale: var(--kui-pop-scale, 1.18);\n    }\n    70% {\n      scale: 1;\n      --kui-confetti-fade: 100%;\n    }\n    100% {\n      scale: 1;\n      --kui-confetti-travel: 1;\n      --kui-confetti-fade: 0%;\n    }\n  }\n  @keyframes kui-copy-confirm {\n    0% {\n      opacity: 0;\n    }\n    15% {\n      opacity: 1;\n    }\n    85% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n  @keyframes kui-pull-to-refresh {\n    0% {\n      translate: 0 0;\n    }\n    45% {\n      translate: 0 var(--kui-pull-distance, 36px);\n    }\n    100% {\n      translate: 0 0;\n    }\n  }\n}\n\n/* src/css/numbers.css */\n@layer kui.effects {\n  @keyframes kui-progress-ring {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-gauge-sweep {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-donut-sweep {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-sparkline-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 1000);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=progress-ring],\n  [data-kui-fx~=gauge-sweep],\n  [data-kui-fx~=donut-sweep],\n  [data-kui-fx~=sparkline-draw] {\n    stroke-dasharray: var(--kui-path-length, 100);\n    fill: none;\n  }\n  @keyframes kui-progress-bar {\n    from {\n      scale: var(--kui-gate-bar-from, var(--kui-bar-from, 0)) 1;\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  [data-kui-fx~=progress-bar] {\n    transform-origin: left center;\n  }\n  [data-kui-fx~=progress-bar][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-progress-segments {\n    from {\n      opacity: 0.18;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes kui-star-rating-fill {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 calc(100% - var(--kui-fill, 100%)) 0 0);\n    }\n  }\n  .kui-count-decorative {\n    display: inline-flex;\n    align-items: baseline;\n  }\n  .kui-odometer-col {\n    display: inline-block;\n    overflow: hidden;\n    height: 1em;\n    line-height: 1;\n    vertical-align: baseline;\n  }\n  .kui-odometer-strip {\n    display: flex;\n    flex-direction: column;\n    translate: 0 calc(var(--kui-o, 0) * -1em);\n    transition: translate 220ms ease-out;\n  }\n  .kui-odometer-strip > span {\n    height: 1em;\n    line-height: 1;\n  }\n}\n\n/* src/css/interaction.css */\n@layer kui.effects {\n  @property --kui-border-angle { syntax: \"<angle>\"; inherits: false; initial-value: 0deg; }\n  @property --kui-border-pct { syntax: \"<percentage>\"; inherits: false; initial-value: 0%; }\n  [data-kui-fx~=lift]:focus-visible {\n    translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n    --kui-tx-delay-lift: var(--kui-lift-delay, 0ms);\n  }\n  [data-kui-fx~=pop]:focus-visible {\n    scale: var(--kui-pop-scale, 1.06);\n    --kui-tx-delay-pop: var(--kui-pop-delay, 0ms);\n  }\n  [data-kui-fx~=lift-shadow]:focus-visible {\n    translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n    box-shadow: 0 14px 28px -12px rgb(0 0 0 / 0.45);\n    --kui-tx-delay-lift-shadow: var(--kui-lift-shadow-delay, 0ms);\n  }\n  [data-kui-fx~=shine-sweep] {\n    position: relative;\n    overflow: hidden;\n  }\n  [data-kui-fx~=shine-sweep]::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        var(--kui-shine-sweep-angle, 115deg),\n        transparent calc(50% - var(--kui-shine-sweep-width, 0.2) * 50%),\n        var(--kui-shine-sweep-color, var(--kui-c1, rgb(255 255 255 / 0.35))) 50%,\n        transparent calc(50% + var(--kui-shine-sweep-width, 0.2) * 50%));\n    background-size: 220% 100%;\n    background-position: 120% 0;\n    pointer-events: none;\n  }\n  [data-kui-fx~=shine-sweep]:focus-visible::after {\n    animation: kui-shine-sweep var(--kui-shine-sweep-duration, 700ms) var(--kui-shine-sweep-ease, ease-out) var(--kui-shine-sweep-delay, 0ms);\n  }\n  @keyframes kui-shine-sweep {\n    from {\n      background-position: 120% 0;\n    }\n    to {\n      background-position: -20% 0;\n    }\n  }\n  [data-kui-fx~=split-flap] {\n    display: inline-block;\n    perspective: var(--kui-split-flap-perspective, 600px);\n  }\n  [data-kui-fx~=split-flap]:focus-visible {\n    animation: kui-split-flap var(--kui-split-flap-duration, 600ms) var(--kui-split-flap-ease, ease-in-out) var(--kui-split-flap-delay, 0ms);\n  }\n  @keyframes kui-split-flap {\n    0%, 100% {\n      transform: perspective(var(--kui-split-flap-perspective, 600px)) translateZ(0) rotateX(0deg);\n    }\n    50% {\n      transform: perspective(var(--kui-split-flap-perspective, 600px)) translateZ(calc(var(--kui-split-flap-perspective, 600px) * 0.16)) rotateX(-32deg);\n    }\n  }\n  [data-kui-fx~=border-draw] {\n    position: relative;\n  }\n  [data-kui-fx~=border-draw]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-border-draw-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-border-draw-width, 2px);\n    background:\n      conic-gradient(\n        from -90deg,\n        var(--kui-border-draw-color, var(--accent, #d2691e)) 0 var(--kui-border-pct, 0%),\n        transparent 0);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n  [data-kui-fx~=border-draw]:focus-visible {\n    --kui-border-pct: 100%;\n    --kui-tx-delay-border-draw: var(--kui-border-draw-delay, 0ms);\n  }\n  [data-kui-fx~=border-glow]:focus-visible {\n    box-shadow: 0 0 0 3px var(--kui-border-glow-color, var(--accent, #d2691e));\n    --kui-tx-delay-border-glow: var(--kui-border-glow-delay, 0ms);\n  }\n  [data-kui-fx~=beam-border],\n  [data-kui-fx~=beam-border-auto] {\n    position: relative;\n  }\n  [data-kui-fx~=beam-border]::before,\n  [data-kui-fx~=beam-border-auto]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-beam-border-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-beam-border-width, 3px);\n    --kui-beam-arc-span: var(--kui-beam-border-arc, 100deg);\n    --kui-beam-arc-start: calc(360deg - var(--kui-beam-arc-span));\n    --kui-beam-arc-ramp: calc(var(--kui-beam-arc-span) * var(--kui-beam-border-softness, 0.22));\n    --kui-beam-arc-stop1: calc(var(--kui-beam-arc-start) + var(--kui-beam-arc-ramp));\n    --kui-beam-arc-stop4: calc(360deg - var(--kui-beam-arc-span) * 0.06);\n    --kui-beam-arc-step: calc((var(--kui-beam-arc-stop4) - var(--kui-beam-arc-stop1)) / 3);\n    background:\n      conic-gradient(\n        from var(--kui-border-angle, 0deg),\n        transparent 0deg,\n        transparent var(--kui-beam-arc-start),\n        var(--kui-beam-border-c1, #ff5f6d) var(--kui-beam-arc-stop1),\n        var(--kui-beam-border-c2, var(--kui-beam-border-c1, #ffc371)) calc(var(--kui-beam-arc-stop1) + var(--kui-beam-arc-step)),\n        var(--kui-beam-border-c3, var(--kui-beam-border-c1, #4facfe)) calc(var(--kui-beam-arc-stop1) + var(--kui-beam-arc-step) * 2),\n        var(--kui-beam-border-c4, var(--kui-beam-border-c1, #a855f7)) var(--kui-beam-arc-stop4),\n        transparent 360deg);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--kui-beam-border-fade-duration, 200ms) ease-out;\n  }\n  [data-kui-fx~=beam-border]:focus-visible::before {\n    opacity: 1;\n    transition-delay: var(--kui-beam-border-delay, 0ms);\n    animation: kui-beam-rotate var(--kui-beam-border-duration, 4260ms) linear var(--kui-beam-border-delay, 0ms) infinite;\n  }\n  [data-kui-fx~=beam-border-auto]::before {\n    opacity: 1;\n    animation: kui-beam-rotate var(--kui-beam-border-auto-duration, 4260ms) linear infinite;\n  }\n  @keyframes kui-beam-rotate {\n    to {\n      --kui-border-angle: 360deg;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-fx~=beam-border]:focus-visible::before,\n    [data-kui-fx~=beam-border-auto]::before {\n      animation: none;\n      --kui-border-angle: 45deg;\n    }\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=border-draw]:focus-visible::before,\n    [data-kui-fx~=beam-border]:focus-visible::before,\n    [data-kui-fx~=beam-border-auto]::before {\n      background: CanvasText;\n    }\n  }\n  @media (forced-colors: active) and (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=border-draw]:hover::before,\n    [data-kui-fx~=beam-border]:hover::before {\n      background: CanvasText;\n    }\n  }\n  [data-kui-fx~=underline-slide] {\n    position: relative;\n    text-decoration: none;\n  }\n  [data-kui-fx~=underline-slide]::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -0.15em;\n    height: 0.08em;\n    background: var(--kui-underline-slide-color, currentcolor);\n    scale: 0 1;\n    transform-origin: left center;\n    transition: scale var(--kui-underline-slide-duration, 260ms) var(--kui-underline-slide-ease, ease-out);\n  }\n  [data-kui-fx~=underline-slide]:focus-visible::after {\n    scale: 1 1;\n    transition-delay: var(--kui-underline-slide-delay, 0ms);\n  }\n  [data-kui-fx~=underline-center] {\n    position: relative;\n    text-decoration: none;\n  }\n  [data-kui-fx~=underline-center]::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -0.15em;\n    height: 0.08em;\n    background: var(--kui-underline-center-color, currentcolor);\n    scale: 0 1;\n    transform-origin: center;\n    transition: scale var(--kui-underline-center-duration, 260ms) var(--kui-underline-center-ease, ease-out);\n  }\n  [data-kui-fx~=underline-center]:focus-visible::after {\n    scale: 1 1;\n    transition-delay: var(--kui-underline-center-delay, 0ms);\n  }\n  [data-kui-fx~=icon-wiggle]:focus-visible {\n    animation: kui-icon-wiggle var(--kui-icon-wiggle-duration, 500ms) var(--kui-icon-wiggle-ease, ease-in-out) var(--kui-icon-wiggle-delay, 0ms);\n  }\n  @keyframes kui-icon-wiggle {\n    0%, 100% {\n      rotate: 0deg;\n    }\n    20% {\n      rotate: -12deg;\n    }\n    40% {\n      rotate: 10deg;\n    }\n    60% {\n      rotate: -6deg;\n    }\n    80% {\n      rotate: 4deg;\n    }\n  }\n  [data-kui-fx~=icon-spin]:focus-visible {\n    animation: kui-icon-spin var(--kui-icon-spin-duration, 700ms) linear var(--kui-icon-spin-delay, 0ms);\n  }\n  @keyframes kui-icon-spin {\n    from {\n      rotate: 0deg;\n    }\n    to {\n      rotate: 360deg;\n    }\n  }\n  [data-kui-fx~=icon-bounce]:focus-visible {\n    animation: kui-icon-bounce var(--kui-icon-bounce-duration, 500ms) var(--kui-icon-bounce-ease, ease-out) var(--kui-icon-bounce-delay, 0ms);\n  }\n  @keyframes kui-icon-bounce {\n    0%, 100% {\n      translate: 0 0;\n    }\n    30% {\n      translate: 0 -7px;\n    }\n    55% {\n      translate: 0 1px;\n    }\n    75% {\n      translate: 0 -3px;\n    }\n  }\n  [data-kui-fx~=press-depth]:active {\n    scale: var(--kui-press-scale, 0.96);\n    box-shadow: 0 var(--kui-press-shadow-depth, 2px) calc(var(--kui-press-shadow-depth, 2px) * 2) calc(var(--kui-press-shadow-depth, 2px) * -1) var(--kui-press-shadow-color, rgb(0 0 0 / 0.35));\n    --kui-tx-delay-press-depth: var(--kui-press-delay, 0ms);\n  }\n  [data-kui-fx~=group-dim] > * {\n    transition: opacity var(--kui-group-dim-duration, 260ms) var(--kui-group-dim-ease, ease-out);\n  }\n  [data-kui-fx~=group-dim]:has(:focus-visible) > :not(:hover, :focus-visible, :has(:focus-visible)) {\n    opacity: var(--kui-group-dim-opacity, 0.4);\n    transition-delay: var(--kui-group-dim-delay, 0ms);\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=group-dim]:has(> :hover, :focus-visible) > :not(:hover, :focus-visible, :has(:focus-visible)) {\n      opacity: var(--kui-group-dim-opacity, 0.4);\n      transition-delay: var(--kui-group-dim-delay, 0ms);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-fx~=group-dim] > * {\n      transition-duration: 1ms;\n    }\n  }\n  [data-kui-fx~=masked-label-swap],\n  [data-kui-fx~=masked-label-swap-x],\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    display: inline-grid;\n    place-items: center;\n    overflow: hidden;\n    --kui-label-swap-shown: 0;\n    --kui-label-swap-lag: 0ms;\n  }\n  [data-kui-fx~=masked-label-swap] {\n    --kui-label-swap-dx: 0%;\n    --kui-label-swap-dy: calc(-1 * var(--kui-label-swap-distance, 100%));\n  }\n  [data-kui-fx~=masked-label-swap-x] {\n    --kui-label-swap-dx: var(--kui-label-swap-distance, 100%);\n    --kui-label-swap-dy: 0%;\n  }\n  [data-kui-fx~=masked-label-swap-diagonal] {\n    --kui-label-swap-dx: var(--kui-label-swap-distance, 100%);\n    --kui-label-swap-dy: calc(-1 * var(--kui-label-swap-distance, 100%));\n  }\n  [data-kui-fx~=masked-label-swap]:focus-visible,\n  [data-kui-fx~=masked-label-swap-x]:focus-visible,\n  [data-kui-fx~=masked-label-swap-diagonal]:focus-visible {\n    --kui-label-swap-shown: 1;\n    --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n  }\n  [data-kui-swap] {\n    grid-area: 1 / 1;\n    translate: calc(var(--kui-label-swap-dx, 0%) * var(--kui-label-swap-shown, 0)) calc(var(--kui-label-swap-dy, 0%) * var(--kui-label-swap-shown, 0));\n    transition: translate var(--kui-label-swap-duration, 320ms) var(--kui-label-swap-ease, ease-out) var(--kui-label-swap-lag, 0ms);\n  }\n  [data-kui-swap=to] {\n    translate: calc(var(--kui-label-swap-dx, 0%) * (var(--kui-label-swap-shown, 0) - 1)) calc(var(--kui-label-swap-dy, 0%) * (var(--kui-label-swap-shown, 0) - 1));\n  }\n  [data-kui-fx~=hover-intent] {\n    position: relative;\n    --kui-hover-intent-shown: 0;\n    --kui-hover-intent-lag: 0ms;\n  }\n  [data-kui-fx~=hover-intent]:focus-visible,\n  [data-kui-fx~=hover-intent]:has(:focus-visible) {\n    --kui-hover-intent-shown: 1;\n    --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n  }\n  [data-kui-hint] {\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    margin-bottom: var(--kui-hover-intent-gap, 8px);\n    opacity: var(--kui-hover-intent-shown, 0);\n    translate: -50% calc(var(--kui-hover-intent-distance, 4px) * (1 - var(--kui-hover-intent-shown, 0)));\n    pointer-events: none;\n    transition: opacity var(--kui-hover-intent-duration, 160ms) var(--kui-hover-intent-ease, ease-out) var(--kui-hover-intent-lag, 0ms), translate var(--kui-hover-intent-duration, 160ms) var(--kui-hover-intent-ease, ease-out) var(--kui-hover-intent-lag, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=masked-label-swap]:active,\n    [data-kui-fx~=masked-label-swap-x]:active,\n    [data-kui-fx~=masked-label-swap-diagonal]:active {\n      --kui-label-swap-shown: 1;\n      --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n    }\n    [data-kui-fx~=hover-intent]:active {\n      --kui-hover-intent-shown: 1;\n      --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-swap],\n    [data-kui-hint],\n    [data-kui-preview],\n    [data-kui-search-field] {\n      transition-duration: 1ms;\n    }\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=lift]:hover {\n      translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n      --kui-tx-delay-lift: var(--kui-lift-delay, 0ms);\n    }\n    [data-kui-fx~=pop]:hover {\n      scale: var(--kui-pop-scale, 1.06);\n      --kui-tx-delay-pop: var(--kui-pop-delay, 0ms);\n    }\n    [data-kui-fx~=lift-shadow]:hover {\n      translate: 0 calc(var(--kui-lift-distance, 6px) * -1);\n      box-shadow: 0 14px 28px -12px rgb(0 0 0 / 0.45);\n      --kui-tx-delay-lift-shadow: var(--kui-lift-shadow-delay, 0ms);\n    }\n    [data-kui-fx~=shine-sweep]:hover::after {\n      animation: kui-shine-sweep var(--kui-shine-sweep-duration, 700ms) var(--kui-shine-sweep-ease, ease-out) var(--kui-shine-sweep-delay, 0ms);\n    }\n    [data-kui-fx~=split-flap]:hover {\n      animation: kui-split-flap var(--kui-split-flap-duration, 600ms) var(--kui-split-flap-ease, ease-in-out) var(--kui-split-flap-delay, 0ms);\n    }\n    [data-kui-fx~=border-draw]:hover {\n      --kui-border-pct: 100%;\n      --kui-tx-delay-border-draw: var(--kui-border-draw-delay, 0ms);\n    }\n    [data-kui-fx~=border-glow]:hover {\n      box-shadow: 0 0 0 3px var(--kui-border-glow-color, var(--accent, #d2691e));\n      --kui-tx-delay-border-glow: var(--kui-border-glow-delay, 0ms);\n    }\n    [data-kui-fx~=beam-border]:hover::before {\n      opacity: 1;\n      transition-delay: var(--kui-beam-border-delay, 0ms);\n      animation: kui-beam-rotate var(--kui-beam-border-duration, 4260ms) linear var(--kui-beam-border-delay, 0ms) infinite;\n    }\n    [data-kui-fx~=underline-slide]:hover::after {\n      scale: 1 1;\n      transition-delay: var(--kui-underline-slide-delay, 0ms);\n    }\n    [data-kui-fx~=underline-center]:hover::after {\n      scale: 1 1;\n      transition-delay: var(--kui-underline-center-delay, 0ms);\n    }\n    [data-kui-fx~=icon-wiggle]:hover {\n      animation: kui-icon-wiggle var(--kui-icon-wiggle-duration, 500ms) var(--kui-icon-wiggle-ease, ease-in-out) var(--kui-icon-wiggle-delay, 0ms);\n    }\n    [data-kui-fx~=icon-spin]:hover {\n      animation: kui-icon-spin var(--kui-icon-spin-duration, 700ms) linear var(--kui-icon-spin-delay, 0ms);\n    }\n    [data-kui-fx~=icon-bounce]:hover {\n      animation: kui-icon-bounce var(--kui-icon-bounce-duration, 500ms) var(--kui-icon-bounce-ease, ease-out) var(--kui-icon-bounce-delay, 0ms);\n    }\n    [data-kui-fx~=masked-label-swap]:hover,\n    [data-kui-fx~=masked-label-swap-x]:hover,\n    [data-kui-fx~=masked-label-swap-diagonal]:hover {\n      --kui-label-swap-shown: 1;\n      --kui-label-swap-lag: var(--kui-label-swap-delay, 0ms);\n    }\n    [data-kui-fx~=hover-intent]:hover {\n      --kui-hover-intent-shown: 1;\n      --kui-hover-intent-lag: var(--kui-hover-intent-delay, 1000ms);\n    }\n  }\n  [data-kui-fx~=tilt-3d],\n  [data-kui-fx~=tilt-parallax] {\n    transform-style: preserve-3d;\n  }\n  [data-kui-fx~=cursor-spotlight]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n    opacity: var(--kui-spotlight-opacity, 0);\n    transition: opacity 200ms ease-out;\n    background:\n      radial-gradient(\n        circle 160px at var(--kui-x, 50%) var(--kui-y, 50%),\n        color-mix(in srgb, var(--accent, #d2691e) 30%, transparent),\n        transparent 70%);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=cursor-spotlight]::before {\n      background: none;\n    }\n  }\n  .kui-cursor-dot {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 9999;\n    display: grid;\n    place-items: center;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 160ms ease-out;\n  }\n  .kui-cursor-dot-active {\n    opacity: 1;\n  }\n  .kui-cursor-dot-follow,\n  .kui-cursor-dot-lag,\n  .kui-cursor-dot-invert {\n    width: 14px;\n    height: 14px;\n    margin: -7px 0 0 -7px;\n    border-radius: 50%;\n    background: var(--accent, #d2691e);\n  }\n  .kui-cursor-dot-invert {\n    background: var(--kui-invert-color, #fff);\n    mix-blend-mode: difference;\n    forced-color-adjust: none;\n  }\n  .kui-cursor-dot-label {\n    margin: -1.4em 0 0 -1.4em;\n    padding: 0.4em 0.8em;\n    border-radius: 999px;\n    background: var(--accent, #d2691e);\n    color: var(--kui-label-color, #000);\n    font-size: 0.75rem;\n    font-family:\n      ui-monospace,\n      Menlo,\n      monospace;\n    white-space: nowrap;\n  }\n  @media (pointer: coarse) {\n    .kui-cursor-dot {\n      display: none;\n    }\n  }\n  [data-kui-fx~=anchored-preview],\n  [data-kui-fx~=anchored-preview-bottom],\n  [data-kui-fx~=anchored-preview-left],\n  [data-kui-fx~=anchored-preview-right] {\n    position: relative;\n    --kui-anchored-preview-shown: 0;\n    --kui-anchored-preview-lag: 0ms;\n  }\n  [data-kui-fx~=anchored-preview] {\n    --kui-anchored-preview-inset: auto auto calc(100% + var(--kui-anchored-preview-gap, 10px)) 50%;\n    --kui-anchored-preview-travel: -50% calc(var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)));\n  }\n  [data-kui-fx~=anchored-preview-bottom] {\n    --kui-anchored-preview-inset: calc(100% + var(--kui-anchored-preview-gap, 10px)) auto auto 50%;\n    --kui-anchored-preview-travel: -50% calc(-1 * var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)));\n  }\n  [data-kui-fx~=anchored-preview-left] {\n    --kui-anchored-preview-inset: 50% calc(100% + var(--kui-anchored-preview-gap, 10px)) auto auto;\n    --kui-anchored-preview-travel: calc( var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)) ) -50%;\n  }\n  [data-kui-fx~=anchored-preview-right] {\n    --kui-anchored-preview-inset: 50% auto auto calc(100% + var(--kui-anchored-preview-gap, 10px));\n    --kui-anchored-preview-travel: calc( -1 * var(--kui-anchored-preview-distance, 10px) * (1 - var(--kui-anchored-preview-shown, 0)) ) -50%;\n  }\n  [data-kui-fx~=anchored-preview]:focus-visible,\n  [data-kui-fx~=anchored-preview]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-bottom]:focus-visible,\n  [data-kui-fx~=anchored-preview-bottom]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-left]:focus-visible,\n  [data-kui-fx~=anchored-preview-left]:has(:focus-visible),\n  [data-kui-fx~=anchored-preview-right]:focus-visible,\n  [data-kui-fx~=anchored-preview-right]:has(:focus-visible) {\n    --kui-anchored-preview-shown: 1;\n    --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n  }\n  [data-kui-preview] {\n    position: absolute;\n    inset: var(--kui-anchored-preview-inset, auto);\n    translate: var(--kui-anchored-preview-travel, 0 0);\n    opacity: var(--kui-anchored-preview-shown, 0);\n    scale: calc(var(--kui-anchored-preview-scale, 0.85) + (1 - var(--kui-anchored-preview-scale, 0.85)) * var(--kui-anchored-preview-shown, 0));\n    pointer-events: none;\n    transition:\n      opacity var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms),\n      scale var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms),\n      translate var(--kui-anchored-preview-duration, 220ms) var(--kui-anchored-preview-ease, ease-out) var(--kui-anchored-preview-lag, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=anchored-preview]:active,\n    [data-kui-fx~=anchored-preview-bottom]:active,\n    [data-kui-fx~=anchored-preview-left]:active,\n    [data-kui-fx~=anchored-preview-right]:active {\n      --kui-anchored-preview-shown: 1;\n      --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n    }\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=anchored-preview]:hover,\n    [data-kui-fx~=anchored-preview-bottom]:hover,\n    [data-kui-fx~=anchored-preview-left]:hover,\n    [data-kui-fx~=anchored-preview-right]:hover {\n      --kui-anchored-preview-shown: 1;\n      --kui-anchored-preview-lag: var(--kui-anchored-preview-delay, 0ms);\n    }\n  }\n  [data-kui-fx~=proximity-glow] {\n    position: relative;\n  }\n  [data-kui-fx~=proximity-glow]::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--kui-proximity-glow-outset, 0px));\n    border-radius: inherit;\n    padding: var(--kui-proximity-glow-width, 1px);\n    background:\n      radial-gradient(\n        circle var(--kui-proximity-glow-radius, 220px) at var(--kui-proximity-x, -9999px) var(--kui-proximity-y, -9999px),\n        var(--kui-proximity-glow-color, var(--accent, #d2691e)),\n        transparent 70%);\n    background-attachment: fixed;\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask-composite: exclude;\n    opacity: var(--kui-proximity-opacity, 0);\n    transition: opacity var(--kui-proximity-glow-duration, 200ms) var(--kui-proximity-glow-ease, ease-out);\n    pointer-events: none;\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=proximity-glow]::before {\n      background: none;\n    }\n  }\n  [data-kui-fx~=search-expand] {\n    display: inline-flex;\n    align-items: center;\n    overflow: hidden;\n    inline-size: var(--kui-search-expand-collapsed, 2.5em);\n    --kui-search-expand-shown: 0;\n    --kui-search-expand-lag: 0ms;\n  }\n  [data-kui-fx~=search-expand]:focus-visible,\n  [data-kui-fx~=search-expand]:has(:focus-visible),\n  [data-kui-fx~=search-expand]:has(input:not(:placeholder-shown)) {\n    inline-size: var(--kui-search-expand-width, 240px);\n    --kui-search-expand-shown: 1;\n    --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n  }\n  @media (pointer: coarse) {\n    [data-kui-fx~=search-expand]:active {\n      inline-size: var(--kui-search-expand-width, 240px);\n      --kui-search-expand-shown: 1;\n      --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n    }\n  }\n  [data-kui-search-field] {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    opacity: var(--kui-search-expand-shown, 0);\n    transition: opacity var(--kui-search-expand-duration, 260ms) var(--kui-search-expand-ease, ease-out) var(--kui-search-expand-lag, 0ms);\n  }\n  @media (hover: hover) and (pointer: fine) {\n    [data-kui-fx~=search-expand]:hover {\n      inline-size: var(--kui-search-expand-width, 240px);\n      --kui-search-expand-shown: 1;\n      --kui-search-expand-lag: var(--kui-search-expand-delay, 0ms);\n    }\n  }\n}\n\n/* src/css/discrete.css */\n@layer kui.effects {\n  [data-kui-fx~=fade-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-fade-open: var(--kui-fade-open-delay, 0ms);\n    opacity: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=fade-open] {\n      opacity: 0;\n    }\n  }\n  [data-kui-fx~=fade-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    display: none;\n  }\n  [data-kui-fx~=pop-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-pop-open: var(--kui-pop-open-delay, 0ms);\n    opacity: 1;\n    scale: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=pop-open] {\n      opacity: 0;\n      scale: var(--kui-pop-open-scale, 0.92);\n    }\n  }\n  [data-kui-fx~=pop-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    scale: var(--kui-pop-open-scale, 0.92);\n    display: none;\n  }\n  [data-kui-fx~=scale-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-scale-open: var(--kui-scale-open-delay, 0ms);\n    scale: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=scale-open] {\n      scale: var(--kui-scale-open-scale, 0.85);\n    }\n  }\n  [data-kui-fx~=scale-open]:not(:popover-open):not([open]):not([data-open]) {\n    scale: var(--kui-scale-open-scale, 0.85);\n    display: none;\n  }\n  [data-kui-fx~=drop-open] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-drop-open: var(--kui-drop-open-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=drop-open] {\n      opacity: 0;\n      translate: 0 calc(var(--kui-drop-open-distance, 12px) * -1);\n    }\n  }\n  [data-kui-fx~=drop-open]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 calc(var(--kui-drop-open-distance, 12px) * -1);\n    display: none;\n  }\n  [data-kui-fx~=slide-open-up] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-slide-open-up: var(--kui-slide-open-up-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=slide-open-up] {\n      opacity: 0;\n      translate: 0 var(--kui-slide-open-up-distance, 16px);\n    }\n  }\n  [data-kui-fx~=slide-open-up]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 var(--kui-slide-open-up-distance, 16px);\n    display: none;\n  }\n  [data-kui-fx~=slide-open-down] {\n    transition-behavior: allow-discrete;\n    --kui-tx-delay-slide-open-down: var(--kui-slide-open-down-delay, 0ms);\n    opacity: 1;\n    translate: 0 0;\n  }\n  @starting-style {\n    [data-kui-fx~=slide-open-down] {\n      opacity: 0;\n      translate: 0 calc(var(--kui-slide-open-down-distance, 16px) * -1);\n    }\n  }\n  [data-kui-fx~=slide-open-down]:not(:popover-open):not([open]):not([data-open]) {\n    opacity: 0;\n    translate: 0 calc(var(--kui-slide-open-down-distance, 16px) * -1);\n    display: none;\n  }\n}\n\n/* src/css/layout.css */\n@layer kui.effects {\n  [data-kui-fx~=accordion-height] {\n    overflow: hidden;\n  }\n  [data-kui-fx~=accordion-height]:not([data-open]) {\n    height: 0;\n  }\n}\n\n/* src/css/svg.css */\n@layer kui.effects {\n  @keyframes kui-draw-stroke {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-draw-signature {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-draw-underline {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-checkmark-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-cross-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  @keyframes kui-chart-line-draw {\n    from {\n      stroke-dashoffset: var(--kui-path-length, 100);\n    }\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n  [data-kui-fx~=draw-stroke],\n  [data-kui-fx~=draw-signature],\n  [data-kui-fx~=draw-underline],\n  [data-kui-fx~=checkmark-draw],\n  [data-kui-fx~=cross-draw],\n  [data-kui-fx~=chart-line-draw] {\n    stroke-dasharray: var(--kui-path-length, 100);\n    fill: none;\n  }\n  @keyframes kui-gradient-stroke {\n    from {\n      stroke: var(--kui-stroke-from, currentColor);\n    }\n    50% {\n      stroke: var(--kui-stroke-via, currentColor);\n    }\n    to {\n      stroke: var(--kui-stroke-to, currentColor);\n    }\n  }\n  [data-kui-fx~=gradient-stroke] {\n    --kui-fx-gradient-stroke-iterations: infinite;\n  }\n  @keyframes kui-heart-fill {\n    from {\n      clip-path: inset(100% 0 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-bookmark-fill {\n    from {\n      clip-path: inset(100% 0 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  @keyframes kui-chart-area-fill {\n    from {\n      clip-path: inset(0 100% 0 0);\n    }\n    to {\n      clip-path: inset(0 0 0 0);\n    }\n  }\n  [data-kui-fx~=heart-fill][data-kui-state=ready],\n  [data-kui-fx~=bookmark-fill][data-kui-state=ready],\n  [data-kui-fx~=chart-area-fill][data-kui-state=ready] {\n    clip-path: none !important;\n    opacity: 0;\n  }\n  @keyframes kui-chart-bar-grow {\n    from {\n      scale: 1 var(--kui-gate-bar-from, var(--kui-bar-from, 0));\n    }\n    to {\n      scale: 1 1;\n    }\n  }\n  [data-kui-fx~=chart-bar-grow] {\n    transform-origin: bottom center;\n  }\n  [data-kui-fx~=chart-bar-grow][data-kui-state=ready] {\n    opacity: 0;\n  }\n  @keyframes kui-logo-build {\n    from {\n      opacity: 0;\n      scale: 0.62;\n      rotate: -8deg;\n    }\n    to {\n      opacity: 1;\n      scale: 1;\n      rotate: 0deg;\n    }\n  }\n  [data-kui-fx~=hamburger-to-x] .kui-bar {\n    transition:\n      translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      rotate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      opacity var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(1) {\n    translate: 0 var(--kui-bar-gap, 6px);\n    rotate: 45deg;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(2) {\n    opacity: 0;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] .kui-bar:nth-child(3) {\n    translate: 0 calc(var(--kui-bar-gap, 6px) * -1);\n    rotate: -45deg;\n  }\n  [data-kui-fx~=play-to-pause] .kui-bar {\n    transition: translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out), clip-path var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar:nth-child(1) {\n    translate: var(--kui-bar-gap, 4px) 0;\n    clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) .kui-bar:nth-child(2) {\n    translate: calc(var(--kui-bar-gap, 4px) * -1) 0;\n    clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);\n  }\n  [data-kui-fx~=plus-to-minus] .kui-bar {\n    transition: scale var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=plus-to-minus] .kui-bar:nth-child(2) {\n    rotate: 90deg;\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] {\n    rotate: 90deg;\n    --kui-tx-delay-plus-to-minus: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] .kui-bar {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] .kui-bar:nth-child(1) {\n    scale: 0;\n  }\n}\n\n/* src/css/tween.css */\n@layer kui.effects {\n  @keyframes kui-tween-to-translate {\n    from {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n    }\n    to {\n      translate: var(--kui-tween-x, 0) var(--kui-tween-y, 0) var(--kui-tween-z, 0);\n    }\n  }\n  @keyframes kui-tween-from-translate {\n    from {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x, 0) var(--kui-tween-y, 0) var(--kui-tween-z, 0);\n    }\n  }\n  @keyframes kui-tween-to-rotate {\n    from {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n    }\n    to {\n      rotate: var(--kui-tween-rotate, 0deg);\n    }\n  }\n  @keyframes kui-tween-from-rotate {\n    from {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate, 0deg);\n    }\n  }\n  @keyframes kui-tween-to-scale {\n    from {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n    }\n    to {\n      scale: var(--kui-tween-scale-x, var(--kui-tween-scale, 1)) var(--kui-tween-scale-y, var(--kui-tween-scale, 1));\n    }\n  }\n  @keyframes kui-tween-from-scale {\n    from {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x, var(--kui-tween-scale, 1)) var(--kui-tween-scale-y, var(--kui-tween-scale, 1));\n    }\n  }\n  @keyframes kui-tween-to-opacity {\n    from {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n    }\n    to {\n      opacity: var(--kui-tween-opacity, 1);\n    }\n  }\n  @keyframes kui-tween-from-opacity {\n    from {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity, 1);\n    }\n  }\n  @keyframes kui-tween-to-filter {\n    from {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n    }\n    to {\n      filter: blur(var(--kui-tween-blur, 0px)) brightness(var(--kui-tween-brightness, 1)) saturate(var(--kui-tween-saturate, 1)) grayscale(var(--kui-tween-grayscale, 0)) contrast(var(--kui-tween-contrast, 1)) hue-rotate(var(--kui-tween-hue-rotate, 0deg)) invert(var(--kui-tween-invert, 0)) sepia(var(--kui-tween-sepia, 0));\n    }\n  }\n  @keyframes kui-tween-from-filter {\n    from {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur, 0px)) brightness(var(--kui-tween-brightness, 1)) saturate(var(--kui-tween-saturate, 1)) grayscale(var(--kui-tween-grayscale, 0)) contrast(var(--kui-tween-contrast, 1)) hue-rotate(var(--kui-tween-hue-rotate, 0deg)) invert(var(--kui-tween-invert, 0)) sepia(var(--kui-tween-sepia, 0));\n    }\n  }\n  @keyframes kui-tween-to-color {\n    from {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n    }\n    to {\n      color: var(--kui-tween-color, currentcolor);\n    }\n  }\n  @keyframes kui-tween-from-color {\n    from {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color, currentcolor);\n    }\n  }\n  @keyframes kui-tween-to-background {\n    from {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n    }\n    to {\n      background-color: var(--kui-tween-background-color, transparent);\n    }\n  }\n  @keyframes kui-tween-from-background {\n    from {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color, transparent);\n    }\n  }\n  @keyframes kui-tween-keys2-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys3-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys4-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-4, var(--kui-tween-x, 0)) var(--kui-tween-y-4, var(--kui-tween-y, 0)) var(--kui-tween-z-4, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys5-translate {\n    0% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-1, var(--kui-tween-x, 0)) var(--kui-tween-y-1, var(--kui-tween-y, 0)) var(--kui-tween-z-1, var(--kui-tween-z, 0));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-2, var(--kui-tween-x, 0)) var(--kui-tween-y-2, var(--kui-tween-y, 0)) var(--kui-tween-z-2, var(--kui-tween-z, 0));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-3, var(--kui-tween-x, 0)) var(--kui-tween-y-3, var(--kui-tween-y, 0)) var(--kui-tween-z-3, var(--kui-tween-z, 0));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-translate-ease, var(--kui-tween-translate-default-ease, ease-out));\n      translate: var(--kui-tween-x-4, var(--kui-tween-x, 0)) var(--kui-tween-y-4, var(--kui-tween-y, 0)) var(--kui-tween-z-4, var(--kui-tween-z, 0));\n    }\n    100% {\n      translate: var(--kui-tween-x-5, var(--kui-tween-x, 0)) var(--kui-tween-y-5, var(--kui-tween-y, 0)) var(--kui-tween-z-5, var(--kui-tween-z, 0));\n    }\n  }\n  @keyframes kui-tween-keys2-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys3-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys4-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-4, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys5-rotate {\n    0% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-1, var(--kui-tween-rotate, 0deg));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-2, var(--kui-tween-rotate, 0deg));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-3, var(--kui-tween-rotate, 0deg));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-rotate-ease, var(--kui-tween-rotate-default-ease, ease-out));\n      rotate: var(--kui-tween-rotate-4, var(--kui-tween-rotate, 0deg));\n    }\n    100% {\n      rotate: var(--kui-tween-rotate-5, var(--kui-tween-rotate, 0deg));\n    }\n  }\n  @keyframes kui-tween-keys2-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys3-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys4-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-4, var(--kui-tween-scale-x, var(--kui-tween-scale-4, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-4, var(--kui-tween-scale-y, var(--kui-tween-scale-4, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys5-scale {\n    0% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-1, var(--kui-tween-scale-x, var(--kui-tween-scale-1, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-1, var(--kui-tween-scale-y, var(--kui-tween-scale-1, var(--kui-tween-scale, 1))));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-2, var(--kui-tween-scale-x, var(--kui-tween-scale-2, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-2, var(--kui-tween-scale-y, var(--kui-tween-scale-2, var(--kui-tween-scale, 1))));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-3, var(--kui-tween-scale-x, var(--kui-tween-scale-3, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-3, var(--kui-tween-scale-y, var(--kui-tween-scale-3, var(--kui-tween-scale, 1))));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-scale-ease, var(--kui-tween-scale-default-ease, ease-out));\n      scale: var(--kui-tween-scale-x-4, var(--kui-tween-scale-x, var(--kui-tween-scale-4, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-4, var(--kui-tween-scale-y, var(--kui-tween-scale-4, var(--kui-tween-scale, 1))));\n    }\n    100% {\n      scale: var(--kui-tween-scale-x-5, var(--kui-tween-scale-x, var(--kui-tween-scale-5, var(--kui-tween-scale, 1)))) var(--kui-tween-scale-y-5, var(--kui-tween-scale-y, var(--kui-tween-scale-5, var(--kui-tween-scale, 1))));\n    }\n  }\n  @keyframes kui-tween-keys2-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys3-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys4-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-4, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys5-opacity {\n    0% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-1, var(--kui-tween-opacity, 1));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-2, var(--kui-tween-opacity, 1));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-3, var(--kui-tween-opacity, 1));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-opacity-ease, var(--kui-tween-opacity-default-ease, ease-out));\n      opacity: var(--kui-tween-opacity-4, var(--kui-tween-opacity, 1));\n    }\n    100% {\n      opacity: var(--kui-tween-opacity-5, var(--kui-tween-opacity, 1));\n    }\n  }\n  @keyframes kui-tween-keys2-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys3-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys4-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-4, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-4, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-4, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-4, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-4, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-4, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-4, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-4, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys5-filter {\n    0% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-1, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-1, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-1, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-1, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-1, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-1, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-1, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-1, var(--kui-tween-sepia, 0)));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-2, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-2, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-2, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-2, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-2, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-2, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-2, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-2, var(--kui-tween-sepia, 0)));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-3, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-3, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-3, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-3, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-3, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-3, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-3, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-3, var(--kui-tween-sepia, 0)));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-filter-ease, var(--kui-tween-filter-default-ease, ease-out));\n      filter: blur(var(--kui-tween-blur-4, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-4, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-4, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-4, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-4, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-4, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-4, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-4, var(--kui-tween-sepia, 0)));\n    }\n    100% {\n      filter: blur(var(--kui-tween-blur-5, var(--kui-tween-blur, 0px))) brightness(var(--kui-tween-brightness-5, var(--kui-tween-brightness, 1))) saturate(var(--kui-tween-saturate-5, var(--kui-tween-saturate, 1))) grayscale(var(--kui-tween-grayscale-5, var(--kui-tween-grayscale, 0))) contrast(var(--kui-tween-contrast-5, var(--kui-tween-contrast, 1))) hue-rotate(var(--kui-tween-hue-rotate-5, var(--kui-tween-hue-rotate, 0deg))) invert(var(--kui-tween-invert-5, var(--kui-tween-invert, 0))) sepia(var(--kui-tween-sepia-5, var(--kui-tween-sepia, 0)));\n    }\n  }\n  @keyframes kui-tween-keys2-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys3-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys4-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-4, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys5-color {\n    0% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-1, var(--kui-tween-color, currentcolor));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-2, var(--kui-tween-color, currentcolor));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-3, var(--kui-tween-color, currentcolor));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-color-ease, var(--kui-tween-color-default-ease, ease-out));\n      color: var(--kui-tween-color-4, var(--kui-tween-color, currentcolor));\n    }\n    100% {\n      color: var(--kui-tween-color-5, var(--kui-tween-color, currentcolor));\n    }\n  }\n  @keyframes kui-tween-keys2-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys3-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys4-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    33.333% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    66.667% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-4, var(--kui-tween-background-color, transparent));\n    }\n  }\n  @keyframes kui-tween-keys5-background {\n    0% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-1, var(--kui-tween-background-color, transparent));\n    }\n    25% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-2, var(--kui-tween-background-color, transparent));\n    }\n    50% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-3, var(--kui-tween-background-color, transparent));\n    }\n    75% {\n      animation-timing-function: var(--kui-tween-background-ease, var(--kui-tween-background-default-ease, ease-out));\n      background-color: var(--kui-tween-background-color-4, var(--kui-tween-background-color, transparent));\n    }\n    100% {\n      background-color: var(--kui-tween-background-color-5, var(--kui-tween-background-color, transparent));\n    }\n  }\n}\n\n/* src/css/motion-path.css */\n@layer kui.effects {\n  @keyframes kui-motion-travel {\n    from {\n      offset-distance: var(--kui-motion-from, 0%);\n    }\n    to {\n      offset-distance: var(--kui-motion-to, 100%);\n    }\n  }\n  [data-kui-fx~=motion-path],\n  [data-kui-fx~=path-arc],\n  [data-kui-fx~=path-wave],\n  [data-kui-fx~=path-loop],\n  [data-kui-fx~=path-swoop] {\n    offset-path: path(var(--kui-motion-path));\n    offset-rotate: var(--kui-motion-rotate, 0deg);\n    offset-anchor: var(--kui-motion-anchor, 0 0);\n  }\n}\n\n/* src/css/view-transitions.css */\n@layer kui.effects {\n  @supports (view-transition-name: none) {\n    :root {\n      --kui-vt-duration: 400ms;\n      --kui-vt-delay: 0ms;\n      --kui-vt-ease: cubic-bezier(0.4, 0, 0.2, 1);\n      --kui-vt-distance: 40px;\n    }\n    :root::view-transition-group(*) {\n      animation-duration: var(--kui-vt-duration, 400ms);\n      animation-delay: var(--kui-vt-delay, 0ms);\n      animation-timing-function: var(--kui-vt-ease, cubic-bezier(0.4, 0, 0.2, 1));\n    }\n    :root:active-view-transition-type(kui-page-fade)::view-transition-old(root) {\n      animation-name: kui-vt-fade-out;\n    }\n    :root:active-view-transition-type(kui-page-fade)::view-transition-new(root) {\n      animation-name: kui-vt-fade-in;\n    }\n    :root:active-view-transition-type(kui-page-slide)::view-transition-old(root) {\n      animation-name: kui-vt-slide-out;\n    }\n    :root:active-view-transition-type(kui-page-slide)::view-transition-new(root) {\n      animation-name: kui-vt-slide-in;\n    }\n    :root:active-view-transition-type(kui-curtain-wipe)::view-transition-old(root) {\n      animation-name: kui-vt-hold;\n    }\n    :root:active-view-transition-type(kui-curtain-wipe)::view-transition-new(root) {\n      animation-name: kui-vt-wipe-in;\n      z-index: 1;\n    }\n    :root::view-transition-old(root),\n    :root::view-transition-new(root) {\n      animation-duration: var(--kui-vt-duration, 400ms);\n      animation-delay: var(--kui-vt-delay, 0ms);\n      animation-timing-function: var(--kui-vt-ease, cubic-bezier(0.4, 0, 0.2, 1));\n      animation-fill-mode: both;\n    }\n    @keyframes kui-vt-fade-out {\n      to {\n        opacity: 0;\n      }\n    }\n    @keyframes kui-vt-fade-in {\n      from {\n        opacity: 0;\n      }\n    }\n    @keyframes kui-vt-slide-out {\n      to {\n        opacity: 0;\n        translate: 0 calc(-1 * var(--kui-vt-distance, 40px));\n      }\n    }\n    @keyframes kui-vt-slide-in {\n      from {\n        opacity: 0;\n        translate: 0 var(--kui-vt-distance, 40px);\n      }\n    }\n    @keyframes kui-vt-hold {\n      from, to {\n        opacity: 1;\n      }\n    }\n    @keyframes kui-vt-wipe-in {\n      from {\n        clip-path: inset(0 0 100% 0);\n      }\n      to {\n        clip-path: inset(0 0 0 0);\n      }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      :root::view-transition-group(*),\n      :root::view-transition-old(*),\n      :root::view-transition-new(*) {\n        animation-duration: 1ms !important;\n        animation-delay: 0ms !important;\n      }\n    }\n  }\n}\n\n/* src/css/glass.css */\n@layer kui.effects {\n  [data-kui-fx~=glass] {\n    backdrop-filter: blur(var(--kui-glass-blur, 16px)) saturate(var(--kui-glass-saturate, 1.6));\n    -webkit-backdrop-filter: blur(var(--kui-glass-blur, 16px)) saturate(var(--kui-glass-saturate, 1.6));\n    background-color: color-mix(in srgb, var(--kui-glass-tint, #ffffff) calc(var(--kui-glass-opacity, 0.12) * 100%), transparent);\n    background-image:\n      linear-gradient(\n        var(--kui-glass-sheen-angle, 180deg),\n        color-mix(in srgb, var(--kui-glass-sheen-color, var(--kui-glass-rim, #ffffff)) calc(var(--kui-glass-sheen, 0.16) * 100%), transparent) 0%,\n        transparent 62%);\n    border-width: var(--kui-glass-rim-width, 1px);\n    border-style: solid;\n    border-color: var(--kui-glass-rim, rgb(255 255 255 / 0.22));\n    border-radius: var(--kui-glass-radius, 16px);\n  }\n  @media (forced-colors: active) {\n    [data-kui-fx~=glass] {\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n      background-image: none;\n    }\n  }\n}\n\n/* src/css/ready-gates.css */\n@layer kui.effects {\n  @property --kui-gate-distance { syntax: \"*\"; inherits: false; }\n  @property --kui-gate-from-angle { syntax: \"*\"; inherits: false; }\n  @property --kui-gate-bar-from { syntax: \"*\"; inherits: false; }\n  [data-kui-fx][data-kui-state=ready] {\n    --kui-gate-distance: 0px;\n  }\n  [data-kui-fx~=flip-in-x][data-kui-state=ready],\n  [data-kui-fx~=flip-in-y][data-kui-state=ready],\n  [data-kui-fx~=rotate-in][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-left][data-kui-state=ready],\n  [data-kui-fx~=rotate-in-right][data-kui-state=ready],\n  [data-kui-fx~=swing-in][data-kui-state=ready],\n  [data-kui-fx~=roll-in][data-kui-state=ready],\n  [data-kui-fx~=fold-panel][data-kui-state=ready] {\n    --kui-gate-from-angle: 0deg;\n  }\n  [data-kui-fx~=loading-bar][data-kui-state=ready],\n  [data-kui-fx~=chart-bar-grow][data-kui-state=ready],\n  [data-kui-fx~=progress-bar][data-kui-state=ready] {\n    --kui-gate-bar-from: 1;\n  }\n}\n\n/* src/css/flip-card-parts.css */\n@layer kui.effects {\n  [data-kui-fx~=flip-card] > :is(.kui-face-front, [data-kui-part=front]),\n  [data-kui-fx~=flip-card] > :is(.kui-face-back, [data-kui-part=back]) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    transition: rotate var(--kui-card-toggle-duration, 700ms) var(--kui-card-toggle-ease, ease-in-out);\n  }\n  [data-kui-fx~=flip-card] > :is(.kui-face-front, [data-kui-part=front]) {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > :is(.kui-face-back, [data-kui-part=back]) {\n    rotate: y 180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-front, [data-kui-part=front]),\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-back, [data-kui-part=back]) {\n    transition-delay: var(--kui-card-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-front, [data-kui-part=front]) {\n    rotate: y -180deg;\n  }\n  [data-kui-fx~=flip-card]:has(> :is(.kui-flip-control, [data-kui-part~=control])[aria-pressed=true]) > :is(.kui-face-back, [data-kui-part=back]) {\n    rotate: y 0deg;\n  }\n  [data-kui-fx~=flip-card] > [data-kui-part~=control][data-kui-part~=injected] {\n    grid-area: 1 / 1;\n    align-self: end;\n    justify-self: end;\n    z-index: 1;\n    margin: .75rem;\n  }\n  [data-kui-fx~=flip-card] > [data-kui-part~=quiet]:not(:focus-visible) {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n  :is([data-kui~=flip-card], [data-kui~=\"flip-card,\"]):not(:has(> .kui-face-front)) > :nth-child(1 of :not(button)) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    rotate: y 0deg;\n  }\n  :is([data-kui~=flip-card], [data-kui~=\"flip-card,\"]):not(:has(> .kui-face-front)) > :nth-child(2 of :not(button)) {\n    grid-area: 1 / 1;\n    backface-visibility: hidden;\n    rotate: y 180deg;\n  }\n}\n@layer kui.policy {\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm][data-kui-fx~=flip-card] > [data-kui-part=front],\n    [data-kui-rm][data-kui-fx~=flip-card] > [data-kui-part=back] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n  }\n}\n\n/* src/css/icon-parts.css */\n@layer kui.effects {\n  [data-kui-fx~=hamburger-to-x] [data-kui-part=bar] {\n    transition:\n      translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      rotate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out),\n      opacity var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    translate: 0 var(--kui-bar-gap, 6px);\n    rotate: 45deg;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    opacity: 0;\n  }\n  [data-kui-fx~=hamburger-to-x][aria-expanded=true] [data-kui-part=bar]:nth-child(3 of [data-kui-part=bar]) {\n    translate: 0 calc(var(--kui-bar-gap, 6px) * -1);\n    rotate: -45deg;\n  }\n  [data-kui-fx~=play-to-pause] [data-kui-part=bar] {\n    transition: translate var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out), clip-path var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    translate: var(--kui-bar-gap, 4px) 0;\n    clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%);\n  }\n  [data-kui-fx~=play-to-pause]:not([aria-pressed=true]) [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    translate: calc(var(--kui-bar-gap, 4px) * -1) 0;\n    clip-path: polygon(0 25%, 100% 50%, 100% 50%, 0 75%);\n  }\n  [data-kui-fx~=plus-to-minus] [data-kui-part=bar] {\n    transition: scale var(--kui-icon-toggle-duration, 260ms) var(--kui-icon-toggle-ease, ease-out);\n  }\n  [data-kui-fx~=plus-to-minus] [data-kui-part=bar]:nth-child(2 of [data-kui-part=bar]) {\n    rotate: 90deg;\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] [data-kui-part=bar] {\n    transition-delay: var(--kui-icon-toggle-delay, 0ms);\n  }\n  [data-kui-fx~=plus-to-minus][aria-expanded=true] [data-kui-part=bar]:nth-child(1 of [data-kui-part=bar]) {\n    scale: 0;\n  }\n}\n@layer kui.policy {\n  @media (prefers-reduced-motion: reduce) {\n    [data-kui-rm][data-kui-fx~=hamburger-to-x] [data-kui-part=bar],\n    [data-kui-rm][data-kui-fx~=play-to-pause] [data-kui-part=bar],\n    [data-kui-rm][data-kui-fx~=plus-to-minus] [data-kui-part=bar] {\n      transition-duration: 1ms !important;\n      transition-delay: 0ms !important;\n    }\n  }\n}\n\n/* src/showcase/presets.generated.css */\n@layer kui.presets {\n  [data-kui-fx~=carousel-fade] {\n    --kui-slideshow-transition: fade;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=carousel-slide] {\n    --kui-slideshow-transition: slide;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=lightbox] {\n    --kui-lightbox-media: image;\n    --kui-lightbox-duration: 280ms;\n    --kui-lightbox-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  [data-kui-fx~=video-hero-slideshow] {\n    --kui-slideshow-transition: fade;\n    --kui-slideshow-autoplay: 7s;\n    --kui-slideshow-controls: dots;\n    --kui-slideshow-duration: 500ms;\n    --kui-slideshow-ease: ease;\n  }\n  [data-kui-fx~=video-lightbox] {\n    --kui-lightbox-media: video;\n    --kui-lightbox-duration: 280ms;\n    --kui-lightbox-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n}\n@layer kui.cloak {\n}\n\n/* src/showcase/showcase.css */\n@layer kui.effects {\n  .kui-slowmo-toggle {\n    display: inline-block;\n    margin-block-end: 0.75rem;\n    padding: 0.4em 0.8em;\n    border: 1px solid currentColor;\n    border-radius: 0.4em;\n    background: Canvas;\n    color: CanvasText;\n    font: inherit;\n    cursor: pointer;\n  }\n  .kui-slowmo-toggle:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-device] {\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    overflow: hidden;\n    border: 1px solid color-mix(in srgb, var(--kui-device-color, #111) 55%, transparent);\n    border-radius: var(--kui-device-radius, 18px);\n    padding: 14px;\n    background: var(--kui-device-color, #111);\n  }\n  [data-kui-device] > img,\n  [data-kui-device] > video {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n  }\n  [data-kui-device=browser] {\n    padding: 30px 14px 14px;\n    border-radius: var(--kui-device-radius, 10px);\n  }\n  [data-kui-device=browser]::before {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 10px;\n    inset-inline-start: 15px;\n    inline-size: 44px;\n    block-size: 10px;\n    background-image:\n      radial-gradient(\n        circle,\n        #ff5f57 0 45%,\n        transparent 46%),\n      radial-gradient(\n        circle,\n        #febc2e 0 45%,\n        transparent 46%),\n      radial-gradient(\n        circle,\n        #28c840 0 45%,\n        transparent 46%);\n    background-size: 10px 10px;\n    background-position:\n      0 0,\n      17px 0,\n      34px 0;\n    background-repeat: no-repeat;\n  }\n  [data-kui-device=phone] {\n    padding: 16px 8px;\n    border-radius: var(--kui-device-radius, 36px);\n    aspect-ratio: 9 / 19.5;\n    max-inline-size: 20rem;\n    margin-inline: auto;\n  }\n  [data-kui-device=phone]::after {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 50%;\n    translate: -50% 0;\n    inline-size: 38%;\n    block-size: 16px;\n    background-image: radial-gradient(circle, #000 0 100%);\n    background-size: 100% 100%;\n    border-radius: 0 0 12px 12px;\n  }\n  [data-kui-device=tablet] {\n    padding: 18px;\n    border-radius: var(--kui-device-radius, 22px);\n    aspect-ratio: 3 / 4;\n    max-inline-size: 28rem;\n    margin-inline: auto;\n  }\n  [data-kui-device=laptop] {\n    padding: 10px 10px 34px;\n    border-radius: var(--kui-device-radius, 12px) var(--kui-device-radius, 12px) 4px 4px;\n    aspect-ratio: 16 / 10;\n  }\n  [data-kui-device=laptop]::after {\n    content: \"\";\n    position: absolute;\n    inset-block-end: 14px;\n    inset-inline-start: 50%;\n    translate: -50% 0;\n    inline-size: 15%;\n    block-size: 6px;\n    background-image: radial-gradient(circle, color-mix(in srgb, var(--kui-device-color, #111) 55%, #fff) 0 100%);\n    background-size: 100% 100%;\n    border-radius: 3px;\n  }\n  [data-kui-fx~=compare] {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr auto;\n    overflow: hidden;\n    user-select: none;\n  }\n  [data-kui-fx~=compare] > :is(img, picture, video) {\n    grid-area: 1 / 1;\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n  }\n  [data-kui-fx~=compare] > :is(img, picture, video):nth-child(2 of :is(img, picture, video)) {\n    clip-path: inset(0 0 0 var(--kui-compare, 50%));\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > :is(img, picture, video):nth-child(2 of :is(img, picture, video)) {\n    clip-path: inset(var(--kui-compare, 50%) 0 0 0);\n  }\n  [data-kui-fx~=compare] > .kui-compare-range {\n    grid-area: 1 / 1;\n    position: relative;\n    z-index: 2;\n    inline-size: 100%;\n    block-size: 100%;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    cursor: ew-resize;\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-range {\n    writing-mode: vertical-lr;\n    direction: ltr;\n    cursor: ns-resize;\n    touch-action: pan-x;\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle {\n    grid-area: 1 / 1;\n    position: relative;\n    z-index: 1;\n    inline-size: 100%;\n    block-size: 100%;\n    pointer-events: none;\n    translate: calc(var(--kui-compare, 50%) - 100%) 0;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle {\n    translate: 0 calc(var(--kui-compare, 50%) - 100%);\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle::after {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-end: 0;\n    inline-size: 2px;\n    background: #fff;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);\n    border-inline-start: 2px solid CanvasText;\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle::after {\n    inset-block: auto 0;\n    inset-inline: 0;\n    inline-size: 100%;\n    block-size: 2px;\n    border-inline-start: none;\n    border-block-start: 2px solid CanvasText;\n  }\n  [data-kui-fx~=compare] > .kui-compare-handle::before {\n    content: \"\";\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: -14px;\n    translate: 0 -50%;\n    inline-size: 28px;\n    block-size: 28px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  [data-kui-fx~=compare][data-kui-compare-axis=y] > .kui-compare-handle::before {\n    inset-block-start: auto;\n    inset-block-end: -14px;\n    inset-inline-start: 50%;\n    inset-inline-end: auto;\n    translate: -50% 0;\n  }\n  [data-kui-fx~=compare] > .kui-compare-range:focus-visible + .kui-compare-handle {\n    outline: 2px solid Highlight;\n    outline-offset: -2px;\n  }\n  [data-kui-fx~=compare] > .kui-compare-range:focus-visible + .kui-compare-handle::before {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=hotspots] {\n    position: relative;\n    display: inline-block;\n  }\n  [data-kui-fx~=hotspots] > img {\n    display: block;\n    inline-size: 100%;\n    block-size: auto;\n  }\n  [data-kui-fx~=hotspots] > :is(ol, ul) {\n    margin: 0;\n    padding: 0;\n    block-size: 0;\n  }\n  [data-kui-fx~=hotspots] .kui-hotspot {\n    position: absolute;\n    left: var(--kui-x);\n    top: var(--kui-y);\n    translate: -50% -50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    background: var(--kui-hotspot-color, #111);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    touch-action: manipulation;\n    user-select: none;\n    inline-size: 24px;\n    block-size: 24px;\n  }\n  [data-kui-fx~=hotspots][data-kui-hotspot-marker=dot] .kui-hotspot {\n    inline-size: 14px;\n    block-size: 14px;\n  }\n  [data-kui-fx~=hotspots] .kui-hotspot:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=hotspots] [popover] {\n    margin: 0;\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    background: #1e1e1e;\n    color: #fff;\n    font-size: 13px;\n    line-height: 1.4;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n    max-inline-size: min(18rem, calc(100vw - 16px));\n    max-block-size: calc(100vh - 16px);\n    overflow: auto;\n    overflow-wrap: anywhere;\n    transition:\n      opacity 150ms ease,\n      translate 150ms ease,\n      display 150ms allow-discrete,\n      overlay 150ms allow-discrete;\n    opacity: 0;\n    translate: 0 4px;\n  }\n  [data-kui-fx~=hotspots] [popover]:popover-open {\n    opacity: 1;\n    translate: 0 0;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) {\n    position: relative;\n    overflow: hidden;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] {\n    display: grid;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] > [data-kui-step-state] {\n    grid-area: 1 / 1;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--kui-slideshow-duration, 500ms) var(--kui-slideshow-ease, ease);\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=fade] [data-kui-slideshow-list] > [data-kui-step-state=active] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=slide] [data-kui-slideshow-list] {\n    display: flex;\n    translate: calc(var(--kui-step, 0) * -100%) 0;\n    transition: translate var(--kui-slideshow-duration, 500ms) var(--kui-slideshow-ease, ease);\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow])[data-kui-slideshow-mode=slide] [data-kui-slideshow-list] > [data-kui-step-state] {\n    flex: 0 0 100%;\n    min-inline-size: 0;\n  }\n  [data-kui-fx~=carousel-fade] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=carousel-slide] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  [data-kui-fx~=video-hero-slideshow] [data-kui-slideshow-list] {\n    touch-action: pan-y;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 0.75rem;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button {\n    display: inline-grid;\n    place-items: center;\n    min-inline-size: 2.75rem;\n    min-block-size: 2.75rem;\n    border: 1px solid currentColor;\n    border-radius: 999px;\n    background: Canvas;\n    color: CanvasText;\n    cursor: pointer;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Previous slide\"]::before {\n    content: \"\\2190\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Next slide\"]::before {\n    content: \"\\2192\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Pause slideshow\"]::before {\n    content: \"\\2161\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button[aria-label=\"Play slideshow\"]::before {\n    content: \"\\25b6\";\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot {\n    min-inline-size: 1rem;\n    min-block-size: 1rem;\n    padding: 0;\n    border-width: 2px;\n    background: transparent;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot[aria-current=true] {\n    background: currentColor;\n  }\n  :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  [data-kui-fx~=scroll-story] {\n    position: relative;\n    box-sizing: border-box;\n  }\n  [data-kui-fx~=scroll-story] > :first-child {\n    position: sticky;\n    inset-block-start: 0;\n    z-index: 1;\n    display: grid;\n    block-size: 45svh;\n    overflow: hidden;\n  }\n  [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state] {\n    position: absolute;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 300ms ease;\n  }\n  [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state=active] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  [data-kui-fx~=scroll-story] > :last-child {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n    min-block-size: 60vh;\n    box-sizing: border-box;\n    opacity: var(--kui-story-dim, 0.45);\n    transition: opacity 300ms ease;\n    background: Canvas;\n  }\n  [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state=active] {\n    opacity: 1;\n  }\n  @media (min-width: 48rem) {\n    [data-kui-fx~=scroll-story] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: clamp(1.5rem, 3vw, 4rem);\n      align-items: start;\n    }\n    [data-kui-fx~=scroll-story] > :first-child {\n      inset-block-start: 0;\n      block-size: 100vh;\n      block-size: 100svh;\n      align-content: center;\n    }\n    [data-kui-fx~=scroll-story] > :first-child > [data-kui-step-state] {\n      position: relative;\n      inset: auto;\n      grid-area: 1 / 1;\n      block-size: auto;\n      aspect-ratio: 16 / 10;\n    }\n    [data-kui-fx~=scroll-story]:not([data-kui-story-side=start]) > :first-child {\n      grid-column: 2;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story]:not([data-kui-story-side=start]) > :last-child {\n      grid-column: 1;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story][data-kui-story-side=start] > :first-child {\n      grid-column: 1;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story][data-kui-story-side=start] > :last-child {\n      grid-column: 2;\n      grid-row: 1;\n    }\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      background: transparent;\n    }\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) {\n    display: block;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :first-child {\n    position: static;\n    display: block;\n    block-size: auto;\n    overflow: visible;\n    aspect-ratio: auto;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :first-child * {\n    position: static;\n    inset: auto;\n    grid-area: auto;\n    inline-size: auto;\n    block-size: auto;\n    aspect-ratio: auto;\n    opacity: 1;\n    pointer-events: auto;\n  }\n  [data-kui-fx~=scroll-story]:not([data-kui-step]) > :last-child * {\n    min-block-size: 0;\n    opacity: 1;\n  }\n  @starting-style {\n    [data-kui-fx~=hotspots] [popover]:popover-open {\n      opacity: 0;\n      translate: 0 4px;\n    }\n  }\n  @media (forced-colors: active) {\n    :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls button {\n      border-color: CanvasText;\n      color: CanvasText;\n    }\n    :is([data-kui-fx~=carousel-fade], [data-kui-fx~=carousel-slide], [data-kui-fx~=video-hero-slideshow]) .kui-slideshow-controls .kui-slideshow-dot[aria-current=true] {\n      background: Highlight;\n    }\n    [data-kui-device] {\n      border-color: CanvasText;\n      background: Canvas;\n    }\n    [data-kui-device=browser]::before,\n    [data-kui-device=phone]::after,\n    [data-kui-device=laptop]::after {\n      background-image: none;\n    }\n    [data-kui-fx~=compare] > .kui-compare-handle::before {\n      border: 2px solid CanvasText;\n      background: Canvas;\n    }\n    [data-kui-fx~=hotspots] .kui-hotspot {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n    [data-kui-fx~=hotspots] [popover] {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n  }\n  dialog.kui-lightbox {\n    display: none;\n  }\n  dialog.kui-lightbox[open] {\n    position: fixed;\n    inset: 0;\n    inline-size: 100%;\n    block-size: 100%;\n    max-inline-size: none;\n    max-block-size: none;\n    box-sizing: border-box;\n    margin: 0;\n    border: 0;\n    padding: clamp(1rem, 4vw, 3rem);\n    overflow: auto;\n    overscroll-behavior: contain;\n    display: grid;\n    place-items: center;\n    color: #fff;\n    background: rgb(8 9 10 / 0.58);\n    opacity: 0;\n    transition: opacity var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  dialog.kui-lightbox::backdrop {\n    background: transparent;\n    -webkit-backdrop-filter: blur(7px);\n    backdrop-filter: blur(7px);\n    opacity: 0;\n    transition: opacity var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  dialog.kui-lightbox[open].is-open {\n    opacity: 1;\n  }\n  dialog.kui-lightbox[open].is-open::backdrop {\n    opacity: 1;\n  }\n  .kui-lightbox-slot {\n    display: contents;\n  }\n  .kui-lightbox-gallery,\n  .kui-lightbox-frame {\n    opacity: 0;\n    scale: var(--kui-from-scale, 0.965);\n    translate: 0 8px;\n    transition:\n      opacity var(--kui-lightbox-duration, 280ms) ease,\n      scale var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease),\n      translate var(--kui-lightbox-duration, 280ms) var(--kui-lightbox-ease, ease);\n  }\n  .kui-lightbox.is-open .kui-lightbox-gallery,\n  .kui-lightbox.is-open .kui-lightbox-frame {\n    opacity: 1;\n    scale: none;\n    translate: none;\n  }\n  .kui-lightbox-gallery {\n    display: grid;\n    place-items: center;\n    gap: 0.75rem;\n  }\n  .kui-lightbox-gallery figure {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.75rem;\n  }\n  .kui-lightbox-gallery img {\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 30px 80px rgb(0 0 0 / 0.45);\n    background: #0b0c0d;\n  }\n  .kui-lightbox-gallery img.is-fit {\n    max-inline-size: min(100%, 1400px);\n    max-block-size: 86dvh;\n    inline-size: auto;\n    block-size: auto;\n  }\n  .kui-lightbox-gallery img.is-tall {\n    inline-size: min(100%, 760px);\n    block-size: auto;\n  }\n  .kui-lightbox-gallery figcaption {\n    max-inline-size: 60ch;\n    text-align: center;\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: rgb(255 255 255 / 0.72);\n  }\n  .kui-lightbox-close,\n  .kui-lightbox-prev,\n  .kui-lightbox-next {\n    border: 1px solid rgb(255 255 255 / 0.45);\n    border-radius: 50%;\n    color: #fff;\n    background: rgb(8 9 10 / 0.7);\n    cursor: pointer;\n  }\n  .kui-lightbox-close {\n    position: fixed;\n    inset-block-start: clamp(0.75rem, 2vw, 1.25rem);\n    inset-inline-end: clamp(0.75rem, 2vw, 1.25rem);\n    z-index: 1;\n    inline-size: 40px;\n    block-size: 40px;\n    font-size: 1.5rem;\n  }\n  .kui-lightbox-prev,\n  .kui-lightbox-next {\n    position: fixed;\n    inset-block-start: 50%;\n    inline-size: 40px;\n    block-size: 40px;\n    font-size: 2rem;\n  }\n  .kui-lightbox-prev {\n    inset-inline-start: 0.75rem;\n  }\n  .kui-lightbox-next {\n    inset-inline-end: 0.75rem;\n  }\n  .kui-lightbox-counter {\n    font-size: 0.85rem;\n    color: rgb(255 255 255 / 0.8);\n  }\n  .kui-lightbox button:focus-visible {\n    outline: 2px solid Highlight;\n    outline-offset: 2px;\n  }\n  .kui-lightbox-frame {\n    inline-size: min(92vw, 1100px);\n    aspect-ratio: 16 / 9;\n    border-radius: 12px;\n    overflow: clip;\n    box-shadow: 0 30px 80px rgb(0 0 0 / 0.45);\n    background: #000;\n  }\n  .kui-lightbox-frame--tall {\n    inline-size: min(80vw, 420px);\n    aspect-ratio: 9 / 16;\n  }\n  .kui-lightbox-frame--square {\n    inline-size: min(80vw, 720px);\n    aspect-ratio: 1;\n  }\n  .kui-lightbox-frame iframe,\n  .kui-lightbox-frame video {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    border: 0;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    dialog.kui-lightbox,\n    .kui-lightbox-gallery,\n    .kui-lightbox-frame {\n      transition-duration: 1ms;\n    }\n    .kui-lightbox-gallery,\n    .kui-lightbox-frame {\n      scale: none;\n      translate: none;\n    }\n    [data-kui-fx~=scroll-story] > :first-child [data-kui-step-state],\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      transition-duration: 1ms;\n    }\n  }\n  @media (forced-colors: active) {\n    dialog.kui-lightbox {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n    dialog.kui-lightbox::backdrop {\n      -webkit-backdrop-filter: none;\n      backdrop-filter: none;\n    }\n    .kui-lightbox-close,\n    .kui-lightbox-prev,\n    .kui-lightbox-next {\n      border-color: CanvasText;\n      color: CanvasText;\n      background: Canvas;\n    }\n    .kui-lightbox-frame {\n      border: 1px solid CanvasText;\n    }\n    [data-kui-fx~=scroll-story] > :first-child,\n    [data-kui-fx~=scroll-story] > :last-child [data-kui-step-state] {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n\n/* src/css/index.css */\n"
     document.head.appendChild(style)
   }
 })()