[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-openai-remotion-markup":3,"mdc--45kriv-key":36,"related-org-openai-remotion-markup":4830,"related-repo-openai-remotion-markup":5035},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"remotion-markup","apply Remotion animation best practices","Content, animation and effects best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"openai","OpenAI","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fopenai.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Best Practices","best-practices","tag",{"name":17,"slug":18,"type":15},"Remotion","remotion",{"name":20,"slug":21,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},"Video","video",4888,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins","2026-08-28T15:08:57.268681",null,661,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"OpenAI Plugins","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins\u002Ftree\u002FHEAD\u002Fplugins\u002Fremotion\u002Fskills\u002Fremotion-markup","---\nname: remotion-markup\ndescription: Content, animation and effects best practices\nversion: 4.0.506\n---\n\nThis is guidance for writing Remotion React Markup.\nIf this is not relevant, load [Remotion Best Practices](..\u002Fremotion-best-practices\u002FSKILL.md) instead.\n\n## General rules\n\nDrive animations using `useCurrentFrame()` and `interpolate()`.\nCSS `transition` or `animation` will not render correctly, they need to refactored.\nTailwind animation class will not render correctly, they need to be refactored.\n\nUse `Easing.bezier()` and `Easing.spring()` to customize timing.\n\nStructure your markup according to [Remotion Interactivity Best Practices](..\u002Fremotion-interactivity\u002FSKILL.md)\n\n```tsx\nimport { useCurrentFrame, Easing, interpolate, Interactive } from \"remotion\";\n\nexport const FadeIn = () => {\n  const frame = useCurrentFrame();\n\n  return (\n    \u003CInteractive.Div\n      name=\"Title\"\n      style={{\n        opacity: interpolate(frame, [0, 2 * fps], [0, 1], {\n          extrapolateRight: \"clamp\",\n          extrapolateLeft: \"clamp\",\n          easing: Easing.bezier(0.16, 1, 0.3, 1),\n        }),\n      }}\n    >\n      Hello World!\n    \u003C\u002FInteractive.Div>\n  );\n};\n```\n\nKeep the `interpolate()` call inline in the `style` prop.\nUse `scale`, `translate`, `rotate` CSS properties over `transform`.\n\n```tsx\n\u002F\u002F 👍 Inline editable keyframes and transform shorthands\nstyle={{\n  scale: interpolate(frame, [0, 100], [0, 1], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n    output: 'perceptual-scale' \u002F\u002F For `scale` animations, use \"output: 'perceptual-scale'\"\n  }),\n  translate: interpolate(frame, [0, 100], [\"0px 0px\", \"100px 100px\"], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n  }),\n  rotate: interpolate(frame, [0, 100], [\"20deg\", \"90deg\"], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n  }),\n}}\n\n\u002F\u002F 👎 Non-inline values and transform strings become harder to edit in Studio\nconst scale = interpolate(frame, [0, 100], [0, 1]);\n\nstyle={{\n  transform: `scale(${scale})`,\n}}\n```\n\n## Assets\n\nPlace assets in the `public\u002F` folder at your project root.\nUse `staticFile()` to reference files from the `public\u002F` folder.\n\n## Media components\n\nAdd video and audio using `\u003CVideo>` and `\u003CAudio>` from `@remotion\u002Fmedia`.\nAdd images using the `\u003CCanvasImage>` component.\nAdd animated GIFs, APNG, WebP or AVIF images using `\u003CAnimatedImage>`, use `@remotion\u002Fgif` if not using Chrome.\nUse `staticFile()` for files in `public\u002F` or pass a remote URL directly:\n\n```tsx\nimport { Audio, Video } from \"@remotion\u002Fmedia\";\nimport { staticFile, CanvasImage, AnimatedImage } from \"remotion\";\n\nexport const MyComposition = () => {\n  return (\n    \u003C>\n      \u003CVideo src={staticFile(\"video.mp4\")} style={{ opacity: 0.5 }} \u002F>\n      \u003CAudio src={staticFile(\"audio.mp3\")} \u002F>\n      \u003CCanvasImage\n        src={staticFile(\"logo.png\")}\n        style={{ width: 100, height: 100 }}\n      \u002F>\n      \u003CVideo src=\"https:\u002F\u002Fremotion.media\u002Fvideo.mp4\" \u002F>\n      \u003CAnimatedImage src={staticFile('nyancat.gif')} \u002F>\n    \u003C\u002F>\n  );\n};\n```\n\n## Example scene\n\n```tsx\nimport {\n  AbsoluteFill,\n  Easing,\n  Interactive,\n  interpolate,\n  useCurrentFrame,\n  useVideoConfig\n} from \"remotion\";\n\nexport const Empty = () => {\n  const {fps} = useVideoConfig();\n  const frame = useCurrentFrame();\n\n  return (\n    \u003CAbsoluteFill\n      name=\"Scene\"\n      style={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: 'white'\n      }}\n    >\n      \u003CInteractive.Div\n        name=\"Title\"\n        style={{\n          opacity: interpolate(frame, [1 * fps, 2 * fps], [0, 1], {\n            extrapolateRight: \"clamp\",\n            extrapolateLeft: \"clamp\",\n            easing: Easing.bezier(0.16, 1, 0.3, 1),\n          }),\n          fontSize: 88\n        }}\n      >\n        Title\n      \u003C\u002FInteractive.Div>\n      \u003CInteractive.Div\n        name=\"Subtitle\"\n        style={{\n          opacity: interpolate(frame, [2 * fps, 3 * fps, 8 * fps, 10 * fps], [0, 1, 1, 0], {\n            extrapolateRight: \"clamp\",\n            extrapolateLeft: \"clamp\",\n            easing: [Easing.bezier(0.16, 1, 0.3, 1), Easing.linear, Easing.bezier(0.16, 1, 0.3, 1)],\n          }),\n          fontSize: 32\n        }}\n      >\n        Subtitle\n      \u003C\u002FInteractive.Div>\n    \u003C\u002FAbsoluteFill>\n  );\n}\n```\n\n## Delaying, trimming\n\nMost components (`\u003CAbsoluteFill>`, `\u003CInteractive.*>` `\u003CImg>`, `\u003CAnimatedImage>`, `\u003CCanvasImage>`, `\u003CHtmlInCanvas>`, `\u003CSolid>`, `\u003CSequence>` from `remotion`, `\u003CVideo>` and `\u003CAudio>` from `@remotion\u002Fmedia`, `\u003CGif>`, and more) support the following props:\n\n### from\n\n```tsx\n\u003CImg from={1 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CVideo from={1 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CInteractive.Div from={1 * fps} {\u002F* ... *\u002F}\u002F>\n```\n\nWhen the element starts appearing in the timelien.\n\n### durationInFrames\n\n```tsx\n\u003CImg durationInFrames={20 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CInteractive.Div durationInFrames={20 * fps} {\u002F* ... *\u002F}\u002F>\n```\n\nFor how long the layer plays in the timeline.\nFor media, pass the natural duration of the media: `\u003CVideo durationInFrames={29.322 * fps}\u002F>`\n\n### `trimBefore`\n\nUseful for components whose internal clock should start later:\n\n```tsx\n\u002F\u002F Trim away first 2 seconds of footage\n\u003CVideo trimBefore={2 * fps} {\u002F* ... *\u002F} \u002F>\n\n\u002F\u002F `useCurrenFrame()` for children starts at `10 * fps`\n\u003CSequence trimBefore={10 * fps} {\u002F* ... *\u002F} \u002F>\n```\n\n### Fallback\n\nIf a component does not support these props, wrap it in`\u003CSequence>` from `remotion`, which has them.\n\n- `layout=\"absolute-fill\"` makes the Sequence behave like AbsoluteFill\n- `layout=\"none\"` is \"headless\" mode, no wrapper element is used.\n\n## Maps\n\nSee [Remotion Maps](.\u002Fremotion-maps\u002FREFERENCE.md) if wanting to include maps in the video.\n\n## Text highlights and annotations\n\nSee [text-highlights.md](text-highlights.md) for text highlights (highlight markers), circles, underlines, strike-throughs, crossed-off text, boxes.\n\n## Multi-scene videos\n\nSee [multi-scene-video.md](multi-scene-video.md) if planning to make a video with multiple subsequent scenes.\n\n## Voiceover\n\nSee [voiceover.md](voiceover.md) for adding an AI-generated voiceover to Remotion compositions using ElevenLabs TTS.\n\n## Embedding Videos\n\nSee [embedding-videos.md](embedding-videos.md) for advanced knowledge about embedding videos - trimming, volume, speed, looping, pitch.\n\n## Embedding Audio\n\nSee [audio.md](audio.md) for advanced audio features like trimming, volume, speed, pitch.\n\n## Video editing\n\nSee [video-editing.md](video-editing.md) for structuring editable video timelines in Remotion Studio.\n\n## Cropping\n\nSee [cropping.md](cropping.md) if needing to crop the visible rectangle of a component.\n\n## Transitions\n\nSee [transitions.md](transitions.md) for scene transition patterns.\n\n## Visual and pixel effects\n\nWhen creating a visual effect, consider whether it is feasible using CSS and HTML, or whether a shader is needed.\nOrder or preference:\n\n1. Regular HTML + CSS or other web techniques\n2. An effect applied to the element directly (`\u003CVideo>`, `\u003CImg>`), or by wrapping the content in [`\u003CHtmlInCanvas>`](html-in-canvas.md), which also accepts `effects`:\n\n- A listed effect via [effects.md](effects.md)\n- A custom `createEffect()` via [effects.md](effects.md) when no preset is available.\n\n## 3D content\n\nSee [.\u002F3d.md](.\u002F3d.md) for 3D content in Remotion using Three.js and React Three Fiber.\n\n## Sound effects\n\nWhen needing to use sound effects, load the [.\u002Fsfx.md](.\u002Fsfx.md) file for more information.\n\n## Audio visualization\n\nWhen needing to visualize audio (spectrum bars, waveforms, bass-reactive effects), load the [.\u002Faudio-visualization.md](.\u002Faudio-visualization.md) file for more information.\n\n## Maps\n\nFor static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load [Remotion Maps](.\u002Fremotion-maps\u002FREFERENCE.md).\n\n## Captions\n\nWhen dealing with captions or subtitles, load the [Remotion Captions](..\u002Fremotion-captions\u002FSKILL.md) skill for more information.\n\n## Google Fonts\n\nIs the recommended way to load fonts in Remotion. See [google-fonts.md](google-fonts.md) for how to load Google Fonts.\n\n## Local fonts\n\nSee [local-fonts.md](local-fonts.md) for how to load local fonts.\n\n## GIFs\n\nSee [gifs.md](gifs.md) for how to display GIFs synchronized with Remotion's timeline.\n\n## Advanced Images\n\nSee [images.md](images.md) for sizing and positioning images, dynamic image paths, and getting image dimensions.\n\n## Lottie animations\n\nSee [lottie.md](lottie.md) for embedding Lottie animations in Remotion.\n\n## Timing\n\nSee [timing.md](timing.md) for more timing techniques for `interpolate()`.\n\n## Parameterized videos\n\nSee [parameters.md](parameters.md) for making a composition parametrizable by adding a Zod schema.\n\n## Measuring DOM nodes\n\nSee [measuring-dom-nodes.md](measuring-dom-nodes.md) for measuring DOM element dimensions in Remotion.\n\n## Measuring text\n\nSee [measuring-text.md](measuring-text.md) for measuring text dimensions, fitting text to containers, and checking overflow.\n\n## Using FFmpeg\n\nFor some video operations, such as trimming videos or detecting silence, FFmpeg should be used. Load the [.\u002Fffmpeg.md](.\u002Fffmpeg.md) file for more information.\n\n## Silence detection\n\nWhen needing to detect and trim silent segments from video or audio files, load the [.\u002Fsilence-detection.md](.\u002Fsilence-detection.md) file.\n\n## Dynamic duration, dimensions and data\n\nSee [calculate-metadata.md](calculate-metadata.md) for dynamically set composition duration, dimensions, and props.\n\n## Advanced compositions\n\nSee [compositions.md](compositions.md) for how to define stills, folders, default props and for how to nest compositions.\n\n## Advanced sequencing\n\nSee [sequencing.md](sequencing.md) for more sequencing patterns - delay, trim, limit duration of items.\n\n## Install modules\n\nUse `npx remotion add` to add new packages with the right version:\n\n```\nnpx remotion add @remotion\u002Fmedia\n```\n\nThis goes for `@remotion\u002F*` packages, `mediabunny`, `@mediabunny\u002F*`, and `zod`.\n\n## Previewing markup\n\n```\nnpx remotion studio --no-open\n```\n\nThis will start a long-running process and print the server URL for the preview.\nIf server is already started, it will print the URL.\nYou can visit a specific composition by navigating to `\u002F[composition-id]`, for example `http:\u002F\u002Flocalhost:3000\u002FMapAnimation`.\n\n## Optional: one-frame render check\n\nYou can render a single frame with the CLI to sanity-check layout, colors, or timing.\nSkip it for trivial edits, pure refactors, or when you already have enough confidence from Studio or prior renders.\n\n```bash\nnpx remotion still [composition-id] --scale=0.25 --frame=30\n```\n\nAt 30 fps, `--frame=30` is the one-second mark (`--frame` is zero-based).\n",{"data":37,"body":39},{"name":4,"description":6,"version":38},"4.0.506",{"type":40,"children":41},"root",[42,59,66,103,123,134,696,746,1644,1650,1678,1684,1750,2274,2280,3518,3524,3616,3622,3763,3768,3774,3869,3880,3890,3895,4014,4020,4038,4065,4071,4084,4090,4101,4107,4118,4124,4135,4141,4152,4158,4169,4175,4186,4192,4203,4209,4220,4226,4231,4276,4308,4314,4325,4331,4343,4349,4360,4365,4375,4381,4394,4400,4412,4418,4429,4435,4446,4452,4463,4469,4480,4486,4503,4509,4520,4526,4537,4543,4554,4560,4571,4577,4589,4595,4606,4612,4623,4629,4640,4646,4658,4668,4703,4709,4718,4738,4744,4749,4804,4825],{"type":43,"tag":44,"props":45,"children":46},"element","p",{},[47,50,57],{"type":48,"value":49},"text","This is guidance for writing Remotion React Markup.\nIf this is not relevant, load ",{"type":43,"tag":51,"props":52,"children":54},"a",{"href":53},"..\u002Fremotion-best-practices\u002FSKILL.md",[55],{"type":48,"value":56},"Remotion Best Practices",{"type":48,"value":58}," instead.",{"type":43,"tag":60,"props":61,"children":63},"h2",{"id":62},"general-rules",[64],{"type":48,"value":65},"General rules",{"type":43,"tag":44,"props":67,"children":68},{},[69,71,78,80,86,88,94,96,101],{"type":48,"value":70},"Drive animations using ",{"type":43,"tag":72,"props":73,"children":75},"code",{"className":74},[],[76],{"type":48,"value":77},"useCurrentFrame()",{"type":48,"value":79}," and ",{"type":43,"tag":72,"props":81,"children":83},{"className":82},[],[84],{"type":48,"value":85},"interpolate()",{"type":48,"value":87},".\nCSS ",{"type":43,"tag":72,"props":89,"children":91},{"className":90},[],[92],{"type":48,"value":93},"transition",{"type":48,"value":95}," or ",{"type":43,"tag":72,"props":97,"children":99},{"className":98},[],[100],{"type":48,"value":21},{"type":48,"value":102}," will not render correctly, they need to refactored.\nTailwind animation class will not render correctly, they need to be refactored.",{"type":43,"tag":44,"props":104,"children":105},{},[106,108,114,115,121],{"type":48,"value":107},"Use ",{"type":43,"tag":72,"props":109,"children":111},{"className":110},[],[112],{"type":48,"value":113},"Easing.bezier()",{"type":48,"value":79},{"type":43,"tag":72,"props":116,"children":118},{"className":117},[],[119],{"type":48,"value":120},"Easing.spring()",{"type":48,"value":122}," to customize timing.",{"type":43,"tag":44,"props":124,"children":125},{},[126,128],{"type":48,"value":127},"Structure your markup according to ",{"type":43,"tag":51,"props":129,"children":131},{"href":130},"..\u002Fremotion-interactivity\u002FSKILL.md",[132],{"type":48,"value":133},"Remotion Interactivity Best Practices",{"type":43,"tag":135,"props":136,"children":141},"pre",{"className":137,"code":138,"language":139,"meta":140,"style":140},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useCurrentFrame, Easing, interpolate, Interactive } from \"remotion\";\n\nexport const FadeIn = () => {\n  const frame = useCurrentFrame();\n\n  return (\n    \u003CInteractive.Div\n      name=\"Title\"\n      style={{\n        opacity: interpolate(frame, [0, 2 * fps], [0, 1], {\n          extrapolateRight: \"clamp\",\n          extrapolateLeft: \"clamp\",\n          easing: Easing.bezier(0.16, 1, 0.3, 1),\n        }),\n      }}\n    >\n      Hello World!\n    \u003C\u002FInteractive.Div>\n  );\n};\n","tsx","",[142],{"type":43,"tag":72,"props":143,"children":144},{"__ignoreMap":140},[145,227,237,277,311,319,333,348,375,389,480,511,540,611,628,637,646,655,674,687],{"type":43,"tag":146,"props":147,"children":150},"span",{"class":148,"line":149},"line",1,[151,157,163,169,174,179,183,188,192,197,202,207,212,217,222],{"type":43,"tag":146,"props":152,"children":154},{"style":153},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[155],{"type":48,"value":156},"import",{"type":43,"tag":146,"props":158,"children":160},{"style":159},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[161],{"type":48,"value":162}," {",{"type":43,"tag":146,"props":164,"children":166},{"style":165},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[167],{"type":48,"value":168}," useCurrentFrame",{"type":43,"tag":146,"props":170,"children":171},{"style":159},[172],{"type":48,"value":173},",",{"type":43,"tag":146,"props":175,"children":176},{"style":165},[177],{"type":48,"value":178}," Easing",{"type":43,"tag":146,"props":180,"children":181},{"style":159},[182],{"type":48,"value":173},{"type":43,"tag":146,"props":184,"children":185},{"style":165},[186],{"type":48,"value":187}," interpolate",{"type":43,"tag":146,"props":189,"children":190},{"style":159},[191],{"type":48,"value":173},{"type":43,"tag":146,"props":193,"children":194},{"style":165},[195],{"type":48,"value":196}," Interactive",{"type":43,"tag":146,"props":198,"children":199},{"style":159},[200],{"type":48,"value":201}," }",{"type":43,"tag":146,"props":203,"children":204},{"style":153},[205],{"type":48,"value":206}," from",{"type":43,"tag":146,"props":208,"children":209},{"style":159},[210],{"type":48,"value":211}," \"",{"type":43,"tag":146,"props":213,"children":215},{"style":214},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[216],{"type":48,"value":18},{"type":43,"tag":146,"props":218,"children":219},{"style":159},[220],{"type":48,"value":221},"\"",{"type":43,"tag":146,"props":223,"children":224},{"style":159},[225],{"type":48,"value":226},";\n",{"type":43,"tag":146,"props":228,"children":230},{"class":148,"line":229},2,[231],{"type":43,"tag":146,"props":232,"children":234},{"emptyLinePlaceholder":233},true,[235],{"type":48,"value":236},"\n",{"type":43,"tag":146,"props":238,"children":240},{"class":148,"line":239},3,[241,246,252,257,262,267,272],{"type":43,"tag":146,"props":242,"children":243},{"style":153},[244],{"type":48,"value":245},"export",{"type":43,"tag":146,"props":247,"children":249},{"style":248},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[250],{"type":48,"value":251}," const",{"type":43,"tag":146,"props":253,"children":254},{"style":165},[255],{"type":48,"value":256}," FadeIn ",{"type":43,"tag":146,"props":258,"children":259},{"style":159},[260],{"type":48,"value":261},"=",{"type":43,"tag":146,"props":263,"children":264},{"style":159},[265],{"type":48,"value":266}," ()",{"type":43,"tag":146,"props":268,"children":269},{"style":248},[270],{"type":48,"value":271}," =>",{"type":43,"tag":146,"props":273,"children":274},{"style":159},[275],{"type":48,"value":276}," {\n",{"type":43,"tag":146,"props":278,"children":280},{"class":148,"line":279},4,[281,286,291,296,301,307],{"type":43,"tag":146,"props":282,"children":283},{"style":248},[284],{"type":48,"value":285},"  const",{"type":43,"tag":146,"props":287,"children":288},{"style":165},[289],{"type":48,"value":290}," frame",{"type":43,"tag":146,"props":292,"children":293},{"style":159},[294],{"type":48,"value":295}," =",{"type":43,"tag":146,"props":297,"children":299},{"style":298},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[300],{"type":48,"value":168},{"type":43,"tag":146,"props":302,"children":304},{"style":303},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[305],{"type":48,"value":306},"()",{"type":43,"tag":146,"props":308,"children":309},{"style":159},[310],{"type":48,"value":226},{"type":43,"tag":146,"props":312,"children":314},{"class":148,"line":313},5,[315],{"type":43,"tag":146,"props":316,"children":317},{"emptyLinePlaceholder":233},[318],{"type":48,"value":236},{"type":43,"tag":146,"props":320,"children":322},{"class":148,"line":321},6,[323,328],{"type":43,"tag":146,"props":324,"children":325},{"style":153},[326],{"type":48,"value":327},"  return",{"type":43,"tag":146,"props":329,"children":330},{"style":303},[331],{"type":48,"value":332}," (\n",{"type":43,"tag":146,"props":334,"children":336},{"class":148,"line":335},7,[337,342],{"type":43,"tag":146,"props":338,"children":339},{"style":159},[340],{"type":48,"value":341},"    \u003C",{"type":43,"tag":146,"props":343,"children":345},{"style":344},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[346],{"type":48,"value":347},"Interactive.Div\n",{"type":43,"tag":146,"props":349,"children":351},{"class":148,"line":350},8,[352,357,361,365,370],{"type":43,"tag":146,"props":353,"children":354},{"style":248},[355],{"type":48,"value":356},"      name",{"type":43,"tag":146,"props":358,"children":359},{"style":159},[360],{"type":48,"value":261},{"type":43,"tag":146,"props":362,"children":363},{"style":159},[364],{"type":48,"value":221},{"type":43,"tag":146,"props":366,"children":367},{"style":214},[368],{"type":48,"value":369},"Title",{"type":43,"tag":146,"props":371,"children":372},{"style":159},[373],{"type":48,"value":374},"\"\n",{"type":43,"tag":146,"props":376,"children":378},{"class":148,"line":377},9,[379,384],{"type":43,"tag":146,"props":380,"children":381},{"style":248},[382],{"type":48,"value":383},"      style",{"type":43,"tag":146,"props":385,"children":386},{"style":159},[387],{"type":48,"value":388},"={{\n",{"type":43,"tag":146,"props":390,"children":392},{"class":148,"line":391},10,[393,398,403,407,412,416,421,427,431,436,441,446,450,454,458,462,467,472,476],{"type":43,"tag":146,"props":394,"children":395},{"style":303},[396],{"type":48,"value":397},"        opacity",{"type":43,"tag":146,"props":399,"children":400},{"style":159},[401],{"type":48,"value":402},":",{"type":43,"tag":146,"props":404,"children":405},{"style":298},[406],{"type":48,"value":187},{"type":43,"tag":146,"props":408,"children":409},{"style":165},[410],{"type":48,"value":411},"(frame",{"type":43,"tag":146,"props":413,"children":414},{"style":159},[415],{"type":48,"value":173},{"type":43,"tag":146,"props":417,"children":418},{"style":165},[419],{"type":48,"value":420}," [",{"type":43,"tag":146,"props":422,"children":424},{"style":423},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[425],{"type":48,"value":426},"0",{"type":43,"tag":146,"props":428,"children":429},{"style":159},[430],{"type":48,"value":173},{"type":43,"tag":146,"props":432,"children":433},{"style":423},[434],{"type":48,"value":435}," 2",{"type":43,"tag":146,"props":437,"children":438},{"style":159},[439],{"type":48,"value":440}," *",{"type":43,"tag":146,"props":442,"children":443},{"style":165},[444],{"type":48,"value":445}," fps]",{"type":43,"tag":146,"props":447,"children":448},{"style":159},[449],{"type":48,"value":173},{"type":43,"tag":146,"props":451,"children":452},{"style":165},[453],{"type":48,"value":420},{"type":43,"tag":146,"props":455,"children":456},{"style":423},[457],{"type":48,"value":426},{"type":43,"tag":146,"props":459,"children":460},{"style":159},[461],{"type":48,"value":173},{"type":43,"tag":146,"props":463,"children":464},{"style":423},[465],{"type":48,"value":466}," 1",{"type":43,"tag":146,"props":468,"children":469},{"style":165},[470],{"type":48,"value":471},"]",{"type":43,"tag":146,"props":473,"children":474},{"style":159},[475],{"type":48,"value":173},{"type":43,"tag":146,"props":477,"children":478},{"style":159},[479],{"type":48,"value":276},{"type":43,"tag":146,"props":481,"children":483},{"class":148,"line":482},11,[484,489,493,497,502,506],{"type":43,"tag":146,"props":485,"children":486},{"style":303},[487],{"type":48,"value":488},"          extrapolateRight",{"type":43,"tag":146,"props":490,"children":491},{"style":159},[492],{"type":48,"value":402},{"type":43,"tag":146,"props":494,"children":495},{"style":159},[496],{"type":48,"value":211},{"type":43,"tag":146,"props":498,"children":499},{"style":214},[500],{"type":48,"value":501},"clamp",{"type":43,"tag":146,"props":503,"children":504},{"style":159},[505],{"type":48,"value":221},{"type":43,"tag":146,"props":507,"children":508},{"style":159},[509],{"type":48,"value":510},",\n",{"type":43,"tag":146,"props":512,"children":514},{"class":148,"line":513},12,[515,520,524,528,532,536],{"type":43,"tag":146,"props":516,"children":517},{"style":303},[518],{"type":48,"value":519},"          extrapolateLeft",{"type":43,"tag":146,"props":521,"children":522},{"style":159},[523],{"type":48,"value":402},{"type":43,"tag":146,"props":525,"children":526},{"style":159},[527],{"type":48,"value":211},{"type":43,"tag":146,"props":529,"children":530},{"style":214},[531],{"type":48,"value":501},{"type":43,"tag":146,"props":533,"children":534},{"style":159},[535],{"type":48,"value":221},{"type":43,"tag":146,"props":537,"children":538},{"style":159},[539],{"type":48,"value":510},{"type":43,"tag":146,"props":541,"children":543},{"class":148,"line":542},13,[544,549,553,557,562,567,572,577,581,585,589,594,598,602,607],{"type":43,"tag":146,"props":545,"children":546},{"style":303},[547],{"type":48,"value":548},"          easing",{"type":43,"tag":146,"props":550,"children":551},{"style":159},[552],{"type":48,"value":402},{"type":43,"tag":146,"props":554,"children":555},{"style":165},[556],{"type":48,"value":178},{"type":43,"tag":146,"props":558,"children":559},{"style":159},[560],{"type":48,"value":561},".",{"type":43,"tag":146,"props":563,"children":564},{"style":298},[565],{"type":48,"value":566},"bezier",{"type":43,"tag":146,"props":568,"children":569},{"style":165},[570],{"type":48,"value":571},"(",{"type":43,"tag":146,"props":573,"children":574},{"style":423},[575],{"type":48,"value":576},"0.16",{"type":43,"tag":146,"props":578,"children":579},{"style":159},[580],{"type":48,"value":173},{"type":43,"tag":146,"props":582,"children":583},{"style":423},[584],{"type":48,"value":466},{"type":43,"tag":146,"props":586,"children":587},{"style":159},[588],{"type":48,"value":173},{"type":43,"tag":146,"props":590,"children":591},{"style":423},[592],{"type":48,"value":593}," 0.3",{"type":43,"tag":146,"props":595,"children":596},{"style":159},[597],{"type":48,"value":173},{"type":43,"tag":146,"props":599,"children":600},{"style":423},[601],{"type":48,"value":466},{"type":43,"tag":146,"props":603,"children":604},{"style":165},[605],{"type":48,"value":606},")",{"type":43,"tag":146,"props":608,"children":609},{"style":159},[610],{"type":48,"value":510},{"type":43,"tag":146,"props":612,"children":614},{"class":148,"line":613},14,[615,620,624],{"type":43,"tag":146,"props":616,"children":617},{"style":159},[618],{"type":48,"value":619},"        }",{"type":43,"tag":146,"props":621,"children":622},{"style":165},[623],{"type":48,"value":606},{"type":43,"tag":146,"props":625,"children":626},{"style":159},[627],{"type":48,"value":510},{"type":43,"tag":146,"props":629,"children":631},{"class":148,"line":630},15,[632],{"type":43,"tag":146,"props":633,"children":634},{"style":159},[635],{"type":48,"value":636},"      }}\n",{"type":43,"tag":146,"props":638,"children":640},{"class":148,"line":639},16,[641],{"type":43,"tag":146,"props":642,"children":643},{"style":159},[644],{"type":48,"value":645},"    >\n",{"type":43,"tag":146,"props":647,"children":649},{"class":148,"line":648},17,[650],{"type":43,"tag":146,"props":651,"children":652},{"style":165},[653],{"type":48,"value":654},"      Hello World!\n",{"type":43,"tag":146,"props":656,"children":658},{"class":148,"line":657},18,[659,664,669],{"type":43,"tag":146,"props":660,"children":661},{"style":159},[662],{"type":48,"value":663},"    \u003C\u002F",{"type":43,"tag":146,"props":665,"children":666},{"style":344},[667],{"type":48,"value":668},"Interactive.Div",{"type":43,"tag":146,"props":670,"children":671},{"style":159},[672],{"type":48,"value":673},">\n",{"type":43,"tag":146,"props":675,"children":677},{"class":148,"line":676},19,[678,683],{"type":43,"tag":146,"props":679,"children":680},{"style":303},[681],{"type":48,"value":682},"  )",{"type":43,"tag":146,"props":684,"children":685},{"style":159},[686],{"type":48,"value":226},{"type":43,"tag":146,"props":688,"children":690},{"class":148,"line":689},20,[691],{"type":43,"tag":146,"props":692,"children":693},{"style":159},[694],{"type":48,"value":695},"};\n",{"type":43,"tag":44,"props":697,"children":698},{},[699,701,706,708,714,716,722,724,730,731,737,739,745],{"type":48,"value":700},"Keep the ",{"type":43,"tag":72,"props":702,"children":704},{"className":703},[],[705],{"type":48,"value":85},{"type":48,"value":707}," call inline in the ",{"type":43,"tag":72,"props":709,"children":711},{"className":710},[],[712],{"type":48,"value":713},"style",{"type":48,"value":715}," prop.\nUse ",{"type":43,"tag":72,"props":717,"children":719},{"className":718},[],[720],{"type":48,"value":721},"scale",{"type":48,"value":723},", ",{"type":43,"tag":72,"props":725,"children":727},{"className":726},[],[728],{"type":48,"value":729},"translate",{"type":48,"value":723},{"type":43,"tag":72,"props":732,"children":734},{"className":733},[],[735],{"type":48,"value":736},"rotate",{"type":48,"value":738}," CSS properties over ",{"type":43,"tag":72,"props":740,"children":742},{"className":741},[],[743],{"type":48,"value":744},"transform",{"type":48,"value":561},{"type":43,"tag":135,"props":747,"children":749},{"className":137,"code":748,"language":139,"meta":140,"style":140},"\u002F\u002F 👍 Inline editable keyframes and transform shorthands\nstyle={{\n  scale: interpolate(frame, [0, 100], [0, 1], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n    output: 'perceptual-scale' \u002F\u002F For `scale` animations, use \"output: 'perceptual-scale'\"\n  }),\n  translate: interpolate(frame, [0, 100], [\"0px 0px\", \"100px 100px\"], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n  }),\n  rotate: interpolate(frame, [0, 100], [\"20deg\", \"90deg\"], {\n    extrapolateLeft: 'clamp',\n    extrapolateRight: 'clamp',\n    easing: Easing.spring({damping: 200}),\n  }),\n}}\n\n\u002F\u002F 👎 Non-inline values and transform strings become harder to edit in Studio\nconst scale = interpolate(frame, [0, 100], [0, 1]);\n\nstyle={{\n  transform: `scale(${scale})`,\n}}\n",[750],{"type":43,"tag":72,"props":751,"children":752},{"__ignoreMap":140},[753,762,773,855,885,913,974,1004,1020,1118,1145,1172,1227,1242,1340,1367,1394,1449,1464,1472,1479,1488,1567,1575,1587,1636],{"type":43,"tag":146,"props":754,"children":755},{"class":148,"line":149},[756],{"type":43,"tag":146,"props":757,"children":759},{"style":758},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[760],{"type":48,"value":761},"\u002F\u002F 👍 Inline editable keyframes and transform shorthands\n",{"type":43,"tag":146,"props":763,"children":764},{"class":148,"line":229},[765,769],{"type":43,"tag":146,"props":766,"children":767},{"style":165},[768],{"type":48,"value":713},{"type":43,"tag":146,"props":770,"children":771},{"style":159},[772],{"type":48,"value":388},{"type":43,"tag":146,"props":774,"children":775},{"class":148,"line":239},[776,781,785,789,793,798,802,806,810,814,819,823,827,831,835,839,843,847,851],{"type":43,"tag":146,"props":777,"children":778},{"style":344},[779],{"type":48,"value":780},"  scale",{"type":43,"tag":146,"props":782,"children":783},{"style":159},[784],{"type":48,"value":402},{"type":43,"tag":146,"props":786,"children":787},{"style":298},[788],{"type":48,"value":187},{"type":43,"tag":146,"props":790,"children":791},{"style":303},[792],{"type":48,"value":571},{"type":43,"tag":146,"props":794,"children":795},{"style":165},[796],{"type":48,"value":797},"frame",{"type":43,"tag":146,"props":799,"children":800},{"style":159},[801],{"type":48,"value":173},{"type":43,"tag":146,"props":803,"children":804},{"style":303},[805],{"type":48,"value":420},{"type":43,"tag":146,"props":807,"children":808},{"style":423},[809],{"type":48,"value":426},{"type":43,"tag":146,"props":811,"children":812},{"style":159},[813],{"type":48,"value":173},{"type":43,"tag":146,"props":815,"children":816},{"style":423},[817],{"type":48,"value":818}," 100",{"type":43,"tag":146,"props":820,"children":821},{"style":303},[822],{"type":48,"value":471},{"type":43,"tag":146,"props":824,"children":825},{"style":159},[826],{"type":48,"value":173},{"type":43,"tag":146,"props":828,"children":829},{"style":303},[830],{"type":48,"value":420},{"type":43,"tag":146,"props":832,"children":833},{"style":423},[834],{"type":48,"value":426},{"type":43,"tag":146,"props":836,"children":837},{"style":159},[838],{"type":48,"value":173},{"type":43,"tag":146,"props":840,"children":841},{"style":423},[842],{"type":48,"value":466},{"type":43,"tag":146,"props":844,"children":845},{"style":303},[846],{"type":48,"value":471},{"type":43,"tag":146,"props":848,"children":849},{"style":159},[850],{"type":48,"value":173},{"type":43,"tag":146,"props":852,"children":853},{"style":159},[854],{"type":48,"value":276},{"type":43,"tag":146,"props":856,"children":857},{"class":148,"line":279},[858,863,867,872,876,881],{"type":43,"tag":146,"props":859,"children":860},{"style":303},[861],{"type":48,"value":862},"    extrapolateLeft",{"type":43,"tag":146,"props":864,"children":865},{"style":159},[866],{"type":48,"value":402},{"type":43,"tag":146,"props":868,"children":869},{"style":159},[870],{"type":48,"value":871}," '",{"type":43,"tag":146,"props":873,"children":874},{"style":214},[875],{"type":48,"value":501},{"type":43,"tag":146,"props":877,"children":878},{"style":159},[879],{"type":48,"value":880},"'",{"type":43,"tag":146,"props":882,"children":883},{"style":159},[884],{"type":48,"value":510},{"type":43,"tag":146,"props":886,"children":887},{"class":148,"line":313},[888,893,897,901,905,909],{"type":43,"tag":146,"props":889,"children":890},{"style":303},[891],{"type":48,"value":892},"    extrapolateRight",{"type":43,"tag":146,"props":894,"children":895},{"style":159},[896],{"type":48,"value":402},{"type":43,"tag":146,"props":898,"children":899},{"style":159},[900],{"type":48,"value":871},{"type":43,"tag":146,"props":902,"children":903},{"style":214},[904],{"type":48,"value":501},{"type":43,"tag":146,"props":906,"children":907},{"style":159},[908],{"type":48,"value":880},{"type":43,"tag":146,"props":910,"children":911},{"style":159},[912],{"type":48,"value":510},{"type":43,"tag":146,"props":914,"children":915},{"class":148,"line":321},[916,921,925,929,933,938,942,947,952,956,961,966,970],{"type":43,"tag":146,"props":917,"children":918},{"style":303},[919],{"type":48,"value":920},"    easing",{"type":43,"tag":146,"props":922,"children":923},{"style":159},[924],{"type":48,"value":402},{"type":43,"tag":146,"props":926,"children":927},{"style":165},[928],{"type":48,"value":178},{"type":43,"tag":146,"props":930,"children":931},{"style":159},[932],{"type":48,"value":561},{"type":43,"tag":146,"props":934,"children":935},{"style":298},[936],{"type":48,"value":937},"spring",{"type":43,"tag":146,"props":939,"children":940},{"style":303},[941],{"type":48,"value":571},{"type":43,"tag":146,"props":943,"children":944},{"style":159},[945],{"type":48,"value":946},"{",{"type":43,"tag":146,"props":948,"children":949},{"style":303},[950],{"type":48,"value":951},"damping",{"type":43,"tag":146,"props":953,"children":954},{"style":159},[955],{"type":48,"value":402},{"type":43,"tag":146,"props":957,"children":958},{"style":423},[959],{"type":48,"value":960}," 200",{"type":43,"tag":146,"props":962,"children":963},{"style":159},[964],{"type":48,"value":965},"}",{"type":43,"tag":146,"props":967,"children":968},{"style":303},[969],{"type":48,"value":606},{"type":43,"tag":146,"props":971,"children":972},{"style":159},[973],{"type":48,"value":510},{"type":43,"tag":146,"props":975,"children":976},{"class":148,"line":335},[977,982,986,990,995,999],{"type":43,"tag":146,"props":978,"children":979},{"style":303},[980],{"type":48,"value":981},"    output",{"type":43,"tag":146,"props":983,"children":984},{"style":159},[985],{"type":48,"value":402},{"type":43,"tag":146,"props":987,"children":988},{"style":159},[989],{"type":48,"value":871},{"type":43,"tag":146,"props":991,"children":992},{"style":214},[993],{"type":48,"value":994},"perceptual-scale",{"type":43,"tag":146,"props":996,"children":997},{"style":159},[998],{"type":48,"value":880},{"type":43,"tag":146,"props":1000,"children":1001},{"style":758},[1002],{"type":48,"value":1003}," \u002F\u002F For `scale` animations, use \"output: 'perceptual-scale'\"\n",{"type":43,"tag":146,"props":1005,"children":1006},{"class":148,"line":350},[1007,1012,1016],{"type":43,"tag":146,"props":1008,"children":1009},{"style":159},[1010],{"type":48,"value":1011},"  }",{"type":43,"tag":146,"props":1013,"children":1014},{"style":303},[1015],{"type":48,"value":606},{"type":43,"tag":146,"props":1017,"children":1018},{"style":159},[1019],{"type":48,"value":510},{"type":43,"tag":146,"props":1021,"children":1022},{"class":148,"line":377},[1023,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1085,1089,1093,1097,1102,1106,1110,1114],{"type":43,"tag":146,"props":1024,"children":1025},{"style":344},[1026],{"type":48,"value":1027},"  translate",{"type":43,"tag":146,"props":1029,"children":1030},{"style":159},[1031],{"type":48,"value":402},{"type":43,"tag":146,"props":1033,"children":1034},{"style":298},[1035],{"type":48,"value":187},{"type":43,"tag":146,"props":1037,"children":1038},{"style":303},[1039],{"type":48,"value":571},{"type":43,"tag":146,"props":1041,"children":1042},{"style":165},[1043],{"type":48,"value":797},{"type":43,"tag":146,"props":1045,"children":1046},{"style":159},[1047],{"type":48,"value":173},{"type":43,"tag":146,"props":1049,"children":1050},{"style":303},[1051],{"type":48,"value":420},{"type":43,"tag":146,"props":1053,"children":1054},{"style":423},[1055],{"type":48,"value":426},{"type":43,"tag":146,"props":1057,"children":1058},{"style":159},[1059],{"type":48,"value":173},{"type":43,"tag":146,"props":1061,"children":1062},{"style":423},[1063],{"type":48,"value":818},{"type":43,"tag":146,"props":1065,"children":1066},{"style":303},[1067],{"type":48,"value":471},{"type":43,"tag":146,"props":1069,"children":1070},{"style":159},[1071],{"type":48,"value":173},{"type":43,"tag":146,"props":1073,"children":1074},{"style":303},[1075],{"type":48,"value":420},{"type":43,"tag":146,"props":1077,"children":1078},{"style":159},[1079],{"type":48,"value":221},{"type":43,"tag":146,"props":1081,"children":1082},{"style":214},[1083],{"type":48,"value":1084},"0px 0px",{"type":43,"tag":146,"props":1086,"children":1087},{"style":159},[1088],{"type":48,"value":221},{"type":43,"tag":146,"props":1090,"children":1091},{"style":159},[1092],{"type":48,"value":173},{"type":43,"tag":146,"props":1094,"children":1095},{"style":159},[1096],{"type":48,"value":211},{"type":43,"tag":146,"props":1098,"children":1099},{"style":214},[1100],{"type":48,"value":1101},"100px 100px",{"type":43,"tag":146,"props":1103,"children":1104},{"style":159},[1105],{"type":48,"value":221},{"type":43,"tag":146,"props":1107,"children":1108},{"style":303},[1109],{"type":48,"value":471},{"type":43,"tag":146,"props":1111,"children":1112},{"style":159},[1113],{"type":48,"value":173},{"type":43,"tag":146,"props":1115,"children":1116},{"style":159},[1117],{"type":48,"value":276},{"type":43,"tag":146,"props":1119,"children":1120},{"class":148,"line":391},[1121,1125,1129,1133,1137,1141],{"type":43,"tag":146,"props":1122,"children":1123},{"style":303},[1124],{"type":48,"value":862},{"type":43,"tag":146,"props":1126,"children":1127},{"style":159},[1128],{"type":48,"value":402},{"type":43,"tag":146,"props":1130,"children":1131},{"style":159},[1132],{"type":48,"value":871},{"type":43,"tag":146,"props":1134,"children":1135},{"style":214},[1136],{"type":48,"value":501},{"type":43,"tag":146,"props":1138,"children":1139},{"style":159},[1140],{"type":48,"value":880},{"type":43,"tag":146,"props":1142,"children":1143},{"style":159},[1144],{"type":48,"value":510},{"type":43,"tag":146,"props":1146,"children":1147},{"class":148,"line":482},[1148,1152,1156,1160,1164,1168],{"type":43,"tag":146,"props":1149,"children":1150},{"style":303},[1151],{"type":48,"value":892},{"type":43,"tag":146,"props":1153,"children":1154},{"style":159},[1155],{"type":48,"value":402},{"type":43,"tag":146,"props":1157,"children":1158},{"style":159},[1159],{"type":48,"value":871},{"type":43,"tag":146,"props":1161,"children":1162},{"style":214},[1163],{"type":48,"value":501},{"type":43,"tag":146,"props":1165,"children":1166},{"style":159},[1167],{"type":48,"value":880},{"type":43,"tag":146,"props":1169,"children":1170},{"style":159},[1171],{"type":48,"value":510},{"type":43,"tag":146,"props":1173,"children":1174},{"class":148,"line":513},[1175,1179,1183,1187,1191,1195,1199,1203,1207,1211,1215,1219,1223],{"type":43,"tag":146,"props":1176,"children":1177},{"style":303},[1178],{"type":48,"value":920},{"type":43,"tag":146,"props":1180,"children":1181},{"style":159},[1182],{"type":48,"value":402},{"type":43,"tag":146,"props":1184,"children":1185},{"style":165},[1186],{"type":48,"value":178},{"type":43,"tag":146,"props":1188,"children":1189},{"style":159},[1190],{"type":48,"value":561},{"type":43,"tag":146,"props":1192,"children":1193},{"style":298},[1194],{"type":48,"value":937},{"type":43,"tag":146,"props":1196,"children":1197},{"style":303},[1198],{"type":48,"value":571},{"type":43,"tag":146,"props":1200,"children":1201},{"style":159},[1202],{"type":48,"value":946},{"type":43,"tag":146,"props":1204,"children":1205},{"style":303},[1206],{"type":48,"value":951},{"type":43,"tag":146,"props":1208,"children":1209},{"style":159},[1210],{"type":48,"value":402},{"type":43,"tag":146,"props":1212,"children":1213},{"style":423},[1214],{"type":48,"value":960},{"type":43,"tag":146,"props":1216,"children":1217},{"style":159},[1218],{"type":48,"value":965},{"type":43,"tag":146,"props":1220,"children":1221},{"style":303},[1222],{"type":48,"value":606},{"type":43,"tag":146,"props":1224,"children":1225},{"style":159},[1226],{"type":48,"value":510},{"type":43,"tag":146,"props":1228,"children":1229},{"class":148,"line":542},[1230,1234,1238],{"type":43,"tag":146,"props":1231,"children":1232},{"style":159},[1233],{"type":48,"value":1011},{"type":43,"tag":146,"props":1235,"children":1236},{"style":303},[1237],{"type":48,"value":606},{"type":43,"tag":146,"props":1239,"children":1240},{"style":159},[1241],{"type":48,"value":510},{"type":43,"tag":146,"props":1243,"children":1244},{"class":148,"line":613},[1245,1250,1254,1258,1262,1266,1270,1274,1278,1282,1286,1290,1294,1298,1302,1307,1311,1315,1319,1324,1328,1332,1336],{"type":43,"tag":146,"props":1246,"children":1247},{"style":344},[1248],{"type":48,"value":1249},"  rotate",{"type":43,"tag":146,"props":1251,"children":1252},{"style":159},[1253],{"type":48,"value":402},{"type":43,"tag":146,"props":1255,"children":1256},{"style":298},[1257],{"type":48,"value":187},{"type":43,"tag":146,"props":1259,"children":1260},{"style":303},[1261],{"type":48,"value":571},{"type":43,"tag":146,"props":1263,"children":1264},{"style":165},[1265],{"type":48,"value":797},{"type":43,"tag":146,"props":1267,"children":1268},{"style":159},[1269],{"type":48,"value":173},{"type":43,"tag":146,"props":1271,"children":1272},{"style":303},[1273],{"type":48,"value":420},{"type":43,"tag":146,"props":1275,"children":1276},{"style":423},[1277],{"type":48,"value":426},{"type":43,"tag":146,"props":1279,"children":1280},{"style":159},[1281],{"type":48,"value":173},{"type":43,"tag":146,"props":1283,"children":1284},{"style":423},[1285],{"type":48,"value":818},{"type":43,"tag":146,"props":1287,"children":1288},{"style":303},[1289],{"type":48,"value":471},{"type":43,"tag":146,"props":1291,"children":1292},{"style":159},[1293],{"type":48,"value":173},{"type":43,"tag":146,"props":1295,"children":1296},{"style":303},[1297],{"type":48,"value":420},{"type":43,"tag":146,"props":1299,"children":1300},{"style":159},[1301],{"type":48,"value":221},{"type":43,"tag":146,"props":1303,"children":1304},{"style":214},[1305],{"type":48,"value":1306},"20deg",{"type":43,"tag":146,"props":1308,"children":1309},{"style":159},[1310],{"type":48,"value":221},{"type":43,"tag":146,"props":1312,"children":1313},{"style":159},[1314],{"type":48,"value":173},{"type":43,"tag":146,"props":1316,"children":1317},{"style":159},[1318],{"type":48,"value":211},{"type":43,"tag":146,"props":1320,"children":1321},{"style":214},[1322],{"type":48,"value":1323},"90deg",{"type":43,"tag":146,"props":1325,"children":1326},{"style":159},[1327],{"type":48,"value":221},{"type":43,"tag":146,"props":1329,"children":1330},{"style":303},[1331],{"type":48,"value":471},{"type":43,"tag":146,"props":1333,"children":1334},{"style":159},[1335],{"type":48,"value":173},{"type":43,"tag":146,"props":1337,"children":1338},{"style":159},[1339],{"type":48,"value":276},{"type":43,"tag":146,"props":1341,"children":1342},{"class":148,"line":630},[1343,1347,1351,1355,1359,1363],{"type":43,"tag":146,"props":1344,"children":1345},{"style":303},[1346],{"type":48,"value":862},{"type":43,"tag":146,"props":1348,"children":1349},{"style":159},[1350],{"type":48,"value":402},{"type":43,"tag":146,"props":1352,"children":1353},{"style":159},[1354],{"type":48,"value":871},{"type":43,"tag":146,"props":1356,"children":1357},{"style":214},[1358],{"type":48,"value":501},{"type":43,"tag":146,"props":1360,"children":1361},{"style":159},[1362],{"type":48,"value":880},{"type":43,"tag":146,"props":1364,"children":1365},{"style":159},[1366],{"type":48,"value":510},{"type":43,"tag":146,"props":1368,"children":1369},{"class":148,"line":639},[1370,1374,1378,1382,1386,1390],{"type":43,"tag":146,"props":1371,"children":1372},{"style":303},[1373],{"type":48,"value":892},{"type":43,"tag":146,"props":1375,"children":1376},{"style":159},[1377],{"type":48,"value":402},{"type":43,"tag":146,"props":1379,"children":1380},{"style":159},[1381],{"type":48,"value":871},{"type":43,"tag":146,"props":1383,"children":1384},{"style":214},[1385],{"type":48,"value":501},{"type":43,"tag":146,"props":1387,"children":1388},{"style":159},[1389],{"type":48,"value":880},{"type":43,"tag":146,"props":1391,"children":1392},{"style":159},[1393],{"type":48,"value":510},{"type":43,"tag":146,"props":1395,"children":1396},{"class":148,"line":648},[1397,1401,1405,1409,1413,1417,1421,1425,1429,1433,1437,1441,1445],{"type":43,"tag":146,"props":1398,"children":1399},{"style":303},[1400],{"type":48,"value":920},{"type":43,"tag":146,"props":1402,"children":1403},{"style":159},[1404],{"type":48,"value":402},{"type":43,"tag":146,"props":1406,"children":1407},{"style":165},[1408],{"type":48,"value":178},{"type":43,"tag":146,"props":1410,"children":1411},{"style":159},[1412],{"type":48,"value":561},{"type":43,"tag":146,"props":1414,"children":1415},{"style":298},[1416],{"type":48,"value":937},{"type":43,"tag":146,"props":1418,"children":1419},{"style":303},[1420],{"type":48,"value":571},{"type":43,"tag":146,"props":1422,"children":1423},{"style":159},[1424],{"type":48,"value":946},{"type":43,"tag":146,"props":1426,"children":1427},{"style":303},[1428],{"type":48,"value":951},{"type":43,"tag":146,"props":1430,"children":1431},{"style":159},[1432],{"type":48,"value":402},{"type":43,"tag":146,"props":1434,"children":1435},{"style":423},[1436],{"type":48,"value":960},{"type":43,"tag":146,"props":1438,"children":1439},{"style":159},[1440],{"type":48,"value":965},{"type":43,"tag":146,"props":1442,"children":1443},{"style":303},[1444],{"type":48,"value":606},{"type":43,"tag":146,"props":1446,"children":1447},{"style":159},[1448],{"type":48,"value":510},{"type":43,"tag":146,"props":1450,"children":1451},{"class":148,"line":657},[1452,1456,1460],{"type":43,"tag":146,"props":1453,"children":1454},{"style":159},[1455],{"type":48,"value":1011},{"type":43,"tag":146,"props":1457,"children":1458},{"style":303},[1459],{"type":48,"value":606},{"type":43,"tag":146,"props":1461,"children":1462},{"style":159},[1463],{"type":48,"value":510},{"type":43,"tag":146,"props":1465,"children":1466},{"class":148,"line":676},[1467],{"type":43,"tag":146,"props":1468,"children":1469},{"style":159},[1470],{"type":48,"value":1471},"}}\n",{"type":43,"tag":146,"props":1473,"children":1474},{"class":148,"line":689},[1475],{"type":43,"tag":146,"props":1476,"children":1477},{"emptyLinePlaceholder":233},[1478],{"type":48,"value":236},{"type":43,"tag":146,"props":1480,"children":1482},{"class":148,"line":1481},21,[1483],{"type":43,"tag":146,"props":1484,"children":1485},{"style":758},[1486],{"type":48,"value":1487},"\u002F\u002F 👎 Non-inline values and transform strings become harder to edit in Studio\n",{"type":43,"tag":146,"props":1489,"children":1491},{"class":148,"line":1490},22,[1492,1497,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1563],{"type":43,"tag":146,"props":1493,"children":1494},{"style":248},[1495],{"type":48,"value":1496},"const",{"type":43,"tag":146,"props":1498,"children":1499},{"style":165},[1500],{"type":48,"value":1501}," scale ",{"type":43,"tag":146,"props":1503,"children":1504},{"style":159},[1505],{"type":48,"value":261},{"type":43,"tag":146,"props":1507,"children":1508},{"style":298},[1509],{"type":48,"value":187},{"type":43,"tag":146,"props":1511,"children":1512},{"style":165},[1513],{"type":48,"value":411},{"type":43,"tag":146,"props":1515,"children":1516},{"style":159},[1517],{"type":48,"value":173},{"type":43,"tag":146,"props":1519,"children":1520},{"style":165},[1521],{"type":48,"value":420},{"type":43,"tag":146,"props":1523,"children":1524},{"style":423},[1525],{"type":48,"value":426},{"type":43,"tag":146,"props":1527,"children":1528},{"style":159},[1529],{"type":48,"value":173},{"type":43,"tag":146,"props":1531,"children":1532},{"style":423},[1533],{"type":48,"value":818},{"type":43,"tag":146,"props":1535,"children":1536},{"style":165},[1537],{"type":48,"value":471},{"type":43,"tag":146,"props":1539,"children":1540},{"style":159},[1541],{"type":48,"value":173},{"type":43,"tag":146,"props":1543,"children":1544},{"style":165},[1545],{"type":48,"value":420},{"type":43,"tag":146,"props":1547,"children":1548},{"style":423},[1549],{"type":48,"value":426},{"type":43,"tag":146,"props":1551,"children":1552},{"style":159},[1553],{"type":48,"value":173},{"type":43,"tag":146,"props":1555,"children":1556},{"style":423},[1557],{"type":48,"value":466},{"type":43,"tag":146,"props":1559,"children":1560},{"style":165},[1561],{"type":48,"value":1562},"])",{"type":43,"tag":146,"props":1564,"children":1565},{"style":159},[1566],{"type":48,"value":226},{"type":43,"tag":146,"props":1568,"children":1570},{"class":148,"line":1569},23,[1571],{"type":43,"tag":146,"props":1572,"children":1573},{"emptyLinePlaceholder":233},[1574],{"type":48,"value":236},{"type":43,"tag":146,"props":1576,"children":1578},{"class":148,"line":1577},24,[1579,1583],{"type":43,"tag":146,"props":1580,"children":1581},{"style":165},[1582],{"type":48,"value":713},{"type":43,"tag":146,"props":1584,"children":1585},{"style":159},[1586],{"type":48,"value":388},{"type":43,"tag":146,"props":1588,"children":1590},{"class":148,"line":1589},25,[1591,1596,1600,1605,1610,1615,1619,1623,1627,1632],{"type":43,"tag":146,"props":1592,"children":1593},{"style":344},[1594],{"type":48,"value":1595},"  transform",{"type":43,"tag":146,"props":1597,"children":1598},{"style":159},[1599],{"type":48,"value":402},{"type":43,"tag":146,"props":1601,"children":1602},{"style":159},[1603],{"type":48,"value":1604}," `",{"type":43,"tag":146,"props":1606,"children":1607},{"style":214},[1608],{"type":48,"value":1609},"scale(",{"type":43,"tag":146,"props":1611,"children":1612},{"style":159},[1613],{"type":48,"value":1614},"${",{"type":43,"tag":146,"props":1616,"children":1617},{"style":165},[1618],{"type":48,"value":721},{"type":43,"tag":146,"props":1620,"children":1621},{"style":159},[1622],{"type":48,"value":965},{"type":43,"tag":146,"props":1624,"children":1625},{"style":214},[1626],{"type":48,"value":606},{"type":43,"tag":146,"props":1628,"children":1629},{"style":159},[1630],{"type":48,"value":1631},"`",{"type":43,"tag":146,"props":1633,"children":1634},{"style":159},[1635],{"type":48,"value":510},{"type":43,"tag":146,"props":1637,"children":1639},{"class":148,"line":1638},26,[1640],{"type":43,"tag":146,"props":1641,"children":1642},{"style":159},[1643],{"type":48,"value":1471},{"type":43,"tag":60,"props":1645,"children":1647},{"id":1646},"assets",[1648],{"type":48,"value":1649},"Assets",{"type":43,"tag":44,"props":1651,"children":1652},{},[1653,1655,1661,1663,1669,1671,1676],{"type":48,"value":1654},"Place assets in the ",{"type":43,"tag":72,"props":1656,"children":1658},{"className":1657},[],[1659],{"type":48,"value":1660},"public\u002F",{"type":48,"value":1662}," folder at your project root.\nUse ",{"type":43,"tag":72,"props":1664,"children":1666},{"className":1665},[],[1667],{"type":48,"value":1668},"staticFile()",{"type":48,"value":1670}," to reference files from the ",{"type":43,"tag":72,"props":1672,"children":1674},{"className":1673},[],[1675],{"type":48,"value":1660},{"type":48,"value":1677}," folder.",{"type":43,"tag":60,"props":1679,"children":1681},{"id":1680},"media-components",[1682],{"type":48,"value":1683},"Media components",{"type":43,"tag":44,"props":1685,"children":1686},{},[1687,1689,1695,1696,1702,1704,1710,1712,1718,1720,1726,1728,1734,1736,1741,1743,1748],{"type":48,"value":1688},"Add video and audio using ",{"type":43,"tag":72,"props":1690,"children":1692},{"className":1691},[],[1693],{"type":48,"value":1694},"\u003CVideo>",{"type":48,"value":79},{"type":43,"tag":72,"props":1697,"children":1699},{"className":1698},[],[1700],{"type":48,"value":1701},"\u003CAudio>",{"type":48,"value":1703}," from ",{"type":43,"tag":72,"props":1705,"children":1707},{"className":1706},[],[1708],{"type":48,"value":1709},"@remotion\u002Fmedia",{"type":48,"value":1711},".\nAdd images using the ",{"type":43,"tag":72,"props":1713,"children":1715},{"className":1714},[],[1716],{"type":48,"value":1717},"\u003CCanvasImage>",{"type":48,"value":1719}," component.\nAdd animated GIFs, APNG, WebP or AVIF images using ",{"type":43,"tag":72,"props":1721,"children":1723},{"className":1722},[],[1724],{"type":48,"value":1725},"\u003CAnimatedImage>",{"type":48,"value":1727},", use ",{"type":43,"tag":72,"props":1729,"children":1731},{"className":1730},[],[1732],{"type":48,"value":1733},"@remotion\u002Fgif",{"type":48,"value":1735}," if not using Chrome.\nUse ",{"type":43,"tag":72,"props":1737,"children":1739},{"className":1738},[],[1740],{"type":48,"value":1668},{"type":48,"value":1742}," for files in ",{"type":43,"tag":72,"props":1744,"children":1746},{"className":1745},[],[1747],{"type":48,"value":1660},{"type":48,"value":1749}," or pass a remote URL directly:",{"type":43,"tag":135,"props":1751,"children":1753},{"className":137,"code":1752,"language":139,"meta":140,"style":140},"import { Audio, Video } from \"@remotion\u002Fmedia\";\nimport { staticFile, CanvasImage, AnimatedImage } from \"remotion\";\n\nexport const MyComposition = () => {\n  return (\n    \u003C>\n      \u003CVideo src={staticFile(\"video.mp4\")} style={{ opacity: 0.5 }} \u002F>\n      \u003CAudio src={staticFile(\"audio.mp3\")} \u002F>\n      \u003CCanvasImage\n        src={staticFile(\"logo.png\")}\n        style={{ width: 100, height: 100 }}\n      \u002F>\n      \u003CVideo src=\"https:\u002F\u002Fremotion.media\u002Fvideo.mp4\" \u002F>\n      \u003CAnimatedImage src={staticFile('nyancat.gif')} \u002F>\n    \u003C\u002F>\n  );\n};\n",[1754],{"type":43,"tag":72,"props":1755,"children":1756},{"__ignoreMap":140},[1757,1806,1864,1871,1903,1914,1922,2003,2053,2065,2107,2154,2162,2199,2248,2256,2267],{"type":43,"tag":146,"props":1758,"children":1759},{"class":148,"line":149},[1760,1764,1768,1773,1777,1782,1786,1790,1794,1798,1802],{"type":43,"tag":146,"props":1761,"children":1762},{"style":153},[1763],{"type":48,"value":156},{"type":43,"tag":146,"props":1765,"children":1766},{"style":159},[1767],{"type":48,"value":162},{"type":43,"tag":146,"props":1769,"children":1770},{"style":165},[1771],{"type":48,"value":1772}," Audio",{"type":43,"tag":146,"props":1774,"children":1775},{"style":159},[1776],{"type":48,"value":173},{"type":43,"tag":146,"props":1778,"children":1779},{"style":165},[1780],{"type":48,"value":1781}," Video",{"type":43,"tag":146,"props":1783,"children":1784},{"style":159},[1785],{"type":48,"value":201},{"type":43,"tag":146,"props":1787,"children":1788},{"style":153},[1789],{"type":48,"value":206},{"type":43,"tag":146,"props":1791,"children":1792},{"style":159},[1793],{"type":48,"value":211},{"type":43,"tag":146,"props":1795,"children":1796},{"style":214},[1797],{"type":48,"value":1709},{"type":43,"tag":146,"props":1799,"children":1800},{"style":159},[1801],{"type":48,"value":221},{"type":43,"tag":146,"props":1803,"children":1804},{"style":159},[1805],{"type":48,"value":226},{"type":43,"tag":146,"props":1807,"children":1808},{"class":148,"line":229},[1809,1813,1817,1822,1826,1831,1835,1840,1844,1848,1852,1856,1860],{"type":43,"tag":146,"props":1810,"children":1811},{"style":153},[1812],{"type":48,"value":156},{"type":43,"tag":146,"props":1814,"children":1815},{"style":159},[1816],{"type":48,"value":162},{"type":43,"tag":146,"props":1818,"children":1819},{"style":165},[1820],{"type":48,"value":1821}," staticFile",{"type":43,"tag":146,"props":1823,"children":1824},{"style":159},[1825],{"type":48,"value":173},{"type":43,"tag":146,"props":1827,"children":1828},{"style":165},[1829],{"type":48,"value":1830}," CanvasImage",{"type":43,"tag":146,"props":1832,"children":1833},{"style":159},[1834],{"type":48,"value":173},{"type":43,"tag":146,"props":1836,"children":1837},{"style":165},[1838],{"type":48,"value":1839}," AnimatedImage",{"type":43,"tag":146,"props":1841,"children":1842},{"style":159},[1843],{"type":48,"value":201},{"type":43,"tag":146,"props":1845,"children":1846},{"style":153},[1847],{"type":48,"value":206},{"type":43,"tag":146,"props":1849,"children":1850},{"style":159},[1851],{"type":48,"value":211},{"type":43,"tag":146,"props":1853,"children":1854},{"style":214},[1855],{"type":48,"value":18},{"type":43,"tag":146,"props":1857,"children":1858},{"style":159},[1859],{"type":48,"value":221},{"type":43,"tag":146,"props":1861,"children":1862},{"style":159},[1863],{"type":48,"value":226},{"type":43,"tag":146,"props":1865,"children":1866},{"class":148,"line":239},[1867],{"type":43,"tag":146,"props":1868,"children":1869},{"emptyLinePlaceholder":233},[1870],{"type":48,"value":236},{"type":43,"tag":146,"props":1872,"children":1873},{"class":148,"line":279},[1874,1878,1882,1887,1891,1895,1899],{"type":43,"tag":146,"props":1875,"children":1876},{"style":153},[1877],{"type":48,"value":245},{"type":43,"tag":146,"props":1879,"children":1880},{"style":248},[1881],{"type":48,"value":251},{"type":43,"tag":146,"props":1883,"children":1884},{"style":165},[1885],{"type":48,"value":1886}," MyComposition ",{"type":43,"tag":146,"props":1888,"children":1889},{"style":159},[1890],{"type":48,"value":261},{"type":43,"tag":146,"props":1892,"children":1893},{"style":159},[1894],{"type":48,"value":266},{"type":43,"tag":146,"props":1896,"children":1897},{"style":248},[1898],{"type":48,"value":271},{"type":43,"tag":146,"props":1900,"children":1901},{"style":159},[1902],{"type":48,"value":276},{"type":43,"tag":146,"props":1904,"children":1905},{"class":148,"line":313},[1906,1910],{"type":43,"tag":146,"props":1907,"children":1908},{"style":153},[1909],{"type":48,"value":327},{"type":43,"tag":146,"props":1911,"children":1912},{"style":303},[1913],{"type":48,"value":332},{"type":43,"tag":146,"props":1915,"children":1916},{"class":148,"line":321},[1917],{"type":43,"tag":146,"props":1918,"children":1919},{"style":159},[1920],{"type":48,"value":1921},"    \u003C>\n",{"type":43,"tag":146,"props":1923,"children":1924},{"class":148,"line":335},[1925,1930,1934,1939,1944,1949,1953,1957,1962,1966,1970,1975,1979,1984,1989,1993,1998],{"type":43,"tag":146,"props":1926,"children":1927},{"style":159},[1928],{"type":48,"value":1929},"      \u003C",{"type":43,"tag":146,"props":1931,"children":1932},{"style":344},[1933],{"type":48,"value":23},{"type":43,"tag":146,"props":1935,"children":1936},{"style":248},[1937],{"type":48,"value":1938}," src",{"type":43,"tag":146,"props":1940,"children":1941},{"style":159},[1942],{"type":48,"value":1943},"={",{"type":43,"tag":146,"props":1945,"children":1946},{"style":298},[1947],{"type":48,"value":1948},"staticFile",{"type":43,"tag":146,"props":1950,"children":1951},{"style":165},[1952],{"type":48,"value":571},{"type":43,"tag":146,"props":1954,"children":1955},{"style":159},[1956],{"type":48,"value":221},{"type":43,"tag":146,"props":1958,"children":1959},{"style":214},[1960],{"type":48,"value":1961},"video.mp4",{"type":43,"tag":146,"props":1963,"children":1964},{"style":159},[1965],{"type":48,"value":221},{"type":43,"tag":146,"props":1967,"children":1968},{"style":165},[1969],{"type":48,"value":606},{"type":43,"tag":146,"props":1971,"children":1972},{"style":159},[1973],{"type":48,"value":1974},"} ",{"type":43,"tag":146,"props":1976,"children":1977},{"style":248},[1978],{"type":48,"value":713},{"type":43,"tag":146,"props":1980,"children":1981},{"style":159},[1982],{"type":48,"value":1983},"={{",{"type":43,"tag":146,"props":1985,"children":1986},{"style":303},[1987],{"type":48,"value":1988}," opacity",{"type":43,"tag":146,"props":1990,"children":1991},{"style":159},[1992],{"type":48,"value":402},{"type":43,"tag":146,"props":1994,"children":1995},{"style":423},[1996],{"type":48,"value":1997}," 0.5",{"type":43,"tag":146,"props":1999,"children":2000},{"style":159},[2001],{"type":48,"value":2002}," }} \u002F>\n",{"type":43,"tag":146,"props":2004,"children":2005},{"class":148,"line":350},[2006,2010,2015,2019,2023,2027,2031,2035,2040,2044,2048],{"type":43,"tag":146,"props":2007,"children":2008},{"style":159},[2009],{"type":48,"value":1929},{"type":43,"tag":146,"props":2011,"children":2012},{"style":344},[2013],{"type":48,"value":2014},"Audio",{"type":43,"tag":146,"props":2016,"children":2017},{"style":248},[2018],{"type":48,"value":1938},{"type":43,"tag":146,"props":2020,"children":2021},{"style":159},[2022],{"type":48,"value":1943},{"type":43,"tag":146,"props":2024,"children":2025},{"style":298},[2026],{"type":48,"value":1948},{"type":43,"tag":146,"props":2028,"children":2029},{"style":165},[2030],{"type":48,"value":571},{"type":43,"tag":146,"props":2032,"children":2033},{"style":159},[2034],{"type":48,"value":221},{"type":43,"tag":146,"props":2036,"children":2037},{"style":214},[2038],{"type":48,"value":2039},"audio.mp3",{"type":43,"tag":146,"props":2041,"children":2042},{"style":159},[2043],{"type":48,"value":221},{"type":43,"tag":146,"props":2045,"children":2046},{"style":165},[2047],{"type":48,"value":606},{"type":43,"tag":146,"props":2049,"children":2050},{"style":159},[2051],{"type":48,"value":2052},"} \u002F>\n",{"type":43,"tag":146,"props":2054,"children":2055},{"class":148,"line":377},[2056,2060],{"type":43,"tag":146,"props":2057,"children":2058},{"style":159},[2059],{"type":48,"value":1929},{"type":43,"tag":146,"props":2061,"children":2062},{"style":344},[2063],{"type":48,"value":2064},"CanvasImage\n",{"type":43,"tag":146,"props":2066,"children":2067},{"class":148,"line":391},[2068,2073,2077,2081,2085,2089,2094,2098,2102],{"type":43,"tag":146,"props":2069,"children":2070},{"style":248},[2071],{"type":48,"value":2072},"        src",{"type":43,"tag":146,"props":2074,"children":2075},{"style":159},[2076],{"type":48,"value":1943},{"type":43,"tag":146,"props":2078,"children":2079},{"style":298},[2080],{"type":48,"value":1948},{"type":43,"tag":146,"props":2082,"children":2083},{"style":165},[2084],{"type":48,"value":571},{"type":43,"tag":146,"props":2086,"children":2087},{"style":159},[2088],{"type":48,"value":221},{"type":43,"tag":146,"props":2090,"children":2091},{"style":214},[2092],{"type":48,"value":2093},"logo.png",{"type":43,"tag":146,"props":2095,"children":2096},{"style":159},[2097],{"type":48,"value":221},{"type":43,"tag":146,"props":2099,"children":2100},{"style":165},[2101],{"type":48,"value":606},{"type":43,"tag":146,"props":2103,"children":2104},{"style":159},[2105],{"type":48,"value":2106},"}\n",{"type":43,"tag":146,"props":2108,"children":2109},{"class":148,"line":482},[2110,2115,2119,2124,2128,2132,2136,2141,2145,2149],{"type":43,"tag":146,"props":2111,"children":2112},{"style":248},[2113],{"type":48,"value":2114},"        style",{"type":43,"tag":146,"props":2116,"children":2117},{"style":159},[2118],{"type":48,"value":1983},{"type":43,"tag":146,"props":2120,"children":2121},{"style":303},[2122],{"type":48,"value":2123}," width",{"type":43,"tag":146,"props":2125,"children":2126},{"style":159},[2127],{"type":48,"value":402},{"type":43,"tag":146,"props":2129,"children":2130},{"style":423},[2131],{"type":48,"value":818},{"type":43,"tag":146,"props":2133,"children":2134},{"style":159},[2135],{"type":48,"value":173},{"type":43,"tag":146,"props":2137,"children":2138},{"style":303},[2139],{"type":48,"value":2140}," height",{"type":43,"tag":146,"props":2142,"children":2143},{"style":159},[2144],{"type":48,"value":402},{"type":43,"tag":146,"props":2146,"children":2147},{"style":423},[2148],{"type":48,"value":818},{"type":43,"tag":146,"props":2150,"children":2151},{"style":159},[2152],{"type":48,"value":2153}," }}\n",{"type":43,"tag":146,"props":2155,"children":2156},{"class":148,"line":513},[2157],{"type":43,"tag":146,"props":2158,"children":2159},{"style":159},[2160],{"type":48,"value":2161},"      \u002F>\n",{"type":43,"tag":146,"props":2163,"children":2164},{"class":148,"line":542},[2165,2169,2173,2177,2181,2185,2190,2194],{"type":43,"tag":146,"props":2166,"children":2167},{"style":159},[2168],{"type":48,"value":1929},{"type":43,"tag":146,"props":2170,"children":2171},{"style":344},[2172],{"type":48,"value":23},{"type":43,"tag":146,"props":2174,"children":2175},{"style":248},[2176],{"type":48,"value":1938},{"type":43,"tag":146,"props":2178,"children":2179},{"style":159},[2180],{"type":48,"value":261},{"type":43,"tag":146,"props":2182,"children":2183},{"style":159},[2184],{"type":48,"value":221},{"type":43,"tag":146,"props":2186,"children":2187},{"style":214},[2188],{"type":48,"value":2189},"https:\u002F\u002Fremotion.media\u002Fvideo.mp4",{"type":43,"tag":146,"props":2191,"children":2192},{"style":159},[2193],{"type":48,"value":221},{"type":43,"tag":146,"props":2195,"children":2196},{"style":159},[2197],{"type":48,"value":2198}," \u002F>\n",{"type":43,"tag":146,"props":2200,"children":2201},{"class":148,"line":613},[2202,2206,2211,2215,2219,2223,2227,2231,2236,2240,2244],{"type":43,"tag":146,"props":2203,"children":2204},{"style":159},[2205],{"type":48,"value":1929},{"type":43,"tag":146,"props":2207,"children":2208},{"style":344},[2209],{"type":48,"value":2210},"AnimatedImage",{"type":43,"tag":146,"props":2212,"children":2213},{"style":248},[2214],{"type":48,"value":1938},{"type":43,"tag":146,"props":2216,"children":2217},{"style":159},[2218],{"type":48,"value":1943},{"type":43,"tag":146,"props":2220,"children":2221},{"style":298},[2222],{"type":48,"value":1948},{"type":43,"tag":146,"props":2224,"children":2225},{"style":165},[2226],{"type":48,"value":571},{"type":43,"tag":146,"props":2228,"children":2229},{"style":159},[2230],{"type":48,"value":880},{"type":43,"tag":146,"props":2232,"children":2233},{"style":214},[2234],{"type":48,"value":2235},"nyancat.gif",{"type":43,"tag":146,"props":2237,"children":2238},{"style":159},[2239],{"type":48,"value":880},{"type":43,"tag":146,"props":2241,"children":2242},{"style":165},[2243],{"type":48,"value":606},{"type":43,"tag":146,"props":2245,"children":2246},{"style":159},[2247],{"type":48,"value":2052},{"type":43,"tag":146,"props":2249,"children":2250},{"class":148,"line":630},[2251],{"type":43,"tag":146,"props":2252,"children":2253},{"style":159},[2254],{"type":48,"value":2255},"    \u003C\u002F>\n",{"type":43,"tag":146,"props":2257,"children":2258},{"class":148,"line":639},[2259,2263],{"type":43,"tag":146,"props":2260,"children":2261},{"style":303},[2262],{"type":48,"value":682},{"type":43,"tag":146,"props":2264,"children":2265},{"style":159},[2266],{"type":48,"value":226},{"type":43,"tag":146,"props":2268,"children":2269},{"class":148,"line":648},[2270],{"type":43,"tag":146,"props":2271,"children":2272},{"style":159},[2273],{"type":48,"value":695},{"type":43,"tag":60,"props":2275,"children":2277},{"id":2276},"example-scene",[2278],{"type":48,"value":2279},"Example scene",{"type":43,"tag":135,"props":2281,"children":2283},{"className":137,"code":2282,"language":139,"meta":140,"style":140},"import {\n  AbsoluteFill,\n  Easing,\n  Interactive,\n  interpolate,\n  useCurrentFrame,\n  useVideoConfig\n} from \"remotion\";\n\nexport const Empty = () => {\n  const {fps} = useVideoConfig();\n  const frame = useCurrentFrame();\n\n  return (\n    \u003CAbsoluteFill\n      name=\"Scene\"\n      style={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: 'white'\n      }}\n    >\n      \u003CInteractive.Div\n        name=\"Title\"\n        style={{\n          opacity: interpolate(frame, [1 * fps, 2 * fps], [0, 1], {\n            extrapolateRight: \"clamp\",\n            extrapolateLeft: \"clamp\",\n            easing: Easing.bezier(0.16, 1, 0.3, 1),\n          }),\n          fontSize: 88\n        }}\n      >\n        Title\n      \u003C\u002FInteractive.Div>\n      \u003CInteractive.Div\n        name=\"Subtitle\"\n        style={{\n          opacity: interpolate(frame, [2 * fps, 3 * fps, 8 * fps, 10 * fps], [0, 1, 1, 0], {\n            extrapolateRight: \"clamp\",\n            extrapolateLeft: \"clamp\",\n            easing: [Easing.bezier(0.16, 1, 0.3, 1), Easing.linear, Easing.bezier(0.16, 1, 0.3, 1)],\n          }),\n          fontSize: 32\n        }}\n      >\n        Subtitle\n      \u003C\u002FInteractive.Div>\n    \u003C\u002FAbsoluteFill>\n  );\n}\n",[2284],{"type":43,"tag":72,"props":2285,"children":2286},{"__ignoreMap":140},[2287,2298,2310,2322,2334,2346,2358,2366,2393,2400,2432,2469,2496,2503,2514,2526,2550,2561,2590,2619,2647,2673,2680,2687,2698,2722,2733,2824,2853,2882,2947,2964,2982,2991,3000,3009,3026,3038,3063,3075,3216,3244,3272,3407,3423,3440,3448,3456,3465,3481,3498,3510],{"type":43,"tag":146,"props":2288,"children":2289},{"class":148,"line":149},[2290,2294],{"type":43,"tag":146,"props":2291,"children":2292},{"style":153},[2293],{"type":48,"value":156},{"type":43,"tag":146,"props":2295,"children":2296},{"style":159},[2297],{"type":48,"value":276},{"type":43,"tag":146,"props":2299,"children":2300},{"class":148,"line":229},[2301,2306],{"type":43,"tag":146,"props":2302,"children":2303},{"style":165},[2304],{"type":48,"value":2305},"  AbsoluteFill",{"type":43,"tag":146,"props":2307,"children":2308},{"style":159},[2309],{"type":48,"value":510},{"type":43,"tag":146,"props":2311,"children":2312},{"class":148,"line":239},[2313,2318],{"type":43,"tag":146,"props":2314,"children":2315},{"style":165},[2316],{"type":48,"value":2317},"  Easing",{"type":43,"tag":146,"props":2319,"children":2320},{"style":159},[2321],{"type":48,"value":510},{"type":43,"tag":146,"props":2323,"children":2324},{"class":148,"line":279},[2325,2330],{"type":43,"tag":146,"props":2326,"children":2327},{"style":165},[2328],{"type":48,"value":2329},"  Interactive",{"type":43,"tag":146,"props":2331,"children":2332},{"style":159},[2333],{"type":48,"value":510},{"type":43,"tag":146,"props":2335,"children":2336},{"class":148,"line":313},[2337,2342],{"type":43,"tag":146,"props":2338,"children":2339},{"style":165},[2340],{"type":48,"value":2341},"  interpolate",{"type":43,"tag":146,"props":2343,"children":2344},{"style":159},[2345],{"type":48,"value":510},{"type":43,"tag":146,"props":2347,"children":2348},{"class":148,"line":321},[2349,2354],{"type":43,"tag":146,"props":2350,"children":2351},{"style":165},[2352],{"type":48,"value":2353},"  useCurrentFrame",{"type":43,"tag":146,"props":2355,"children":2356},{"style":159},[2357],{"type":48,"value":510},{"type":43,"tag":146,"props":2359,"children":2360},{"class":148,"line":335},[2361],{"type":43,"tag":146,"props":2362,"children":2363},{"style":165},[2364],{"type":48,"value":2365},"  useVideoConfig\n",{"type":43,"tag":146,"props":2367,"children":2368},{"class":148,"line":350},[2369,2373,2377,2381,2385,2389],{"type":43,"tag":146,"props":2370,"children":2371},{"style":159},[2372],{"type":48,"value":965},{"type":43,"tag":146,"props":2374,"children":2375},{"style":153},[2376],{"type":48,"value":206},{"type":43,"tag":146,"props":2378,"children":2379},{"style":159},[2380],{"type":48,"value":211},{"type":43,"tag":146,"props":2382,"children":2383},{"style":214},[2384],{"type":48,"value":18},{"type":43,"tag":146,"props":2386,"children":2387},{"style":159},[2388],{"type":48,"value":221},{"type":43,"tag":146,"props":2390,"children":2391},{"style":159},[2392],{"type":48,"value":226},{"type":43,"tag":146,"props":2394,"children":2395},{"class":148,"line":377},[2396],{"type":43,"tag":146,"props":2397,"children":2398},{"emptyLinePlaceholder":233},[2399],{"type":48,"value":236},{"type":43,"tag":146,"props":2401,"children":2402},{"class":148,"line":391},[2403,2407,2411,2416,2420,2424,2428],{"type":43,"tag":146,"props":2404,"children":2405},{"style":153},[2406],{"type":48,"value":245},{"type":43,"tag":146,"props":2408,"children":2409},{"style":248},[2410],{"type":48,"value":251},{"type":43,"tag":146,"props":2412,"children":2413},{"style":165},[2414],{"type":48,"value":2415}," Empty ",{"type":43,"tag":146,"props":2417,"children":2418},{"style":159},[2419],{"type":48,"value":261},{"type":43,"tag":146,"props":2421,"children":2422},{"style":159},[2423],{"type":48,"value":266},{"type":43,"tag":146,"props":2425,"children":2426},{"style":248},[2427],{"type":48,"value":271},{"type":43,"tag":146,"props":2429,"children":2430},{"style":159},[2431],{"type":48,"value":276},{"type":43,"tag":146,"props":2433,"children":2434},{"class":148,"line":482},[2435,2439,2443,2448,2452,2456,2461,2465],{"type":43,"tag":146,"props":2436,"children":2437},{"style":248},[2438],{"type":48,"value":285},{"type":43,"tag":146,"props":2440,"children":2441},{"style":159},[2442],{"type":48,"value":162},{"type":43,"tag":146,"props":2444,"children":2445},{"style":165},[2446],{"type":48,"value":2447},"fps",{"type":43,"tag":146,"props":2449,"children":2450},{"style":159},[2451],{"type":48,"value":965},{"type":43,"tag":146,"props":2453,"children":2454},{"style":159},[2455],{"type":48,"value":295},{"type":43,"tag":146,"props":2457,"children":2458},{"style":298},[2459],{"type":48,"value":2460}," useVideoConfig",{"type":43,"tag":146,"props":2462,"children":2463},{"style":303},[2464],{"type":48,"value":306},{"type":43,"tag":146,"props":2466,"children":2467},{"style":159},[2468],{"type":48,"value":226},{"type":43,"tag":146,"props":2470,"children":2471},{"class":148,"line":513},[2472,2476,2480,2484,2488,2492],{"type":43,"tag":146,"props":2473,"children":2474},{"style":248},[2475],{"type":48,"value":285},{"type":43,"tag":146,"props":2477,"children":2478},{"style":165},[2479],{"type":48,"value":290},{"type":43,"tag":146,"props":2481,"children":2482},{"style":159},[2483],{"type":48,"value":295},{"type":43,"tag":146,"props":2485,"children":2486},{"style":298},[2487],{"type":48,"value":168},{"type":43,"tag":146,"props":2489,"children":2490},{"style":303},[2491],{"type":48,"value":306},{"type":43,"tag":146,"props":2493,"children":2494},{"style":159},[2495],{"type":48,"value":226},{"type":43,"tag":146,"props":2497,"children":2498},{"class":148,"line":542},[2499],{"type":43,"tag":146,"props":2500,"children":2501},{"emptyLinePlaceholder":233},[2502],{"type":48,"value":236},{"type":43,"tag":146,"props":2504,"children":2505},{"class":148,"line":613},[2506,2510],{"type":43,"tag":146,"props":2507,"children":2508},{"style":153},[2509],{"type":48,"value":327},{"type":43,"tag":146,"props":2511,"children":2512},{"style":303},[2513],{"type":48,"value":332},{"type":43,"tag":146,"props":2515,"children":2516},{"class":148,"line":630},[2517,2521],{"type":43,"tag":146,"props":2518,"children":2519},{"style":159},[2520],{"type":48,"value":341},{"type":43,"tag":146,"props":2522,"children":2523},{"style":344},[2524],{"type":48,"value":2525},"AbsoluteFill\n",{"type":43,"tag":146,"props":2527,"children":2528},{"class":148,"line":639},[2529,2533,2537,2541,2546],{"type":43,"tag":146,"props":2530,"children":2531},{"style":248},[2532],{"type":48,"value":356},{"type":43,"tag":146,"props":2534,"children":2535},{"style":159},[2536],{"type":48,"value":261},{"type":43,"tag":146,"props":2538,"children":2539},{"style":159},[2540],{"type":48,"value":221},{"type":43,"tag":146,"props":2542,"children":2543},{"style":214},[2544],{"type":48,"value":2545},"Scene",{"type":43,"tag":146,"props":2547,"children":2548},{"style":159},[2549],{"type":48,"value":374},{"type":43,"tag":146,"props":2551,"children":2552},{"class":148,"line":648},[2553,2557],{"type":43,"tag":146,"props":2554,"children":2555},{"style":248},[2556],{"type":48,"value":383},{"type":43,"tag":146,"props":2558,"children":2559},{"style":159},[2560],{"type":48,"value":388},{"type":43,"tag":146,"props":2562,"children":2563},{"class":148,"line":657},[2564,2569,2573,2577,2582,2586],{"type":43,"tag":146,"props":2565,"children":2566},{"style":303},[2567],{"type":48,"value":2568},"        display",{"type":43,"tag":146,"props":2570,"children":2571},{"style":159},[2572],{"type":48,"value":402},{"type":43,"tag":146,"props":2574,"children":2575},{"style":159},[2576],{"type":48,"value":871},{"type":43,"tag":146,"props":2578,"children":2579},{"style":214},[2580],{"type":48,"value":2581},"flex",{"type":43,"tag":146,"props":2583,"children":2584},{"style":159},[2585],{"type":48,"value":880},{"type":43,"tag":146,"props":2587,"children":2588},{"style":159},[2589],{"type":48,"value":510},{"type":43,"tag":146,"props":2591,"children":2592},{"class":148,"line":676},[2593,2598,2602,2606,2611,2615],{"type":43,"tag":146,"props":2594,"children":2595},{"style":303},[2596],{"type":48,"value":2597},"        justifyContent",{"type":43,"tag":146,"props":2599,"children":2600},{"style":159},[2601],{"type":48,"value":402},{"type":43,"tag":146,"props":2603,"children":2604},{"style":159},[2605],{"type":48,"value":871},{"type":43,"tag":146,"props":2607,"children":2608},{"style":214},[2609],{"type":48,"value":2610},"center",{"type":43,"tag":146,"props":2612,"children":2613},{"style":159},[2614],{"type":48,"value":880},{"type":43,"tag":146,"props":2616,"children":2617},{"style":159},[2618],{"type":48,"value":510},{"type":43,"tag":146,"props":2620,"children":2621},{"class":148,"line":689},[2622,2627,2631,2635,2639,2643],{"type":43,"tag":146,"props":2623,"children":2624},{"style":303},[2625],{"type":48,"value":2626},"        alignItems",{"type":43,"tag":146,"props":2628,"children":2629},{"style":159},[2630],{"type":48,"value":402},{"type":43,"tag":146,"props":2632,"children":2633},{"style":159},[2634],{"type":48,"value":871},{"type":43,"tag":146,"props":2636,"children":2637},{"style":214},[2638],{"type":48,"value":2610},{"type":43,"tag":146,"props":2640,"children":2641},{"style":159},[2642],{"type":48,"value":880},{"type":43,"tag":146,"props":2644,"children":2645},{"style":159},[2646],{"type":48,"value":510},{"type":43,"tag":146,"props":2648,"children":2649},{"class":148,"line":1481},[2650,2655,2659,2663,2668],{"type":43,"tag":146,"props":2651,"children":2652},{"style":303},[2653],{"type":48,"value":2654},"        backgroundColor",{"type":43,"tag":146,"props":2656,"children":2657},{"style":159},[2658],{"type":48,"value":402},{"type":43,"tag":146,"props":2660,"children":2661},{"style":159},[2662],{"type":48,"value":871},{"type":43,"tag":146,"props":2664,"children":2665},{"style":214},[2666],{"type":48,"value":2667},"white",{"type":43,"tag":146,"props":2669,"children":2670},{"style":159},[2671],{"type":48,"value":2672},"'\n",{"type":43,"tag":146,"props":2674,"children":2675},{"class":148,"line":1490},[2676],{"type":43,"tag":146,"props":2677,"children":2678},{"style":159},[2679],{"type":48,"value":636},{"type":43,"tag":146,"props":2681,"children":2682},{"class":148,"line":1569},[2683],{"type":43,"tag":146,"props":2684,"children":2685},{"style":159},[2686],{"type":48,"value":645},{"type":43,"tag":146,"props":2688,"children":2689},{"class":148,"line":1577},[2690,2694],{"type":43,"tag":146,"props":2691,"children":2692},{"style":159},[2693],{"type":48,"value":1929},{"type":43,"tag":146,"props":2695,"children":2696},{"style":344},[2697],{"type":48,"value":347},{"type":43,"tag":146,"props":2699,"children":2700},{"class":148,"line":1589},[2701,2706,2710,2714,2718],{"type":43,"tag":146,"props":2702,"children":2703},{"style":248},[2704],{"type":48,"value":2705},"        name",{"type":43,"tag":146,"props":2707,"children":2708},{"style":159},[2709],{"type":48,"value":261},{"type":43,"tag":146,"props":2711,"children":2712},{"style":159},[2713],{"type":48,"value":221},{"type":43,"tag":146,"props":2715,"children":2716},{"style":214},[2717],{"type":48,"value":369},{"type":43,"tag":146,"props":2719,"children":2720},{"style":159},[2721],{"type":48,"value":374},{"type":43,"tag":146,"props":2723,"children":2724},{"class":148,"line":1638},[2725,2729],{"type":43,"tag":146,"props":2726,"children":2727},{"style":248},[2728],{"type":48,"value":2114},{"type":43,"tag":146,"props":2730,"children":2731},{"style":159},[2732],{"type":48,"value":388},{"type":43,"tag":146,"props":2734,"children":2736},{"class":148,"line":2735},27,[2737,2742,2746,2750,2754,2758,2762,2767,2771,2776,2780,2784,2788,2792,2796,2800,2804,2808,2812,2816,2820],{"type":43,"tag":146,"props":2738,"children":2739},{"style":303},[2740],{"type":48,"value":2741},"          opacity",{"type":43,"tag":146,"props":2743,"children":2744},{"style":159},[2745],{"type":48,"value":402},{"type":43,"tag":146,"props":2747,"children":2748},{"style":298},[2749],{"type":48,"value":187},{"type":43,"tag":146,"props":2751,"children":2752},{"style":165},[2753],{"type":48,"value":411},{"type":43,"tag":146,"props":2755,"children":2756},{"style":159},[2757],{"type":48,"value":173},{"type":43,"tag":146,"props":2759,"children":2760},{"style":165},[2761],{"type":48,"value":420},{"type":43,"tag":146,"props":2763,"children":2764},{"style":423},[2765],{"type":48,"value":2766},"1",{"type":43,"tag":146,"props":2768,"children":2769},{"style":159},[2770],{"type":48,"value":440},{"type":43,"tag":146,"props":2772,"children":2773},{"style":165},[2774],{"type":48,"value":2775}," fps",{"type":43,"tag":146,"props":2777,"children":2778},{"style":159},[2779],{"type":48,"value":173},{"type":43,"tag":146,"props":2781,"children":2782},{"style":423},[2783],{"type":48,"value":435},{"type":43,"tag":146,"props":2785,"children":2786},{"style":159},[2787],{"type":48,"value":440},{"type":43,"tag":146,"props":2789,"children":2790},{"style":165},[2791],{"type":48,"value":445},{"type":43,"tag":146,"props":2793,"children":2794},{"style":159},[2795],{"type":48,"value":173},{"type":43,"tag":146,"props":2797,"children":2798},{"style":165},[2799],{"type":48,"value":420},{"type":43,"tag":146,"props":2801,"children":2802},{"style":423},[2803],{"type":48,"value":426},{"type":43,"tag":146,"props":2805,"children":2806},{"style":159},[2807],{"type":48,"value":173},{"type":43,"tag":146,"props":2809,"children":2810},{"style":423},[2811],{"type":48,"value":466},{"type":43,"tag":146,"props":2813,"children":2814},{"style":165},[2815],{"type":48,"value":471},{"type":43,"tag":146,"props":2817,"children":2818},{"style":159},[2819],{"type":48,"value":173},{"type":43,"tag":146,"props":2821,"children":2822},{"style":159},[2823],{"type":48,"value":276},{"type":43,"tag":146,"props":2825,"children":2827},{"class":148,"line":2826},28,[2828,2833,2837,2841,2845,2849],{"type":43,"tag":146,"props":2829,"children":2830},{"style":303},[2831],{"type":48,"value":2832},"            extrapolateRight",{"type":43,"tag":146,"props":2834,"children":2835},{"style":159},[2836],{"type":48,"value":402},{"type":43,"tag":146,"props":2838,"children":2839},{"style":159},[2840],{"type":48,"value":211},{"type":43,"tag":146,"props":2842,"children":2843},{"style":214},[2844],{"type":48,"value":501},{"type":43,"tag":146,"props":2846,"children":2847},{"style":159},[2848],{"type":48,"value":221},{"type":43,"tag":146,"props":2850,"children":2851},{"style":159},[2852],{"type":48,"value":510},{"type":43,"tag":146,"props":2854,"children":2856},{"class":148,"line":2855},29,[2857,2862,2866,2870,2874,2878],{"type":43,"tag":146,"props":2858,"children":2859},{"style":303},[2860],{"type":48,"value":2861},"            extrapolateLeft",{"type":43,"tag":146,"props":2863,"children":2864},{"style":159},[2865],{"type":48,"value":402},{"type":43,"tag":146,"props":2867,"children":2868},{"style":159},[2869],{"type":48,"value":211},{"type":43,"tag":146,"props":2871,"children":2872},{"style":214},[2873],{"type":48,"value":501},{"type":43,"tag":146,"props":2875,"children":2876},{"style":159},[2877],{"type":48,"value":221},{"type":43,"tag":146,"props":2879,"children":2880},{"style":159},[2881],{"type":48,"value":510},{"type":43,"tag":146,"props":2883,"children":2885},{"class":148,"line":2884},30,[2886,2891,2895,2899,2903,2907,2911,2915,2919,2923,2927,2931,2935,2939,2943],{"type":43,"tag":146,"props":2887,"children":2888},{"style":303},[2889],{"type":48,"value":2890},"            easing",{"type":43,"tag":146,"props":2892,"children":2893},{"style":159},[2894],{"type":48,"value":402},{"type":43,"tag":146,"props":2896,"children":2897},{"style":165},[2898],{"type":48,"value":178},{"type":43,"tag":146,"props":2900,"children":2901},{"style":159},[2902],{"type":48,"value":561},{"type":43,"tag":146,"props":2904,"children":2905},{"style":298},[2906],{"type":48,"value":566},{"type":43,"tag":146,"props":2908,"children":2909},{"style":165},[2910],{"type":48,"value":571},{"type":43,"tag":146,"props":2912,"children":2913},{"style":423},[2914],{"type":48,"value":576},{"type":43,"tag":146,"props":2916,"children":2917},{"style":159},[2918],{"type":48,"value":173},{"type":43,"tag":146,"props":2920,"children":2921},{"style":423},[2922],{"type":48,"value":466},{"type":43,"tag":146,"props":2924,"children":2925},{"style":159},[2926],{"type":48,"value":173},{"type":43,"tag":146,"props":2928,"children":2929},{"style":423},[2930],{"type":48,"value":593},{"type":43,"tag":146,"props":2932,"children":2933},{"style":159},[2934],{"type":48,"value":173},{"type":43,"tag":146,"props":2936,"children":2937},{"style":423},[2938],{"type":48,"value":466},{"type":43,"tag":146,"props":2940,"children":2941},{"style":165},[2942],{"type":48,"value":606},{"type":43,"tag":146,"props":2944,"children":2945},{"style":159},[2946],{"type":48,"value":510},{"type":43,"tag":146,"props":2948,"children":2950},{"class":148,"line":2949},31,[2951,2956,2960],{"type":43,"tag":146,"props":2952,"children":2953},{"style":159},[2954],{"type":48,"value":2955},"          }",{"type":43,"tag":146,"props":2957,"children":2958},{"style":165},[2959],{"type":48,"value":606},{"type":43,"tag":146,"props":2961,"children":2962},{"style":159},[2963],{"type":48,"value":510},{"type":43,"tag":146,"props":2965,"children":2967},{"class":148,"line":2966},32,[2968,2973,2977],{"type":43,"tag":146,"props":2969,"children":2970},{"style":303},[2971],{"type":48,"value":2972},"          fontSize",{"type":43,"tag":146,"props":2974,"children":2975},{"style":159},[2976],{"type":48,"value":402},{"type":43,"tag":146,"props":2978,"children":2979},{"style":423},[2980],{"type":48,"value":2981}," 88\n",{"type":43,"tag":146,"props":2983,"children":2985},{"class":148,"line":2984},33,[2986],{"type":43,"tag":146,"props":2987,"children":2988},{"style":159},[2989],{"type":48,"value":2990},"        }}\n",{"type":43,"tag":146,"props":2992,"children":2994},{"class":148,"line":2993},34,[2995],{"type":43,"tag":146,"props":2996,"children":2997},{"style":159},[2998],{"type":48,"value":2999},"      >\n",{"type":43,"tag":146,"props":3001,"children":3003},{"class":148,"line":3002},35,[3004],{"type":43,"tag":146,"props":3005,"children":3006},{"style":165},[3007],{"type":48,"value":3008},"        Title\n",{"type":43,"tag":146,"props":3010,"children":3012},{"class":148,"line":3011},36,[3013,3018,3022],{"type":43,"tag":146,"props":3014,"children":3015},{"style":159},[3016],{"type":48,"value":3017},"      \u003C\u002F",{"type":43,"tag":146,"props":3019,"children":3020},{"style":344},[3021],{"type":48,"value":668},{"type":43,"tag":146,"props":3023,"children":3024},{"style":159},[3025],{"type":48,"value":673},{"type":43,"tag":146,"props":3027,"children":3029},{"class":148,"line":3028},37,[3030,3034],{"type":43,"tag":146,"props":3031,"children":3032},{"style":159},[3033],{"type":48,"value":1929},{"type":43,"tag":146,"props":3035,"children":3036},{"style":344},[3037],{"type":48,"value":347},{"type":43,"tag":146,"props":3039,"children":3041},{"class":148,"line":3040},38,[3042,3046,3050,3054,3059],{"type":43,"tag":146,"props":3043,"children":3044},{"style":248},[3045],{"type":48,"value":2705},{"type":43,"tag":146,"props":3047,"children":3048},{"style":159},[3049],{"type":48,"value":261},{"type":43,"tag":146,"props":3051,"children":3052},{"style":159},[3053],{"type":48,"value":221},{"type":43,"tag":146,"props":3055,"children":3056},{"style":214},[3057],{"type":48,"value":3058},"Subtitle",{"type":43,"tag":146,"props":3060,"children":3061},{"style":159},[3062],{"type":48,"value":374},{"type":43,"tag":146,"props":3064,"children":3066},{"class":148,"line":3065},39,[3067,3071],{"type":43,"tag":146,"props":3068,"children":3069},{"style":248},[3070],{"type":48,"value":2114},{"type":43,"tag":146,"props":3072,"children":3073},{"style":159},[3074],{"type":48,"value":388},{"type":43,"tag":146,"props":3076,"children":3078},{"class":148,"line":3077},40,[3079,3083,3087,3091,3095,3099,3103,3108,3112,3116,3120,3125,3129,3133,3137,3142,3146,3150,3154,3159,3163,3167,3171,3175,3179,3183,3187,3191,3195,3199,3204,3208,3212],{"type":43,"tag":146,"props":3080,"children":3081},{"style":303},[3082],{"type":48,"value":2741},{"type":43,"tag":146,"props":3084,"children":3085},{"style":159},[3086],{"type":48,"value":402},{"type":43,"tag":146,"props":3088,"children":3089},{"style":298},[3090],{"type":48,"value":187},{"type":43,"tag":146,"props":3092,"children":3093},{"style":165},[3094],{"type":48,"value":411},{"type":43,"tag":146,"props":3096,"children":3097},{"style":159},[3098],{"type":48,"value":173},{"type":43,"tag":146,"props":3100,"children":3101},{"style":165},[3102],{"type":48,"value":420},{"type":43,"tag":146,"props":3104,"children":3105},{"style":423},[3106],{"type":48,"value":3107},"2",{"type":43,"tag":146,"props":3109,"children":3110},{"style":159},[3111],{"type":48,"value":440},{"type":43,"tag":146,"props":3113,"children":3114},{"style":165},[3115],{"type":48,"value":2775},{"type":43,"tag":146,"props":3117,"children":3118},{"style":159},[3119],{"type":48,"value":173},{"type":43,"tag":146,"props":3121,"children":3122},{"style":423},[3123],{"type":48,"value":3124}," 3",{"type":43,"tag":146,"props":3126,"children":3127},{"style":159},[3128],{"type":48,"value":440},{"type":43,"tag":146,"props":3130,"children":3131},{"style":165},[3132],{"type":48,"value":2775},{"type":43,"tag":146,"props":3134,"children":3135},{"style":159},[3136],{"type":48,"value":173},{"type":43,"tag":146,"props":3138,"children":3139},{"style":423},[3140],{"type":48,"value":3141}," 8",{"type":43,"tag":146,"props":3143,"children":3144},{"style":159},[3145],{"type":48,"value":440},{"type":43,"tag":146,"props":3147,"children":3148},{"style":165},[3149],{"type":48,"value":2775},{"type":43,"tag":146,"props":3151,"children":3152},{"style":159},[3153],{"type":48,"value":173},{"type":43,"tag":146,"props":3155,"children":3156},{"style":423},[3157],{"type":48,"value":3158}," 10",{"type":43,"tag":146,"props":3160,"children":3161},{"style":159},[3162],{"type":48,"value":440},{"type":43,"tag":146,"props":3164,"children":3165},{"style":165},[3166],{"type":48,"value":445},{"type":43,"tag":146,"props":3168,"children":3169},{"style":159},[3170],{"type":48,"value":173},{"type":43,"tag":146,"props":3172,"children":3173},{"style":165},[3174],{"type":48,"value":420},{"type":43,"tag":146,"props":3176,"children":3177},{"style":423},[3178],{"type":48,"value":426},{"type":43,"tag":146,"props":3180,"children":3181},{"style":159},[3182],{"type":48,"value":173},{"type":43,"tag":146,"props":3184,"children":3185},{"style":423},[3186],{"type":48,"value":466},{"type":43,"tag":146,"props":3188,"children":3189},{"style":159},[3190],{"type":48,"value":173},{"type":43,"tag":146,"props":3192,"children":3193},{"style":423},[3194],{"type":48,"value":466},{"type":43,"tag":146,"props":3196,"children":3197},{"style":159},[3198],{"type":48,"value":173},{"type":43,"tag":146,"props":3200,"children":3201},{"style":423},[3202],{"type":48,"value":3203}," 0",{"type":43,"tag":146,"props":3205,"children":3206},{"style":165},[3207],{"type":48,"value":471},{"type":43,"tag":146,"props":3209,"children":3210},{"style":159},[3211],{"type":48,"value":173},{"type":43,"tag":146,"props":3213,"children":3214},{"style":159},[3215],{"type":48,"value":276},{"type":43,"tag":146,"props":3217,"children":3219},{"class":148,"line":3218},41,[3220,3224,3228,3232,3236,3240],{"type":43,"tag":146,"props":3221,"children":3222},{"style":303},[3223],{"type":48,"value":2832},{"type":43,"tag":146,"props":3225,"children":3226},{"style":159},[3227],{"type":48,"value":402},{"type":43,"tag":146,"props":3229,"children":3230},{"style":159},[3231],{"type":48,"value":211},{"type":43,"tag":146,"props":3233,"children":3234},{"style":214},[3235],{"type":48,"value":501},{"type":43,"tag":146,"props":3237,"children":3238},{"style":159},[3239],{"type":48,"value":221},{"type":43,"tag":146,"props":3241,"children":3242},{"style":159},[3243],{"type":48,"value":510},{"type":43,"tag":146,"props":3245,"children":3247},{"class":148,"line":3246},42,[3248,3252,3256,3260,3264,3268],{"type":43,"tag":146,"props":3249,"children":3250},{"style":303},[3251],{"type":48,"value":2861},{"type":43,"tag":146,"props":3253,"children":3254},{"style":159},[3255],{"type":48,"value":402},{"type":43,"tag":146,"props":3257,"children":3258},{"style":159},[3259],{"type":48,"value":211},{"type":43,"tag":146,"props":3261,"children":3262},{"style":214},[3263],{"type":48,"value":501},{"type":43,"tag":146,"props":3265,"children":3266},{"style":159},[3267],{"type":48,"value":221},{"type":43,"tag":146,"props":3269,"children":3270},{"style":159},[3271],{"type":48,"value":510},{"type":43,"tag":146,"props":3273,"children":3275},{"class":148,"line":3274},43,[3276,3280,3284,3289,3293,3297,3301,3305,3309,3313,3317,3321,3325,3329,3333,3337,3341,3345,3350,3354,3358,3362,3366,3370,3374,3378,3382,3386,3390,3394,3398,3403],{"type":43,"tag":146,"props":3277,"children":3278},{"style":303},[3279],{"type":48,"value":2890},{"type":43,"tag":146,"props":3281,"children":3282},{"style":159},[3283],{"type":48,"value":402},{"type":43,"tag":146,"props":3285,"children":3286},{"style":165},[3287],{"type":48,"value":3288}," [Easing",{"type":43,"tag":146,"props":3290,"children":3291},{"style":159},[3292],{"type":48,"value":561},{"type":43,"tag":146,"props":3294,"children":3295},{"style":298},[3296],{"type":48,"value":566},{"type":43,"tag":146,"props":3298,"children":3299},{"style":165},[3300],{"type":48,"value":571},{"type":43,"tag":146,"props":3302,"children":3303},{"style":423},[3304],{"type":48,"value":576},{"type":43,"tag":146,"props":3306,"children":3307},{"style":159},[3308],{"type":48,"value":173},{"type":43,"tag":146,"props":3310,"children":3311},{"style":423},[3312],{"type":48,"value":466},{"type":43,"tag":146,"props":3314,"children":3315},{"style":159},[3316],{"type":48,"value":173},{"type":43,"tag":146,"props":3318,"children":3319},{"style":423},[3320],{"type":48,"value":593},{"type":43,"tag":146,"props":3322,"children":3323},{"style":159},[3324],{"type":48,"value":173},{"type":43,"tag":146,"props":3326,"children":3327},{"style":423},[3328],{"type":48,"value":466},{"type":43,"tag":146,"props":3330,"children":3331},{"style":165},[3332],{"type":48,"value":606},{"type":43,"tag":146,"props":3334,"children":3335},{"style":159},[3336],{"type":48,"value":173},{"type":43,"tag":146,"props":3338,"children":3339},{"style":165},[3340],{"type":48,"value":178},{"type":43,"tag":146,"props":3342,"children":3343},{"style":159},[3344],{"type":48,"value":561},{"type":43,"tag":146,"props":3346,"children":3347},{"style":165},[3348],{"type":48,"value":3349},"linear",{"type":43,"tag":146,"props":3351,"children":3352},{"style":159},[3353],{"type":48,"value":173},{"type":43,"tag":146,"props":3355,"children":3356},{"style":165},[3357],{"type":48,"value":178},{"type":43,"tag":146,"props":3359,"children":3360},{"style":159},[3361],{"type":48,"value":561},{"type":43,"tag":146,"props":3363,"children":3364},{"style":298},[3365],{"type":48,"value":566},{"type":43,"tag":146,"props":3367,"children":3368},{"style":165},[3369],{"type":48,"value":571},{"type":43,"tag":146,"props":3371,"children":3372},{"style":423},[3373],{"type":48,"value":576},{"type":43,"tag":146,"props":3375,"children":3376},{"style":159},[3377],{"type":48,"value":173},{"type":43,"tag":146,"props":3379,"children":3380},{"style":423},[3381],{"type":48,"value":466},{"type":43,"tag":146,"props":3383,"children":3384},{"style":159},[3385],{"type":48,"value":173},{"type":43,"tag":146,"props":3387,"children":3388},{"style":423},[3389],{"type":48,"value":593},{"type":43,"tag":146,"props":3391,"children":3392},{"style":159},[3393],{"type":48,"value":173},{"type":43,"tag":146,"props":3395,"children":3396},{"style":423},[3397],{"type":48,"value":466},{"type":43,"tag":146,"props":3399,"children":3400},{"style":165},[3401],{"type":48,"value":3402},")]",{"type":43,"tag":146,"props":3404,"children":3405},{"style":159},[3406],{"type":48,"value":510},{"type":43,"tag":146,"props":3408,"children":3410},{"class":148,"line":3409},44,[3411,3415,3419],{"type":43,"tag":146,"props":3412,"children":3413},{"style":159},[3414],{"type":48,"value":2955},{"type":43,"tag":146,"props":3416,"children":3417},{"style":165},[3418],{"type":48,"value":606},{"type":43,"tag":146,"props":3420,"children":3421},{"style":159},[3422],{"type":48,"value":510},{"type":43,"tag":146,"props":3424,"children":3426},{"class":148,"line":3425},45,[3427,3431,3435],{"type":43,"tag":146,"props":3428,"children":3429},{"style":303},[3430],{"type":48,"value":2972},{"type":43,"tag":146,"props":3432,"children":3433},{"style":159},[3434],{"type":48,"value":402},{"type":43,"tag":146,"props":3436,"children":3437},{"style":423},[3438],{"type":48,"value":3439}," 32\n",{"type":43,"tag":146,"props":3441,"children":3443},{"class":148,"line":3442},46,[3444],{"type":43,"tag":146,"props":3445,"children":3446},{"style":159},[3447],{"type":48,"value":2990},{"type":43,"tag":146,"props":3449,"children":3451},{"class":148,"line":3450},47,[3452],{"type":43,"tag":146,"props":3453,"children":3454},{"style":159},[3455],{"type":48,"value":2999},{"type":43,"tag":146,"props":3457,"children":3459},{"class":148,"line":3458},48,[3460],{"type":43,"tag":146,"props":3461,"children":3462},{"style":165},[3463],{"type":48,"value":3464},"        Subtitle\n",{"type":43,"tag":146,"props":3466,"children":3468},{"class":148,"line":3467},49,[3469,3473,3477],{"type":43,"tag":146,"props":3470,"children":3471},{"style":159},[3472],{"type":48,"value":3017},{"type":43,"tag":146,"props":3474,"children":3475},{"style":344},[3476],{"type":48,"value":668},{"type":43,"tag":146,"props":3478,"children":3479},{"style":159},[3480],{"type":48,"value":673},{"type":43,"tag":146,"props":3482,"children":3484},{"class":148,"line":3483},50,[3485,3489,3494],{"type":43,"tag":146,"props":3486,"children":3487},{"style":159},[3488],{"type":48,"value":663},{"type":43,"tag":146,"props":3490,"children":3491},{"style":344},[3492],{"type":48,"value":3493},"AbsoluteFill",{"type":43,"tag":146,"props":3495,"children":3496},{"style":159},[3497],{"type":48,"value":673},{"type":43,"tag":146,"props":3499,"children":3501},{"class":148,"line":3500},51,[3502,3506],{"type":43,"tag":146,"props":3503,"children":3504},{"style":303},[3505],{"type":48,"value":682},{"type":43,"tag":146,"props":3507,"children":3508},{"style":159},[3509],{"type":48,"value":226},{"type":43,"tag":146,"props":3511,"children":3513},{"class":148,"line":3512},52,[3514],{"type":43,"tag":146,"props":3515,"children":3516},{"style":159},[3517],{"type":48,"value":2106},{"type":43,"tag":60,"props":3519,"children":3521},{"id":3520},"delaying-trimming",[3522],{"type":48,"value":3523},"Delaying, trimming",{"type":43,"tag":44,"props":3525,"children":3526},{},[3527,3529,3535,3536,3542,3544,3550,3551,3556,3557,3562,3563,3569,3570,3576,3577,3583,3584,3589,3590,3595,3596,3601,3602,3607,3608,3614],{"type":48,"value":3528},"Most components (",{"type":43,"tag":72,"props":3530,"children":3532},{"className":3531},[],[3533],{"type":48,"value":3534},"\u003CAbsoluteFill>",{"type":48,"value":723},{"type":43,"tag":72,"props":3537,"children":3539},{"className":3538},[],[3540],{"type":48,"value":3541},"\u003CInteractive.*>",{"type":48,"value":3543}," ",{"type":43,"tag":72,"props":3545,"children":3547},{"className":3546},[],[3548],{"type":48,"value":3549},"\u003CImg>",{"type":48,"value":723},{"type":43,"tag":72,"props":3552,"children":3554},{"className":3553},[],[3555],{"type":48,"value":1725},{"type":48,"value":723},{"type":43,"tag":72,"props":3558,"children":3560},{"className":3559},[],[3561],{"type":48,"value":1717},{"type":48,"value":723},{"type":43,"tag":72,"props":3564,"children":3566},{"className":3565},[],[3567],{"type":48,"value":3568},"\u003CHtmlInCanvas>",{"type":48,"value":723},{"type":43,"tag":72,"props":3571,"children":3573},{"className":3572},[],[3574],{"type":48,"value":3575},"\u003CSolid>",{"type":48,"value":723},{"type":43,"tag":72,"props":3578,"children":3580},{"className":3579},[],[3581],{"type":48,"value":3582},"\u003CSequence>",{"type":48,"value":1703},{"type":43,"tag":72,"props":3585,"children":3587},{"className":3586},[],[3588],{"type":48,"value":18},{"type":48,"value":723},{"type":43,"tag":72,"props":3591,"children":3593},{"className":3592},[],[3594],{"type":48,"value":1694},{"type":48,"value":79},{"type":43,"tag":72,"props":3597,"children":3599},{"className":3598},[],[3600],{"type":48,"value":1701},{"type":48,"value":1703},{"type":43,"tag":72,"props":3603,"children":3605},{"className":3604},[],[3606],{"type":48,"value":1709},{"type":48,"value":723},{"type":43,"tag":72,"props":3609,"children":3611},{"className":3610},[],[3612],{"type":48,"value":3613},"\u003CGif>",{"type":48,"value":3615},", and more) support the following props:",{"type":43,"tag":3617,"props":3618,"children":3620},"h3",{"id":3619},"from",[3621],{"type":48,"value":3619},{"type":43,"tag":135,"props":3623,"children":3625},{"className":137,"code":3624,"language":139,"meta":140,"style":140},"\u003CImg from={1 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CVideo from={1 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CInteractive.Div from={1 * fps} {\u002F* ... *\u002F}\u002F>\n",[3626],{"type":43,"tag":72,"props":3627,"children":3628},{"__ignoreMap":140},[3629,3677,3720],{"type":43,"tag":146,"props":3630,"children":3631},{"class":148,"line":149},[3632,3637,3642,3646,3650,3654,3658,3662,3667,3672],{"type":43,"tag":146,"props":3633,"children":3634},{"style":159},[3635],{"type":48,"value":3636},"\u003C",{"type":43,"tag":146,"props":3638,"children":3639},{"style":344},[3640],{"type":48,"value":3641},"Img",{"type":43,"tag":146,"props":3643,"children":3644},{"style":248},[3645],{"type":48,"value":206},{"type":43,"tag":146,"props":3647,"children":3648},{"style":159},[3649],{"type":48,"value":1943},{"type":43,"tag":146,"props":3651,"children":3652},{"style":423},[3653],{"type":48,"value":2766},{"type":43,"tag":146,"props":3655,"children":3656},{"style":159},[3657],{"type":48,"value":440},{"type":43,"tag":146,"props":3659,"children":3660},{"style":165},[3661],{"type":48,"value":2775},{"type":43,"tag":146,"props":3663,"children":3664},{"style":159},[3665],{"type":48,"value":3666},"} {",{"type":43,"tag":146,"props":3668,"children":3669},{"style":758},[3670],{"type":48,"value":3671},"\u002F* ... *\u002F",{"type":43,"tag":146,"props":3673,"children":3674},{"style":159},[3675],{"type":48,"value":3676},"}\u002F>\n",{"type":43,"tag":146,"props":3678,"children":3679},{"class":148,"line":229},[3680,3684,3688,3692,3696,3700,3704,3708,3712,3716],{"type":43,"tag":146,"props":3681,"children":3682},{"style":159},[3683],{"type":48,"value":3636},{"type":43,"tag":146,"props":3685,"children":3686},{"style":344},[3687],{"type":48,"value":23},{"type":43,"tag":146,"props":3689,"children":3690},{"style":248},[3691],{"type":48,"value":206},{"type":43,"tag":146,"props":3693,"children":3694},{"style":159},[3695],{"type":48,"value":1943},{"type":43,"tag":146,"props":3697,"children":3698},{"style":423},[3699],{"type":48,"value":2766},{"type":43,"tag":146,"props":3701,"children":3702},{"style":159},[3703],{"type":48,"value":440},{"type":43,"tag":146,"props":3705,"children":3706},{"style":165},[3707],{"type":48,"value":2775},{"type":43,"tag":146,"props":3709,"children":3710},{"style":159},[3711],{"type":48,"value":3666},{"type":43,"tag":146,"props":3713,"children":3714},{"style":758},[3715],{"type":48,"value":3671},{"type":43,"tag":146,"props":3717,"children":3718},{"style":159},[3719],{"type":48,"value":3676},{"type":43,"tag":146,"props":3721,"children":3722},{"class":148,"line":239},[3723,3727,3731,3735,3739,3743,3747,3751,3755,3759],{"type":43,"tag":146,"props":3724,"children":3725},{"style":159},[3726],{"type":48,"value":3636},{"type":43,"tag":146,"props":3728,"children":3729},{"style":344},[3730],{"type":48,"value":668},{"type":43,"tag":146,"props":3732,"children":3733},{"style":248},[3734],{"type":48,"value":206},{"type":43,"tag":146,"props":3736,"children":3737},{"style":159},[3738],{"type":48,"value":1943},{"type":43,"tag":146,"props":3740,"children":3741},{"style":423},[3742],{"type":48,"value":2766},{"type":43,"tag":146,"props":3744,"children":3745},{"style":159},[3746],{"type":48,"value":440},{"type":43,"tag":146,"props":3748,"children":3749},{"style":165},[3750],{"type":48,"value":2775},{"type":43,"tag":146,"props":3752,"children":3753},{"style":159},[3754],{"type":48,"value":3666},{"type":43,"tag":146,"props":3756,"children":3757},{"style":758},[3758],{"type":48,"value":3671},{"type":43,"tag":146,"props":3760,"children":3761},{"style":159},[3762],{"type":48,"value":3676},{"type":43,"tag":44,"props":3764,"children":3765},{},[3766],{"type":48,"value":3767},"When the element starts appearing in the timelien.",{"type":43,"tag":3617,"props":3769,"children":3771},{"id":3770},"durationinframes",[3772],{"type":48,"value":3773},"durationInFrames",{"type":43,"tag":135,"props":3775,"children":3777},{"className":137,"code":3776,"language":139,"meta":140,"style":140},"\u003CImg durationInFrames={20 * fps} {\u002F* ... *\u002F}\u002F>\n\u003CInteractive.Div durationInFrames={20 * fps} {\u002F* ... *\u002F}\u002F>\n",[3778],{"type":43,"tag":72,"props":3779,"children":3780},{"__ignoreMap":140},[3781,3826],{"type":43,"tag":146,"props":3782,"children":3783},{"class":148,"line":149},[3784,3788,3792,3797,3801,3806,3810,3814,3818,3822],{"type":43,"tag":146,"props":3785,"children":3786},{"style":159},[3787],{"type":48,"value":3636},{"type":43,"tag":146,"props":3789,"children":3790},{"style":344},[3791],{"type":48,"value":3641},{"type":43,"tag":146,"props":3793,"children":3794},{"style":248},[3795],{"type":48,"value":3796}," durationInFrames",{"type":43,"tag":146,"props":3798,"children":3799},{"style":159},[3800],{"type":48,"value":1943},{"type":43,"tag":146,"props":3802,"children":3803},{"style":423},[3804],{"type":48,"value":3805},"20",{"type":43,"tag":146,"props":3807,"children":3808},{"style":159},[3809],{"type":48,"value":440},{"type":43,"tag":146,"props":3811,"children":3812},{"style":165},[3813],{"type":48,"value":2775},{"type":43,"tag":146,"props":3815,"children":3816},{"style":159},[3817],{"type":48,"value":3666},{"type":43,"tag":146,"props":3819,"children":3820},{"style":758},[3821],{"type":48,"value":3671},{"type":43,"tag":146,"props":3823,"children":3824},{"style":159},[3825],{"type":48,"value":3676},{"type":43,"tag":146,"props":3827,"children":3828},{"class":148,"line":229},[3829,3833,3837,3841,3845,3849,3853,3857,3861,3865],{"type":43,"tag":146,"props":3830,"children":3831},{"style":159},[3832],{"type":48,"value":3636},{"type":43,"tag":146,"props":3834,"children":3835},{"style":344},[3836],{"type":48,"value":668},{"type":43,"tag":146,"props":3838,"children":3839},{"style":248},[3840],{"type":48,"value":3796},{"type":43,"tag":146,"props":3842,"children":3843},{"style":159},[3844],{"type":48,"value":1943},{"type":43,"tag":146,"props":3846,"children":3847},{"style":423},[3848],{"type":48,"value":3805},{"type":43,"tag":146,"props":3850,"children":3851},{"style":159},[3852],{"type":48,"value":440},{"type":43,"tag":146,"props":3854,"children":3855},{"style":165},[3856],{"type":48,"value":2775},{"type":43,"tag":146,"props":3858,"children":3859},{"style":159},[3860],{"type":48,"value":3666},{"type":43,"tag":146,"props":3862,"children":3863},{"style":758},[3864],{"type":48,"value":3671},{"type":43,"tag":146,"props":3866,"children":3867},{"style":159},[3868],{"type":48,"value":3676},{"type":43,"tag":44,"props":3870,"children":3871},{},[3872,3874],{"type":48,"value":3873},"For how long the layer plays in the timeline.\nFor media, pass the natural duration of the media: ",{"type":43,"tag":72,"props":3875,"children":3877},{"className":3876},[],[3878],{"type":48,"value":3879},"\u003CVideo durationInFrames={29.322 * fps}\u002F>",{"type":43,"tag":3617,"props":3881,"children":3883},{"id":3882},"trimbefore",[3884],{"type":43,"tag":72,"props":3885,"children":3887},{"className":3886},[],[3888],{"type":48,"value":3889},"trimBefore",{"type":43,"tag":44,"props":3891,"children":3892},{},[3893],{"type":48,"value":3894},"Useful for components whose internal clock should start later:",{"type":43,"tag":135,"props":3896,"children":3898},{"className":137,"code":3897,"language":139,"meta":140,"style":140},"\u002F\u002F Trim away first 2 seconds of footage\n\u003CVideo trimBefore={2 * fps} {\u002F* ... *\u002F} \u002F>\n\n\u002F\u002F `useCurrenFrame()` for children starts at `10 * fps`\n\u003CSequence trimBefore={10 * fps} {\u002F* ... *\u002F} \u002F>\n",[3899],{"type":43,"tag":72,"props":3900,"children":3901},{"__ignoreMap":140},[3902,3910,3954,3961,3969],{"type":43,"tag":146,"props":3903,"children":3904},{"class":148,"line":149},[3905],{"type":43,"tag":146,"props":3906,"children":3907},{"style":758},[3908],{"type":48,"value":3909},"\u002F\u002F Trim away first 2 seconds of footage\n",{"type":43,"tag":146,"props":3911,"children":3912},{"class":148,"line":229},[3913,3917,3921,3926,3930,3934,3938,3942,3946,3950],{"type":43,"tag":146,"props":3914,"children":3915},{"style":159},[3916],{"type":48,"value":3636},{"type":43,"tag":146,"props":3918,"children":3919},{"style":344},[3920],{"type":48,"value":23},{"type":43,"tag":146,"props":3922,"children":3923},{"style":248},[3924],{"type":48,"value":3925}," trimBefore",{"type":43,"tag":146,"props":3927,"children":3928},{"style":159},[3929],{"type":48,"value":1943},{"type":43,"tag":146,"props":3931,"children":3932},{"style":423},[3933],{"type":48,"value":3107},{"type":43,"tag":146,"props":3935,"children":3936},{"style":159},[3937],{"type":48,"value":440},{"type":43,"tag":146,"props":3939,"children":3940},{"style":165},[3941],{"type":48,"value":2775},{"type":43,"tag":146,"props":3943,"children":3944},{"style":159},[3945],{"type":48,"value":3666},{"type":43,"tag":146,"props":3947,"children":3948},{"style":758},[3949],{"type":48,"value":3671},{"type":43,"tag":146,"props":3951,"children":3952},{"style":159},[3953],{"type":48,"value":2052},{"type":43,"tag":146,"props":3955,"children":3956},{"class":148,"line":239},[3957],{"type":43,"tag":146,"props":3958,"children":3959},{"emptyLinePlaceholder":233},[3960],{"type":48,"value":236},{"type":43,"tag":146,"props":3962,"children":3963},{"class":148,"line":279},[3964],{"type":43,"tag":146,"props":3965,"children":3966},{"style":758},[3967],{"type":48,"value":3968},"\u002F\u002F `useCurrenFrame()` for children starts at `10 * fps`\n",{"type":43,"tag":146,"props":3970,"children":3971},{"class":148,"line":313},[3972,3976,3981,3985,3989,3994,3998,4002,4006,4010],{"type":43,"tag":146,"props":3973,"children":3974},{"style":159},[3975],{"type":48,"value":3636},{"type":43,"tag":146,"props":3977,"children":3978},{"style":344},[3979],{"type":48,"value":3980},"Sequence",{"type":43,"tag":146,"props":3982,"children":3983},{"style":248},[3984],{"type":48,"value":3925},{"type":43,"tag":146,"props":3986,"children":3987},{"style":159},[3988],{"type":48,"value":1943},{"type":43,"tag":146,"props":3990,"children":3991},{"style":423},[3992],{"type":48,"value":3993},"10",{"type":43,"tag":146,"props":3995,"children":3996},{"style":159},[3997],{"type":48,"value":440},{"type":43,"tag":146,"props":3999,"children":4000},{"style":165},[4001],{"type":48,"value":2775},{"type":43,"tag":146,"props":4003,"children":4004},{"style":159},[4005],{"type":48,"value":3666},{"type":43,"tag":146,"props":4007,"children":4008},{"style":758},[4009],{"type":48,"value":3671},{"type":43,"tag":146,"props":4011,"children":4012},{"style":159},[4013],{"type":48,"value":2052},{"type":43,"tag":3617,"props":4015,"children":4017},{"id":4016},"fallback",[4018],{"type":48,"value":4019},"Fallback",{"type":43,"tag":44,"props":4021,"children":4022},{},[4023,4025,4030,4031,4036],{"type":48,"value":4024},"If a component does not support these props, wrap it in",{"type":43,"tag":72,"props":4026,"children":4028},{"className":4027},[],[4029],{"type":48,"value":3582},{"type":48,"value":1703},{"type":43,"tag":72,"props":4032,"children":4034},{"className":4033},[],[4035],{"type":48,"value":18},{"type":48,"value":4037},", which has them.",{"type":43,"tag":4039,"props":4040,"children":4041},"ul",{},[4042,4054],{"type":43,"tag":4043,"props":4044,"children":4045},"li",{},[4046,4052],{"type":43,"tag":72,"props":4047,"children":4049},{"className":4048},[],[4050],{"type":48,"value":4051},"layout=\"absolute-fill\"",{"type":48,"value":4053}," makes the Sequence behave like AbsoluteFill",{"type":43,"tag":4043,"props":4055,"children":4056},{},[4057,4063],{"type":43,"tag":72,"props":4058,"children":4060},{"className":4059},[],[4061],{"type":48,"value":4062},"layout=\"none\"",{"type":48,"value":4064}," is \"headless\" mode, no wrapper element is used.",{"type":43,"tag":60,"props":4066,"children":4068},{"id":4067},"maps",[4069],{"type":48,"value":4070},"Maps",{"type":43,"tag":44,"props":4072,"children":4073},{},[4074,4076,4082],{"type":48,"value":4075},"See ",{"type":43,"tag":51,"props":4077,"children":4079},{"href":4078},".\u002Fremotion-maps\u002FREFERENCE.md",[4080],{"type":48,"value":4081},"Remotion Maps",{"type":48,"value":4083}," if wanting to include maps in the video.",{"type":43,"tag":60,"props":4085,"children":4087},{"id":4086},"text-highlights-and-annotations",[4088],{"type":48,"value":4089},"Text highlights and annotations",{"type":43,"tag":44,"props":4091,"children":4092},{},[4093,4094,4099],{"type":48,"value":4075},{"type":43,"tag":51,"props":4095,"children":4097},{"href":4096},"text-highlights.md",[4098],{"type":48,"value":4096},{"type":48,"value":4100}," for text highlights (highlight markers), circles, underlines, strike-throughs, crossed-off text, boxes.",{"type":43,"tag":60,"props":4102,"children":4104},{"id":4103},"multi-scene-videos",[4105],{"type":48,"value":4106},"Multi-scene videos",{"type":43,"tag":44,"props":4108,"children":4109},{},[4110,4111,4116],{"type":48,"value":4075},{"type":43,"tag":51,"props":4112,"children":4114},{"href":4113},"multi-scene-video.md",[4115],{"type":48,"value":4113},{"type":48,"value":4117}," if planning to make a video with multiple subsequent scenes.",{"type":43,"tag":60,"props":4119,"children":4121},{"id":4120},"voiceover",[4122],{"type":48,"value":4123},"Voiceover",{"type":43,"tag":44,"props":4125,"children":4126},{},[4127,4128,4133],{"type":48,"value":4075},{"type":43,"tag":51,"props":4129,"children":4131},{"href":4130},"voiceover.md",[4132],{"type":48,"value":4130},{"type":48,"value":4134}," for adding an AI-generated voiceover to Remotion compositions using ElevenLabs TTS.",{"type":43,"tag":60,"props":4136,"children":4138},{"id":4137},"embedding-videos",[4139],{"type":48,"value":4140},"Embedding Videos",{"type":43,"tag":44,"props":4142,"children":4143},{},[4144,4145,4150],{"type":48,"value":4075},{"type":43,"tag":51,"props":4146,"children":4148},{"href":4147},"embedding-videos.md",[4149],{"type":48,"value":4147},{"type":48,"value":4151}," for advanced knowledge about embedding videos - trimming, volume, speed, looping, pitch.",{"type":43,"tag":60,"props":4153,"children":4155},{"id":4154},"embedding-audio",[4156],{"type":48,"value":4157},"Embedding Audio",{"type":43,"tag":44,"props":4159,"children":4160},{},[4161,4162,4167],{"type":48,"value":4075},{"type":43,"tag":51,"props":4163,"children":4165},{"href":4164},"audio.md",[4166],{"type":48,"value":4164},{"type":48,"value":4168}," for advanced audio features like trimming, volume, speed, pitch.",{"type":43,"tag":60,"props":4170,"children":4172},{"id":4171},"video-editing",[4173],{"type":48,"value":4174},"Video editing",{"type":43,"tag":44,"props":4176,"children":4177},{},[4178,4179,4184],{"type":48,"value":4075},{"type":43,"tag":51,"props":4180,"children":4182},{"href":4181},"video-editing.md",[4183],{"type":48,"value":4181},{"type":48,"value":4185}," for structuring editable video timelines in Remotion Studio.",{"type":43,"tag":60,"props":4187,"children":4189},{"id":4188},"cropping",[4190],{"type":48,"value":4191},"Cropping",{"type":43,"tag":44,"props":4193,"children":4194},{},[4195,4196,4201],{"type":48,"value":4075},{"type":43,"tag":51,"props":4197,"children":4199},{"href":4198},"cropping.md",[4200],{"type":48,"value":4198},{"type":48,"value":4202}," if needing to crop the visible rectangle of a component.",{"type":43,"tag":60,"props":4204,"children":4206},{"id":4205},"transitions",[4207],{"type":48,"value":4208},"Transitions",{"type":43,"tag":44,"props":4210,"children":4211},{},[4212,4213,4218],{"type":48,"value":4075},{"type":43,"tag":51,"props":4214,"children":4216},{"href":4215},"transitions.md",[4217],{"type":48,"value":4215},{"type":48,"value":4219}," for scene transition patterns.",{"type":43,"tag":60,"props":4221,"children":4223},{"id":4222},"visual-and-pixel-effects",[4224],{"type":48,"value":4225},"Visual and pixel effects",{"type":43,"tag":44,"props":4227,"children":4228},{},[4229],{"type":48,"value":4230},"When creating a visual effect, consider whether it is feasible using CSS and HTML, or whether a shader is needed.\nOrder or preference:",{"type":43,"tag":4232,"props":4233,"children":4234},"ol",{},[4235,4240],{"type":43,"tag":4043,"props":4236,"children":4237},{},[4238],{"type":48,"value":4239},"Regular HTML + CSS or other web techniques",{"type":43,"tag":4043,"props":4241,"children":4242},{},[4243,4245,4250,4251,4256,4258,4267,4269,4275],{"type":48,"value":4244},"An effect applied to the element directly (",{"type":43,"tag":72,"props":4246,"children":4248},{"className":4247},[],[4249],{"type":48,"value":1694},{"type":48,"value":723},{"type":43,"tag":72,"props":4252,"children":4254},{"className":4253},[],[4255],{"type":48,"value":3549},{"type":48,"value":4257},"), or by wrapping the content in ",{"type":43,"tag":51,"props":4259,"children":4261},{"href":4260},"html-in-canvas.md",[4262],{"type":43,"tag":72,"props":4263,"children":4265},{"className":4264},[],[4266],{"type":48,"value":3568},{"type":48,"value":4268},", which also accepts ",{"type":43,"tag":72,"props":4270,"children":4272},{"className":4271},[],[4273],{"type":48,"value":4274},"effects",{"type":48,"value":402},{"type":43,"tag":4039,"props":4277,"children":4278},{},[4279,4289],{"type":43,"tag":4043,"props":4280,"children":4281},{},[4282,4284],{"type":48,"value":4283},"A listed effect via ",{"type":43,"tag":51,"props":4285,"children":4287},{"href":4286},"effects.md",[4288],{"type":48,"value":4286},{"type":43,"tag":4043,"props":4290,"children":4291},{},[4292,4294,4300,4302,4306],{"type":48,"value":4293},"A custom ",{"type":43,"tag":72,"props":4295,"children":4297},{"className":4296},[],[4298],{"type":48,"value":4299},"createEffect()",{"type":48,"value":4301}," via ",{"type":43,"tag":51,"props":4303,"children":4304},{"href":4286},[4305],{"type":48,"value":4286},{"type":48,"value":4307}," when no preset is available.",{"type":43,"tag":60,"props":4309,"children":4311},{"id":4310},"_3d-content",[4312],{"type":48,"value":4313},"3D content",{"type":43,"tag":44,"props":4315,"children":4316},{},[4317,4318,4323],{"type":48,"value":4075},{"type":43,"tag":51,"props":4319,"children":4321},{"href":4320},".\u002F3d.md",[4322],{"type":48,"value":4320},{"type":48,"value":4324}," for 3D content in Remotion using Three.js and React Three Fiber.",{"type":43,"tag":60,"props":4326,"children":4328},{"id":4327},"sound-effects",[4329],{"type":48,"value":4330},"Sound effects",{"type":43,"tag":44,"props":4332,"children":4333},{},[4334,4336,4341],{"type":48,"value":4335},"When needing to use sound effects, load the ",{"type":43,"tag":51,"props":4337,"children":4339},{"href":4338},".\u002Fsfx.md",[4340],{"type":48,"value":4338},{"type":48,"value":4342}," file for more information.",{"type":43,"tag":60,"props":4344,"children":4346},{"id":4345},"audio-visualization",[4347],{"type":48,"value":4348},"Audio visualization",{"type":43,"tag":44,"props":4350,"children":4351},{},[4352,4354,4359],{"type":48,"value":4353},"When needing to visualize audio (spectrum bars, waveforms, bass-reactive effects), load the ",{"type":43,"tag":51,"props":4355,"children":4357},{"href":4356},".\u002Faudio-visualization.md",[4358],{"type":48,"value":4356},{"type":48,"value":4342},{"type":43,"tag":60,"props":4361,"children":4363},{"id":4362},"maps-1",[4364],{"type":48,"value":4070},{"type":43,"tag":44,"props":4366,"children":4367},{},[4368,4370,4374],{"type":48,"value":4369},"For static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load ",{"type":43,"tag":51,"props":4371,"children":4372},{"href":4078},[4373],{"type":48,"value":4081},{"type":48,"value":561},{"type":43,"tag":60,"props":4376,"children":4378},{"id":4377},"captions",[4379],{"type":48,"value":4380},"Captions",{"type":43,"tag":44,"props":4382,"children":4383},{},[4384,4386,4392],{"type":48,"value":4385},"When dealing with captions or subtitles, load the ",{"type":43,"tag":51,"props":4387,"children":4389},{"href":4388},"..\u002Fremotion-captions\u002FSKILL.md",[4390],{"type":48,"value":4391},"Remotion Captions",{"type":48,"value":4393}," skill for more information.",{"type":43,"tag":60,"props":4395,"children":4397},{"id":4396},"google-fonts",[4398],{"type":48,"value":4399},"Google Fonts",{"type":43,"tag":44,"props":4401,"children":4402},{},[4403,4405,4410],{"type":48,"value":4404},"Is the recommended way to load fonts in Remotion. See ",{"type":43,"tag":51,"props":4406,"children":4408},{"href":4407},"google-fonts.md",[4409],{"type":48,"value":4407},{"type":48,"value":4411}," for how to load Google Fonts.",{"type":43,"tag":60,"props":4413,"children":4415},{"id":4414},"local-fonts",[4416],{"type":48,"value":4417},"Local fonts",{"type":43,"tag":44,"props":4419,"children":4420},{},[4421,4422,4427],{"type":48,"value":4075},{"type":43,"tag":51,"props":4423,"children":4425},{"href":4424},"local-fonts.md",[4426],{"type":48,"value":4424},{"type":48,"value":4428}," for how to load local fonts.",{"type":43,"tag":60,"props":4430,"children":4432},{"id":4431},"gifs",[4433],{"type":48,"value":4434},"GIFs",{"type":43,"tag":44,"props":4436,"children":4437},{},[4438,4439,4444],{"type":48,"value":4075},{"type":43,"tag":51,"props":4440,"children":4442},{"href":4441},"gifs.md",[4443],{"type":48,"value":4441},{"type":48,"value":4445}," for how to display GIFs synchronized with Remotion's timeline.",{"type":43,"tag":60,"props":4447,"children":4449},{"id":4448},"advanced-images",[4450],{"type":48,"value":4451},"Advanced Images",{"type":43,"tag":44,"props":4453,"children":4454},{},[4455,4456,4461],{"type":48,"value":4075},{"type":43,"tag":51,"props":4457,"children":4459},{"href":4458},"images.md",[4460],{"type":48,"value":4458},{"type":48,"value":4462}," for sizing and positioning images, dynamic image paths, and getting image dimensions.",{"type":43,"tag":60,"props":4464,"children":4466},{"id":4465},"lottie-animations",[4467],{"type":48,"value":4468},"Lottie animations",{"type":43,"tag":44,"props":4470,"children":4471},{},[4472,4473,4478],{"type":48,"value":4075},{"type":43,"tag":51,"props":4474,"children":4476},{"href":4475},"lottie.md",[4477],{"type":48,"value":4475},{"type":48,"value":4479}," for embedding Lottie animations in Remotion.",{"type":43,"tag":60,"props":4481,"children":4483},{"id":4482},"timing",[4484],{"type":48,"value":4485},"Timing",{"type":43,"tag":44,"props":4487,"children":4488},{},[4489,4490,4495,4497,4502],{"type":48,"value":4075},{"type":43,"tag":51,"props":4491,"children":4493},{"href":4492},"timing.md",[4494],{"type":48,"value":4492},{"type":48,"value":4496}," for more timing techniques for ",{"type":43,"tag":72,"props":4498,"children":4500},{"className":4499},[],[4501],{"type":48,"value":85},{"type":48,"value":561},{"type":43,"tag":60,"props":4504,"children":4506},{"id":4505},"parameterized-videos",[4507],{"type":48,"value":4508},"Parameterized videos",{"type":43,"tag":44,"props":4510,"children":4511},{},[4512,4513,4518],{"type":48,"value":4075},{"type":43,"tag":51,"props":4514,"children":4516},{"href":4515},"parameters.md",[4517],{"type":48,"value":4515},{"type":48,"value":4519}," for making a composition parametrizable by adding a Zod schema.",{"type":43,"tag":60,"props":4521,"children":4523},{"id":4522},"measuring-dom-nodes",[4524],{"type":48,"value":4525},"Measuring DOM nodes",{"type":43,"tag":44,"props":4527,"children":4528},{},[4529,4530,4535],{"type":48,"value":4075},{"type":43,"tag":51,"props":4531,"children":4533},{"href":4532},"measuring-dom-nodes.md",[4534],{"type":48,"value":4532},{"type":48,"value":4536}," for measuring DOM element dimensions in Remotion.",{"type":43,"tag":60,"props":4538,"children":4540},{"id":4539},"measuring-text",[4541],{"type":48,"value":4542},"Measuring text",{"type":43,"tag":44,"props":4544,"children":4545},{},[4546,4547,4552],{"type":48,"value":4075},{"type":43,"tag":51,"props":4548,"children":4550},{"href":4549},"measuring-text.md",[4551],{"type":48,"value":4549},{"type":48,"value":4553}," for measuring text dimensions, fitting text to containers, and checking overflow.",{"type":43,"tag":60,"props":4555,"children":4557},{"id":4556},"using-ffmpeg",[4558],{"type":48,"value":4559},"Using FFmpeg",{"type":43,"tag":44,"props":4561,"children":4562},{},[4563,4565,4570],{"type":48,"value":4564},"For some video operations, such as trimming videos or detecting silence, FFmpeg should be used. Load the ",{"type":43,"tag":51,"props":4566,"children":4568},{"href":4567},".\u002Fffmpeg.md",[4569],{"type":48,"value":4567},{"type":48,"value":4342},{"type":43,"tag":60,"props":4572,"children":4574},{"id":4573},"silence-detection",[4575],{"type":48,"value":4576},"Silence detection",{"type":43,"tag":44,"props":4578,"children":4579},{},[4580,4582,4587],{"type":48,"value":4581},"When needing to detect and trim silent segments from video or audio files, load the ",{"type":43,"tag":51,"props":4583,"children":4585},{"href":4584},".\u002Fsilence-detection.md",[4586],{"type":48,"value":4584},{"type":48,"value":4588}," file.",{"type":43,"tag":60,"props":4590,"children":4592},{"id":4591},"dynamic-duration-dimensions-and-data",[4593],{"type":48,"value":4594},"Dynamic duration, dimensions and data",{"type":43,"tag":44,"props":4596,"children":4597},{},[4598,4599,4604],{"type":48,"value":4075},{"type":43,"tag":51,"props":4600,"children":4602},{"href":4601},"calculate-metadata.md",[4603],{"type":48,"value":4601},{"type":48,"value":4605}," for dynamically set composition duration, dimensions, and props.",{"type":43,"tag":60,"props":4607,"children":4609},{"id":4608},"advanced-compositions",[4610],{"type":48,"value":4611},"Advanced compositions",{"type":43,"tag":44,"props":4613,"children":4614},{},[4615,4616,4621],{"type":48,"value":4075},{"type":43,"tag":51,"props":4617,"children":4619},{"href":4618},"compositions.md",[4620],{"type":48,"value":4618},{"type":48,"value":4622}," for how to define stills, folders, default props and for how to nest compositions.",{"type":43,"tag":60,"props":4624,"children":4626},{"id":4625},"advanced-sequencing",[4627],{"type":48,"value":4628},"Advanced sequencing",{"type":43,"tag":44,"props":4630,"children":4631},{},[4632,4633,4638],{"type":48,"value":4075},{"type":43,"tag":51,"props":4634,"children":4636},{"href":4635},"sequencing.md",[4637],{"type":48,"value":4635},{"type":48,"value":4639}," for more sequencing patterns - delay, trim, limit duration of items.",{"type":43,"tag":60,"props":4641,"children":4643},{"id":4642},"install-modules",[4644],{"type":48,"value":4645},"Install modules",{"type":43,"tag":44,"props":4647,"children":4648},{},[4649,4650,4656],{"type":48,"value":107},{"type":43,"tag":72,"props":4651,"children":4653},{"className":4652},[],[4654],{"type":48,"value":4655},"npx remotion add",{"type":48,"value":4657}," to add new packages with the right version:",{"type":43,"tag":135,"props":4659,"children":4663},{"className":4660,"code":4662,"language":48},[4661],"language-text","npx remotion add @remotion\u002Fmedia\n",[4664],{"type":43,"tag":72,"props":4665,"children":4666},{"__ignoreMap":140},[4667],{"type":48,"value":4662},{"type":43,"tag":44,"props":4669,"children":4670},{},[4671,4673,4679,4681,4687,4688,4694,4696,4702],{"type":48,"value":4672},"This goes for ",{"type":43,"tag":72,"props":4674,"children":4676},{"className":4675},[],[4677],{"type":48,"value":4678},"@remotion\u002F*",{"type":48,"value":4680}," packages, ",{"type":43,"tag":72,"props":4682,"children":4684},{"className":4683},[],[4685],{"type":48,"value":4686},"mediabunny",{"type":48,"value":723},{"type":43,"tag":72,"props":4689,"children":4691},{"className":4690},[],[4692],{"type":48,"value":4693},"@mediabunny\u002F*",{"type":48,"value":4695},", and ",{"type":43,"tag":72,"props":4697,"children":4699},{"className":4698},[],[4700],{"type":48,"value":4701},"zod",{"type":48,"value":561},{"type":43,"tag":60,"props":4704,"children":4706},{"id":4705},"previewing-markup",[4707],{"type":48,"value":4708},"Previewing markup",{"type":43,"tag":135,"props":4710,"children":4713},{"className":4711,"code":4712,"language":48},[4661],"npx remotion studio --no-open\n",[4714],{"type":43,"tag":72,"props":4715,"children":4716},{"__ignoreMap":140},[4717],{"type":48,"value":4712},{"type":43,"tag":44,"props":4719,"children":4720},{},[4721,4723,4729,4731,4737],{"type":48,"value":4722},"This will start a long-running process and print the server URL for the preview.\nIf server is already started, it will print the URL.\nYou can visit a specific composition by navigating to ",{"type":43,"tag":72,"props":4724,"children":4726},{"className":4725},[],[4727],{"type":48,"value":4728},"\u002F[composition-id]",{"type":48,"value":4730},", for example ",{"type":43,"tag":72,"props":4732,"children":4734},{"className":4733},[],[4735],{"type":48,"value":4736},"http:\u002F\u002Flocalhost:3000\u002FMapAnimation",{"type":48,"value":561},{"type":43,"tag":60,"props":4739,"children":4741},{"id":4740},"optional-one-frame-render-check",[4742],{"type":48,"value":4743},"Optional: one-frame render check",{"type":43,"tag":44,"props":4745,"children":4746},{},[4747],{"type":48,"value":4748},"You can render a single frame with the CLI to sanity-check layout, colors, or timing.\nSkip it for trivial edits, pure refactors, or when you already have enough confidence from Studio or prior renders.",{"type":43,"tag":135,"props":4750,"children":4754},{"className":4751,"code":4752,"language":4753,"meta":140,"style":140},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx remotion still [composition-id] --scale=0.25 --frame=30\n","bash",[4755],{"type":43,"tag":72,"props":4756,"children":4757},{"__ignoreMap":140},[4758],{"type":43,"tag":146,"props":4759,"children":4760},{"class":148,"line":149},[4761,4766,4771,4776,4781,4785,4790,4795,4799],{"type":43,"tag":146,"props":4762,"children":4763},{"style":344},[4764],{"type":48,"value":4765},"npx",{"type":43,"tag":146,"props":4767,"children":4768},{"style":214},[4769],{"type":48,"value":4770}," remotion",{"type":43,"tag":146,"props":4772,"children":4773},{"style":214},[4774],{"type":48,"value":4775}," still",{"type":43,"tag":146,"props":4777,"children":4778},{"style":165},[4779],{"type":48,"value":4780}," [composition-id] --scale",{"type":43,"tag":146,"props":4782,"children":4783},{"style":159},[4784],{"type":48,"value":261},{"type":43,"tag":146,"props":4786,"children":4787},{"style":214},[4788],{"type":48,"value":4789},"0.25",{"type":43,"tag":146,"props":4791,"children":4792},{"style":165},[4793],{"type":48,"value":4794}," --frame",{"type":43,"tag":146,"props":4796,"children":4797},{"style":159},[4798],{"type":48,"value":261},{"type":43,"tag":146,"props":4800,"children":4801},{"style":214},[4802],{"type":48,"value":4803},"30\n",{"type":43,"tag":44,"props":4805,"children":4806},{},[4807,4809,4815,4817,4823],{"type":48,"value":4808},"At 30 fps, ",{"type":43,"tag":72,"props":4810,"children":4812},{"className":4811},[],[4813],{"type":48,"value":4814},"--frame=30",{"type":48,"value":4816}," is the one-second mark (",{"type":43,"tag":72,"props":4818,"children":4820},{"className":4819},[],[4821],{"type":48,"value":4822},"--frame",{"type":48,"value":4824}," is zero-based).",{"type":43,"tag":713,"props":4826,"children":4827},{},[4828],{"type":48,"value":4829},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":4831,"total":5034},[4832,4853,4876,4893,4909,4928,4947,4963,4979,4993,5005,5018],{"slug":4833,"name":4833,"fn":4834,"description":4835,"org":4836,"tags":4837,"stars":4850,"repoUrl":4851,"updatedAt":4852},"prior-auth-packet-builder","build healthcare prior authorization packets","Build a concise prior authorization packet from local case files and payer policy docs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4838,4841,4844,4847],{"name":4839,"slug":4840,"type":15},"Documents","documents",{"name":4842,"slug":4843,"type":15},"Healthcare","healthcare",{"name":4845,"slug":4846,"type":15},"Insurance","insurance",{"name":4848,"slug":4849,"type":15},"Regulatory Compliance","regulatory-compliance",28169,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-agents-python","2026-08-02T05:48:07.395855",{"slug":4854,"name":4854,"fn":4855,"description":4856,"org":4857,"tags":4858,"stars":4873,"repoUrl":4874,"updatedAt":4875},"aspnet-core","build ASP.NET Core web applications","Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4859,4862,4864,4867,4870],{"name":4860,"slug":4861,"type":15},".NET","dotnet",{"name":4863,"slug":4854,"type":15},"ASP.NET Core",{"name":4865,"slug":4866,"type":15},"Blazor","blazor",{"name":4868,"slug":4869,"type":15},"C#","csharp",{"name":4871,"slug":4872,"type":15},"Web Development","web-development",23787,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fskills","2026-04-12T05:07:02.819491",{"slug":4877,"name":4877,"fn":4878,"description":4879,"org":4880,"tags":4881,"stars":4873,"repoUrl":4874,"updatedAt":4892},"chatgpt-apps","build ChatGPT Apps SDK applications","Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4882,4885,4888,4891],{"name":4883,"slug":4884,"type":15},"Apps SDK","apps-sdk",{"name":4886,"slug":4887,"type":15},"ChatGPT","chatgpt",{"name":4889,"slug":4890,"type":15},"MCP","mcp",{"name":9,"slug":8,"type":15},"2026-04-12T05:07:05.468097",{"slug":4894,"name":4894,"fn":4895,"description":4896,"org":4897,"tags":4898,"stars":4873,"repoUrl":4874,"updatedAt":4908},"cli-creator","build CLIs from API docs","Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read\u002Fwrite commands, return stable JSON, manage auth, and pair with a companion skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4899,4902,4905],{"name":4900,"slug":4901,"type":15},"API Development","api-development",{"name":4903,"slug":4904,"type":15},"CLI","cli",{"name":4906,"slug":4907,"type":15},"Codex","codex","2026-04-12T05:07:04.132762",{"slug":4910,"name":4910,"fn":4911,"description":4912,"org":4913,"tags":4914,"stars":4873,"repoUrl":4874,"updatedAt":4927},"cloudflare-deploy","deploy projects to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4915,4918,4921,4924],{"name":4916,"slug":4917,"type":15},"Cloudflare","cloudflare",{"name":4919,"slug":4920,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":4922,"slug":4923,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":4925,"slug":4926,"type":15},"Deployment","deployment","2026-04-12T05:07:14.275118",{"slug":4929,"name":4929,"fn":4930,"description":4931,"org":4932,"tags":4933,"stars":4873,"repoUrl":4874,"updatedAt":4946},"define-goal","define and set measurable project goals","Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4934,4937,4940,4943],{"name":4935,"slug":4936,"type":15},"Productivity","productivity",{"name":4938,"slug":4939,"type":15},"Project Management","project-management",{"name":4941,"slug":4942,"type":15},"Strategy","strategy",{"name":4944,"slug":4945,"type":15},"Task Management","task-management","2026-05-23T06:17:16.870838",{"slug":4948,"name":4948,"fn":4949,"description":4950,"org":4951,"tags":4952,"stars":4873,"repoUrl":4874,"updatedAt":4962},"figma","translate Figma designs into code","Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4953,4956,4958,4961],{"name":4954,"slug":4955,"type":15},"Design","design",{"name":4957,"slug":4948,"type":15},"Figma",{"name":4959,"slug":4960,"type":15},"Frontend","frontend",{"name":4889,"slug":4890,"type":15},"2026-04-12T05:06:47.939943",{"slug":4964,"name":4964,"fn":4965,"description":4966,"org":4967,"tags":4968,"stars":4873,"repoUrl":4874,"updatedAt":4978},"figma-code-connect-components","connect Figma designs to code components","Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4969,4970,4973,4974,4975],{"name":4954,"slug":4955,"type":15},{"name":4971,"slug":4972,"type":15},"Design System","design-system",{"name":4957,"slug":4948,"type":15},{"name":4959,"slug":4960,"type":15},{"name":4976,"slug":4977,"type":15},"UI Components","ui-components","2026-05-10T05:59:52.971881",{"slug":4980,"name":4980,"fn":4981,"description":4982,"org":4983,"tags":4984,"stars":4873,"repoUrl":4874,"updatedAt":4992},"figma-create-design-system-rules","generate design system rules from Figma","Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up design rules\", \"customize design system guidelines\", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4985,4986,4987,4990,4991],{"name":4954,"slug":4955,"type":15},{"name":4971,"slug":4972,"type":15},{"name":4988,"slug":4989,"type":15},"Documentation","documentation",{"name":4957,"slug":4948,"type":15},{"name":4959,"slug":4960,"type":15},"2026-05-16T06:07:47.821474",{"slug":4994,"name":4994,"fn":4995,"description":4996,"org":4997,"tags":4998,"stars":4873,"repoUrl":4874,"updatedAt":5004},"figma-implement-design","translate Figma designs into application code","Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions \"implement design\", \"generate code\", \"implement component\", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4999,5000,5001,5002,5003],{"name":4954,"slug":4955,"type":15},{"name":4957,"slug":4948,"type":15},{"name":4959,"slug":4960,"type":15},{"name":4976,"slug":4977,"type":15},{"name":4871,"slug":4872,"type":15},"2026-05-16T06:07:40.583615",{"slug":5006,"name":5006,"fn":5007,"description":5008,"org":5009,"tags":5010,"stars":4873,"repoUrl":4874,"updatedAt":5017},"hatch-pet","create animated pets for Codex","Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual references. Use when a user wants a lightweight-worker Codex pet workflow, a non-pixel custom pet style, a prospect or company mascot pet, or a full 8x9 animated pet atlas with transparent unused cells, QA contact sheets, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5011,5012,5013,5016],{"name":20,"slug":21,"type":15},{"name":4906,"slug":4907,"type":15},{"name":5014,"slug":5015,"type":15},"Creative","creative",{"name":4954,"slug":4955,"type":15},"2026-05-02T05:31:48.48485",{"slug":5019,"name":5019,"fn":5020,"description":5021,"org":5022,"tags":5023,"stars":4873,"repoUrl":4874,"updatedAt":5033},"imagegen","generate and edit raster images","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5024,5025,5026,5029,5032],{"name":5014,"slug":5015,"type":15},{"name":4954,"slug":4955,"type":15},{"name":5027,"slug":5028,"type":15},"Image Generation","image-generation",{"name":5030,"slug":5031,"type":15},"Images","images",{"name":9,"slug":8,"type":15},"2026-05-15T06:23:24.312127",578,{"items":5036,"total":5130},[5037,5054,5068,5080,5095,5108,5118],{"slug":5038,"name":5038,"fn":5039,"description":5040,"org":5041,"tags":5042,"stars":25,"repoUrl":26,"updatedAt":5053},"accessibility-and-inclusive-visualization","make data visualizations accessible","Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5043,5046,5049,5052],{"name":5044,"slug":5045,"type":15},"Accessibility","accessibility",{"name":5047,"slug":5048,"type":15},"Charts","charts",{"name":5050,"slug":5051,"type":15},"Data Visualization","data-visualization",{"name":4954,"slug":4955,"type":15},"2026-06-30T19:00:57.102",{"slug":5055,"name":5055,"fn":5056,"description":5057,"org":5058,"tags":5059,"stars":25,"repoUrl":26,"updatedAt":5067},"adobe-batch-edit-photos","apply consistent photo adjustments","Apply consistent photo adjustments across a set of images so they look like they were edited together. Use this skill whenever the user says \"make my photos look cohesive\", \"give all these the same style\", \"apply a warm and golden feel to all of these\", \"make this cinematic\", \"match the look across my photos\", \"edit all my travel photos the same way\", \"batch edit these\", \"make these consistent\", \"fix my phone photos\", or uploads a folder of photos and wants a unified, polished result. Also triggers for requests like \"apply a preset to all of these\", \"make these look professional\", or \"they were shot in mixed lighting — can you fix them all\". Outputs direct final image URLs plus an in-chat preview grid and optional Firefly Board link. Access: 🔐 Signed-In required | Gen AI: ❌\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5060,5061,5064],{"name":5014,"slug":5015,"type":15},{"name":5062,"slug":5063,"type":15},"Editing","editing",{"name":5065,"slug":5066,"type":15},"Imaging","imaging","2026-08-28T15:09:11.185865",{"slug":5069,"name":5069,"fn":5070,"description":5071,"org":5072,"tags":5073,"stars":25,"repoUrl":26,"updatedAt":5079},"adobe-create-mockups","create product and scene mockups","Use when a user wants to see their logo, design, or sketch on a product or scene mockup — mugs, t-shirts, business cards, hats, phone screens, posters, billboards, or similar. Triggers on \"create mockups\", \"show my logo on products\", or any logo upload with a request to visualize it on items. Access: 🔐 Signed-In required | Gen AI: ✅ Adobe Firefly via `image_generate` used for design creation, sketch polishing, and mockup scene generation\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5074,5075,5076],{"name":5014,"slug":5015,"type":15},{"name":4954,"slug":4955,"type":15},{"name":5077,"slug":5078,"type":15},"Graphics","graphics","2026-08-28T15:09:07.42507",{"slug":5081,"name":5081,"fn":5082,"description":5083,"org":5084,"tags":5085,"stars":25,"repoUrl":26,"updatedAt":5094},"adobe-create-social-variations","export platform-ready social media assets","Resize, crop, or export any image or video into platform-ready social media assets using Adobe Creative Cloud tools. Use this skill when a user wants to prepare a photo, image, or video for one or more social platforms — Instagram, TikTok, LinkedIn, Facebook, YouTube, Snapchat, Pinterest, Threads, or X\u002FTwitter. Triggers on: \"prepare my image for Instagram\", \"resize for TikTok\", \"get this ready to post\", \"make versions for all platforms\", \"social media sizes\", \"crop for stories\", \"export for LinkedIn\", \"resize my video for social\", \"make social media assets\", or any request to adapt a photo or video for specific platforms. Handles subject-aware cropping, AI canvas expansion, test previews before full runs, and same-ratio video resizing.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5086,5087,5088,5091],{"name":5014,"slug":5015,"type":15},{"name":5077,"slug":5078,"type":15},{"name":5089,"slug":5090,"type":15},"Marketing","marketing",{"name":5092,"slug":5093,"type":15},"Social Media","social-media","2026-08-28T15:10:07.282096",{"slug":5096,"name":5096,"fn":5097,"description":5098,"org":5099,"tags":5100,"stars":25,"repoUrl":26,"updatedAt":5107},"adobe-design-from-template","create visual designs from templates","Create any visual design using Adobe Express templates — flyers, posters, social media posts (Instagram, Facebook, LinkedIn), business cards, invitations, greeting cards, resumes, cover letters, brochures, newsletters, certificates, presentations, YouTube thumbnails, email headers, logos, menus, and labels. Use this skill whenever the user wants to make, design, or build any visual — even if they just say \"make me a flyer\", \"design a poster\", \"I need something for Instagram\", \"create an event invite\", or \"make a business card\". Also handles browsing templates, editing text, replacing images, changing backgrounds, animating, and exporting designs. Access: 🔐 Signed-In required | Gen AI: ❌ by default — image replacement only where the surface permits generative AI (e.g. Codex); none on Claude\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5101,5102,5103,5104],{"name":5014,"slug":5015,"type":15},{"name":4954,"slug":4955,"type":15},{"name":5077,"slug":5078,"type":15},{"name":5105,"slug":5106,"type":15},"Templates","templates","2026-08-28T15:10:03.050113",{"slug":5109,"name":5109,"fn":5110,"description":5111,"org":5112,"tags":5113,"stars":25,"repoUrl":26,"updatedAt":5117},"adobe-edit-quick-cut","create video sizzle reels","Create a punchy sizzle reel from a video using Adobe Quick Cut. Use this skill whenever a user wants to cut, trim, or shorten a video into highlights — including phrases like \"make a sizzle reel\", \"make a highlight reel\", \"quick cut this\", \"cut the best parts\", \"shorten this video\", \"make a highlight clip\", \"summarize this video visually\", or any request to produce a shorter edited version of a video. Use this skill for Quick Cut requests before suggesting manual editing in Premiere. Requires the user to upload a video file.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5114,5115,5116],{"name":5014,"slug":5015,"type":15},{"name":5062,"slug":5063,"type":15},{"name":23,"slug":24,"type":15},"2026-08-28T15:09:07.765245",{"slug":5119,"name":5119,"fn":5120,"description":5121,"org":5122,"tags":5123,"stars":25,"repoUrl":26,"updatedAt":5129},"adobe-retouch-portraits","batch retouch portrait photos","Bulk-retouch a folder of portrait photos using Adobe tools — designed for wedding photographers and event photographers who need fast, walk-away batch processing. Use this skill when the user says \"retouch my photos\", \"batch process these portraits\", \"process my wedding photos\", \"clean up this folder of images\", \"run my headshots through Adobe\", or uploads\u002Fselects a folder of photos and wants them polished and ready to review. Automatically applies auto-straighten, auto-tone, and auto-light to every image. Outputs a preview grid and download folder. Access: 🔐 Signed-In required | Gen AI: ❌ by default — optional background-only cleanup only where the surface permits generative AI (e.g. Codex); none on Claude\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5124,5125,5126],{"name":5014,"slug":5015,"type":15},{"name":5065,"slug":5066,"type":15},{"name":5127,"slug":5128,"type":15},"Photography","photography","2026-08-28T15:09:10.386974",499]