.motion-clip:where(.astro-nkmv4ud3){margin:0}.motion-frame:where(.astro-nkmv4ud3){overflow:hidden;border:1px solid color-mix(in oklch,var(--color-gray-400) 35%,transparent);border-radius:0;background:var(--color-gray-100);box-shadow:0 24px 48px -24px #0f172a59,0 0 0 1px #0f172a08}[data-theme=dark] .motion-frame:where(.astro-nkmv4ud3){border-color:#ffffff1a;background:var(--color-gray-900)}.motion-bar:where(.astro-nkmv4ud3){display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-bottom:1px solid color-mix(in oklch,var(--color-gray-400) 30%,transparent);background:color-mix(in oklch,var(--color-gray-100) 70%,white)}[data-theme=dark] .motion-bar:where(.astro-nkmv4ud3){border-color:#ffffff14;background:color-mix(in oklch,var(--color-gray-800) 60%,transparent)}.motion-bar:where(.astro-nkmv4ud3)>span:where(.astro-nkmv4ud3){width:.625rem;height:.625rem;border-radius:9999px;background:color-mix(in oklch,var(--color-gray-400) 60%,transparent)}.motion-badge:where(.astro-nkmv4ud3){display:inline-flex;align-items:center;gap:.375rem;margin-inline-start:auto;font-family:var(--font-mono);font-size:.6875rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700)}[data-theme=dark] .motion-badge:where(.astro-nkmv4ud3){color:var(--color-accent-300)}.motion-badge:where(.astro-nkmv4ud3):before{content:"";width:.5rem;height:.575rem;background:currentColor;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);animation:motion-blink 1.6s ease-in-out infinite}.motion-stage:where(.astro-nkmv4ud3){position:relative}video:where(.astro-nkmv4ud3){display:block;width:100%;height:auto;background:var(--color-gray-100)}[data-theme=dark] video:where(.astro-nkmv4ud3){background:var(--color-gray-900)}.has-dark:where(.astro-nkmv4ud3) video:where(.astro-nkmv4ud3)[data-theme-variant=dark],[data-theme=dark] .has-dark:where(.astro-nkmv4ud3) video:where(.astro-nkmv4ud3)[data-theme-variant=light]{display:none}[data-theme=dark] .has-dark:where(.astro-nkmv4ud3) video:where(.astro-nkmv4ud3)[data-theme-variant=dark]{display:block}.motion-toggle:where(.astro-nkmv4ud3){position:absolute;inset-inline-end:.75rem;bottom:.875rem;display:grid;place-items:center;width:2.5rem;height:2.75rem;padding:0;border:0;background:color-mix(in oklch,var(--color-gray-950) 72%,transparent);color:#fff;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease-fluid),background-color var(--dur-base) var(--ease-fluid),color var(--dur-base) var(--ease-fluid)}.motion-stage:where(.astro-nkmv4ud3):hover .motion-toggle:where(.astro-nkmv4ud3),.motion-toggle:where(.astro-nkmv4ud3):focus-visible,:where(.astro-nkmv4ud3)[data-state=paused] .motion-toggle:where(.astro-nkmv4ud3){opacity:1}.motion-toggle:where(.astro-nkmv4ud3):hover{background:var(--color-accent-400);color:var(--color-gray-950)}.motion-toggle:where(.astro-nkmv4ud3) svg:where(.astro-nkmv4ud3){width:1rem;height:1rem;fill:currentColor}.i-pause:where(.astro-nkmv4ud3),:where(.astro-nkmv4ud3)[data-state=paused] .i-play:where(.astro-nkmv4ud3){display:block}.i-play:where(.astro-nkmv4ud3),:where(.astro-nkmv4ud3)[data-state=paused] .i-pause:where(.astro-nkmv4ud3){display:none}:where(.astro-nkmv4ud3)[data-state=playing] .i-pause:where(.astro-nkmv4ud3){display:block}:where(.astro-nkmv4ud3)[data-state=playing] .i-play:where(.astro-nkmv4ud3){display:none}.motion-progress:where(.astro-nkmv4ud3){position:absolute;inset-inline:0;bottom:0;height:3px;background:#0f172a14}.motion-progress:where(.astro-nkmv4ud3) span:where(.astro-nkmv4ud3){display:block;height:100%;background:linear-gradient(90deg,var(--color-accent-400),var(--color-signal-400));transform:scaleX(var(--motion-progress, 0));transform-origin:left center}figcaption:where(.astro-nkmv4ud3){display:flex;gap:.5rem;align-items:baseline;margin-top:.75rem;font-size:.875rem;line-height:1.5;color:var(--color-gray-500)}[data-theme=dark] figcaption:where(.astro-nkmv4ud3){color:var(--color-gray-400)}figcaption:where(.astro-nkmv4ud3):before{content:"";flex:none;width:.5rem;height:.575rem;background:var(--color-accent-500);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);transform:translateY(1px)}@keyframes motion-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.motion-badge:where(.astro-nkmv4ud3):before{animation:none}.motion-toggle:where(.astro-nkmv4ud3){opacity:1}}