.motion-mount{pointer-events:none;z-index:0;height:780px;position:absolute;inset:-90px 0 auto}.remotion-host{width:100%;height:780px}.object-demo[data-renderer=remotion]>.flow-field,.object-demo[data-renderer=remotion]>.rail-stage{visibility:hidden}.motion-composition{font-family:var(--font-sans);color:var(--foreground);position:absolute;inset:0}.motion-field{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#0000,#000 27% 69%,#0000)}.motion-field svg{mask-image:linear-gradient(90deg,#0000,#000 25% 76%,#0000)}.motion-stage{height:510px;position:absolute;inset:0 0 auto;overflow:hidden;mask-image:linear-gradient(#0000 11%,#000 30% 82%,#0000)}.motion-object{background:var(--card);white-space:nowrap;border-radius:14px;align-items:center;gap:14px;height:72px;padding:0 18px;font-size:18px;font-weight:550;line-height:1;display:flex;position:absolute;top:0}.motion-object-icon{fill:none;width:25px;height:25px;stroke:var(--secondary-foreground);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.motion-lamp{background:#c3d4d2;border-radius:50%;flex:none;width:9px;height:9px;margin-left:auto;position:relative;box-shadow:inset 0 1px 2px #081d2d33}.motion-lamp>span{border-radius:inherit;background:radial-gradient(circle at 38% 32%,#e4fff4 0 15%,#68efb9 35%,#16bd86 70%,#07835f 100%);position:absolute;inset:0;box-shadow:0 0 5px 1px #1fcf927a,0 0 12px 3px #1fcf9229}.object-demo .rail-stage .object-row[data-slot="0"] .object-light{background:radial-gradient(circle at 38% 32%,#e4fff4 0 15%,#68efb9 35%,#16bd86 70%,#07835f 100%);box-shadow:0 0 5px 1px #1fcf927a,0 0 12px 3px #1fcf9229}.motion-trace{position:absolute;inset:0;overflow:visible}.motion-endpoint{background:#edf3ff;border-radius:12px;min-height:62px;padding:11px 13px 12px;position:absolute;top:0}.motion-endpoint>span{font:10px/1.3 var(--font-mono);color:var(--primary);margin-bottom:7px;display:block}.motion-endpoint>div{white-space:nowrap;align-items:center;gap:7px;display:flex}.motion-endpoint code{font:13px/1.4 var(--font-mono);color:var(--primary)}.motion-method{font:10px/1.4 var(--font-mono);color:#005bbd;font-weight:500}.object-demo .sdk-dock{z-index:1;border-radius:14px;box-shadow:0 18px 38px -18px #081d2d52}.object-demo .hero-sdk-tabs{gap:3px;padding-inline:14px}.object-demo .hero-sdk-tabs button{min-height:44px;padding-inline:10px}.object-demo .sdk-dock [role=tabpanel]{padding-top:20px;padding-bottom:9px}.object-demo .sdk-dock code .syntax-keyword{color:var(--code-string)}.object-demo .sdk-dock code .syntax-resource{color:#9dc8ff}.object-demo .demo-footer{padding-bottom:8px}.object-demo .demo-footer button{width:44px;height:44px}@media (width<=1200px){.motion-object{gap:10px;padding-inline:13px;font-size:16px}.motion-endpoint{padding-inline:10px}.motion-endpoint code{font-size:12px}}@media (width<=980px) and (width>=761px){.motion-object{gap:8px;padding-inline:10px;font-size:14px}.motion-object-icon{width:21px}.motion-endpoint{padding-inline:8px}.motion-endpoint code{font-size:11px}.motion-endpoint>div{gap:5px}.object-demo .hero-sdk-tabs{gap:0;padding-inline:5px}.object-demo .hero-sdk-tabs button{padding-inline:6px}}@media (width<=480px){.motion-object{gap:10px;padding-inline:13px;font-size:15px}.motion-object-icon{width:23px}.motion-endpoint{padding-inline:9px}.motion-endpoint code{font-size:11px}.motion-endpoint>div{gap:5px}.object-demo .hero-sdk-tabs{gap:0;padding-inline:9px}.object-demo .hero-sdk-tabs button{padding-inline:9px}}.motion-icon-tile{background:var(--secondary);width:38px;height:38px;color:var(--secondary-foreground);border-radius:10px;flex:none;place-items:center;display:grid}.motion-record-copy{min-width:0;line-height:1.25;display:block}.motion-record-title{letter-spacing:-.015em;font-size:16px;font-weight:600;display:block}.motion-record-copy small{color:var(--muted-foreground);white-space:nowrap;margin-top:5px;font-size:11px;line-height:1.3;display:block}.motion-record-copy small code{font:10px/1.3 var(--font-mono)}.motion-object.is-compact{gap:9px;padding-inline:12px}.motion-object.is-compact .motion-icon-tile{border-radius:8px;width:30px;height:32px}.motion-object.is-compact .motion-object-icon{width:21px;height:21px}.motion-object.is-compact .motion-record-title{font-size:14px}.motion-object.is-compact .motion-record-detail{display:none}.object-demo .sdk-dock .demo-footer .motion-toggle{justify-content:center;align-items:center;gap:6px;width:auto;min-width:70px;padding-inline:8px;display:flex}.object-demo .sdk-dock .demo-footer .motion-label{margin:0;font-size:11px}.object-demo .sdk-dock .demo-footer{justify-content:space-between}@media (width<=1200px){.object-row{gap:9px;padding-inline:12px}}@media (width<=760px){.object-row .motion-record-detail{display:none}.object-row .motion-icon-tile{width:30px;height:32px}.object-row .motion-record-title{font-size:14px}}