{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/oDXEKpRBykQU5XqgdoLO/hzLyScYTWLTtGMfjcIxq/NFeSLZwCg.js"],
  "sourcesContent": ["// Generated by Framer (ee31e22)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Video}from\"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js\";const VideoFonts=getFonts(Video);const cycleOrder=[\"TcTgvwUkb\",\"ghrNKflOq\",\"bE3Tgnku1\"];const serializationHash=\"framer-jPTtW\";const variantClassNames={bE3Tgnku1:\"framer-v-kvfyxh\",ghrNKflOq:\"framer-v-h6ki2d\",TcTgvwUkb:\"framer-v-cb1tul\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Desktop after Scroll\":\"ghrNKflOq\",\"Variant 3\":\"bE3Tgnku1\",Desktop:\"TcTgvwUkb\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"TcTgvwUkb\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"TcTgvwUkb\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-cb1tul\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"TcTgvwUkb\",ref:refBinding,style:{...style},...addPropertyOverrides({bE3Tgnku1:{\"data-framer-name\":\"Variant 3\"},ghrNKflOq:{\"data-framer-name\":\"Desktop after Scroll\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-nk4gs1\",\"data-framer-name\":\"Showreel\",layoutDependency:layoutDependency,layoutId:\"ee9AuQknT\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-tdfh32\",\"data-framer-name\":\"Left\",layoutDependency:layoutDependency,layoutId:\"Bv58tcXMQ\"}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-os49bb\",\"data-framer-name\":\"Right\",layoutDependency:layoutDependency,layoutId:\"ql6wN8y3n\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-w9zssa\",\"data-framer-name\":\"Overflow\",layoutDependency:layoutDependency,layoutId:\"I5szHzYgu\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-s6ehr8-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"bomTx_cb1-container\",nodeId:\"bomTx_cb1\",rendersWithMotion:true,scopeId:\"NFeSLZwCg\",...addPropertyOverrides({ghrNKflOq:{transformTemplate:transformTemplate1}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,controls:true,height:\"100%\",id:\"bomTx_cb1\",isMixedBorderRadius:false,layoutId:\"bomTx_cb1\",loop:true,muted:true,objectFit:\"cover\",playing:true,posterEnabled:true,srcFile:\"https://framerusercontent.com/assets/h5sKxmW9wHUaqvpYvGYY7qmmEw.mp4\",srcType:\"Upload\",srcUrl:\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",startTime:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1lscjam-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"In2y24xl3-container\",nodeId:\"In2y24xl3\",rendersWithMotion:true,scopeId:\"NFeSLZwCg\",style:{opacity:0},children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,controls:false,height:\"100%\",id:\"In2y24xl3\",isMixedBorderRadius:false,layoutId:\"In2y24xl3\",loop:true,muted:true,objectFit:\"cover\",playing:true,posterEnabled:true,srcFile:\"https://framerusercontent.com/assets/mgL1lDioDWPjbeZHrmsJP3iGaM.mp4\",srcType:\"Upload\",srcUrl:\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",startTime:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\"})})})]})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-jPTtW.framer-d7co9l, .framer-jPTtW .framer-d7co9l { display: block; }\",\".framer-jPTtW.framer-cb1tul { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: 800px; justify-content: flex-end; overflow: visible; padding: 20px; position: relative; width: 1200px; }\",\".framer-jPTtW .framer-nk4gs1 { align-content: flex-start; align-items: flex-start; bottom: 20px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; left: 20px; overflow: visible; padding: 60px 0px 0px 0px; position: absolute; right: 20px; top: 20px; z-index: 0; }\",\".framer-jPTtW .framer-tdfh32 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; min-height: 216px; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-jPTtW .framer-os49bb { align-content: flex-end; align-items: flex-end; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-jPTtW .framer-w9zssa { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 70%; }\",\".framer-jPTtW .framer-s6ehr8-container { aspect-ratio: 1.7857142857142858 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 112px); left: 0px; pointer-events: auto; position: absolute; top: 0px; width: 100%; z-index: 1; }\",\".framer-jPTtW .framer-1lscjam-container { aspect-ratio: 1.7857142857142858 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 112px); position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-jPTtW.framer-cb1tul, .framer-jPTtW .framer-nk4gs1, .framer-jPTtW .framer-tdfh32, .framer-jPTtW .framer-os49bb, .framer-jPTtW .framer-w9zssa { gap: 0px; } .framer-jPTtW.framer-cb1tul > * { margin: 0px; margin-bottom: calc(40px / 2); margin-top: calc(40px / 2); } .framer-jPTtW.framer-cb1tul > :first-child, .framer-jPTtW .framer-tdfh32 > :first-child, .framer-jPTtW .framer-os49bb > :first-child, .framer-jPTtW .framer-w9zssa > :first-child { margin-top: 0px; } .framer-jPTtW.framer-cb1tul > :last-child, .framer-jPTtW .framer-tdfh32 > :last-child, .framer-jPTtW .framer-os49bb > :last-child, .framer-jPTtW .framer-w9zssa > :last-child { margin-bottom: 0px; } .framer-jPTtW .framer-nk4gs1 > * { margin: 0px; margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .framer-jPTtW .framer-nk4gs1 > :first-child { margin-left: 0px; } .framer-jPTtW .framer-nk4gs1 > :last-child { margin-right: 0px; } .framer-jPTtW .framer-tdfh32 > *, .framer-jPTtW .framer-os49bb > *, .framer-jPTtW .framer-w9zssa > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } }\",\".framer-jPTtW.framer-v-h6ki2d .framer-s6ehr8-container { left: 150%; top: -50%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 800\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ghrNKflOq\":{\"layout\":[\"fixed\",\"fixed\"]},\"bE3Tgnku1\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerNFeSLZwCg=withCSS(Component,css,\"framer-jPTtW\");export default FramerNFeSLZwCg;FramerNFeSLZwCg.displayName=\"Work / Showreel\";FramerNFeSLZwCg.defaultProps={height:800,width:1200};addPropertyControls(FramerNFeSLZwCg,{variant:{options:[\"TcTgvwUkb\",\"ghrNKflOq\",\"bE3Tgnku1\"],optionTitles:[\"Desktop\",\"Desktop after Scroll\",\"Variant 3\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerNFeSLZwCg,[{explicitInter:true,fonts:[]},...VideoFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerNFeSLZwCg\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"800\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ghrNKflOq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"bE3Tgnku1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NFeSLZwCg.map"],
  "mappings": "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",
  "names": ["VideoFonts", "getFonts", "Video", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "transformTemplate1", "_", "t", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "LayoutGroup", "u", "ComponentViewportProvider", "SmartComponentScopedContainer", "css", "FramerNFeSLZwCg", "withCSS", "NFeSLZwCg_default", "addPropertyControls", "ControlType", "addFonts"]
}