{
"version": 3,
"sources": ["ssg:https://framerusercontent.com/modules/ZqaqhPkN3BDbyQBCMb56/8bAzThZF2b54rFKxDh6A/hmgTvkVjY.js", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/tbiAmyP8q4mMaXLQcmj3/Video.js", "ssg:https://framerusercontent.com/modules/y5CBo9aL1h3dtGAilC6t/NcpzOymyeI3vsBjKEIVk/nuvAu_OF9.js", "ssg:https://framerusercontent.com/modules/iD3n4nPW25Hry8x44eiI/2Bcnyx3hf4h5yw7C8QBf/QWaTcPKrp.js", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/Z4QJ2YpzpVnWRfR6Ccgg/Video.js", "ssg:https://framerusercontent.com/modules/ZQvXdC2RFcH25ALPz5lv/VCkfOCFDD75DrHAaAP02/xCnw9iqAA.js", "ssg:https://framerusercontent.com/modules/TgSdGeGrNRe6X3KphU8R/QzBmZTix3w3ujVWkj02B/y02x2A7v0.js", "ssg:https://framerusercontent.com/modules/YG4egwAJj2cGJuyO3K1I/mMKRBHAo1AvDa9ZwZ688/beF7PobW5.js", "ssg:https://framerusercontent.com/modules/asEQyav2mjjxCB54xrX1/CRO16Rwr7L52QhJozI7n/UsOvB_8Yj.js", "ssg:https://framerusercontent.com/modules/h4WN4CY08WklNgqx7o12/fAnm8I0ToQNfXRq8beRU/ngv8vAie7.js"],
"sourcesContent": ["// Generated by Framer (0f540f8)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Ticker from\"https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/XVUmpmPn1EPL0dzocT35/Ticker.js\";const TickerFonts=getFonts(Ticker);const cycleOrder=[\"R3dgCQ5zS\"];const serializationHash=\"framer-CAhks\";const variantClassNames={R3dgCQ5zS:\"framer-v-oiqf8k\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({gap,height,id,speed,width,...props})=>{var _ref,_ref1;return{...props,TCSFElyAm:(_ref=speed!==null&&speed!==void 0?speed:props.TCSFElyAm)!==null&&_ref!==void 0?_ref:30,V4D0X0Knu:(_ref1=gap!==null&&gap!==void 0?gap:props.V4D0X0Knu)!==null&&_ref1!==void 0?_ref1:64};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,TCSFElyAm,V4D0X0Knu,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"R3dgCQ5zS\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-oiqf8k\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"R3dgCQ5zS\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(255, 255, 255)\",...style},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"24px\",\"--framer-line-height\":\"140%\"},children:/*#__PURE__*/_jsx(motion.span,{style:{\"--font-selector\":\"R0Y7RE0gU2Fucy1yZWd1bGFy\",\"--framer-font-family\":'\"DM Sans\"',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-text-color\":\"var(--extracted-1w3ko1f, rgba(30, 29, 24, 1))\"},children:\"Featured in\"})})}),className:\"framer-1hbphe6\",\"data-framer-name\":\"Featured in\",fonts:[\"GF;DM Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"LaRI8ojWW\",style:{\"--extracted-1w3ko1f\":\"rgba(30, 29, 24, 1)\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-10r7qsg-container\",layoutDependency:layoutDependency,layoutId:\"riHlOPVgm-container\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"left\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:0,fadeWidth:25,overflow:false},gap:V4D0X0Knu,height:\"100%\",hoverFactor:1,id:\"riHlOPVgm\",layoutId:\"riHlOPVgm\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xvngil\",\"data-framer-name\":\"Netflix\",layoutDependency:layoutDependency,layoutId:\"YiKoEj1ch\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-qa5sg4\",\"data-framer-name\":\"netflix\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:106,layoutDependency:layoutDependency,layoutId:\"qlVNQzgnJ\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1qc1p3m\",\"data-framer-name\":\"Inc\",layoutDependency:layoutDependency,layoutId:\"Kn83PUcoI\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-bdx5bb\",\"data-framer-name\":\"inc\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:77,layoutDependency:layoutDependency,layoutId:\"NhfpDYKaC\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-gll8vt\",\"data-framer-name\":\"The Verge\",layoutDependency:layoutDependency,layoutId:\"St58nWS6e\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-mz7h2y\",\"data-framer-name\":\"the verge\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:127,layoutDependency:layoutDependency,layoutId:\"Sls0ib05A\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ww8imr\",\"data-framer-name\":\"Forbes\",layoutDependency:layoutDependency,layoutId:\"cRSHnO20T\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-r5bjga\",\"data-framer-name\":\"forbes\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:107,layoutDependency:layoutDependency,layoutId:\"CUJNm2GvI\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1dpxvaq\",\"data-framer-name\":\"Glossy\",layoutDependency:layoutDependency,layoutId:\"G0U5aS72O\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-oy3qir\",\"data-framer-name\":\"glossy\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:160,layoutDependency:layoutDependency,layoutId:\"YDRInMN1d\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-13ifan0\",\"data-framer-name\":\"Marice Claire\",layoutDependency:layoutDependency,layoutId:\"hTSsD_oDq\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-cdwqpp\",\"data-framer-name\":\"marie claire\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:157,layoutDependency:layoutDependency,layoutId:\"B0C4lMKdC\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1qmim14\",\"data-framer-name\":\"Bravo\",layoutDependency:layoutDependency,layoutId:\"XrCelRPdr\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-bl9kso\",\"data-framer-name\":\"bravo\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:39,intrinsicWidth:51,layoutDependency:layoutDependency,layoutId:\"wWE9Csw1p\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1u8gvc\",\"data-framer-name\":\"Popsugar\",layoutDependency:layoutDependency,layoutId:\"Nv_I88s7B\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-ysy0ob\",\"data-framer-name\":\"popsugar\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:217,layoutDependency:layoutDependency,layoutId:\"nZCPvidRh\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-sqg9jy\",\"data-framer-name\":\"Cosmopolitan\",layoutDependency:layoutDependency,layoutId:\"jrRjpNzac\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-18yorao\",\"data-framer-name\":\"cosmopolitan\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:150,layoutDependency:layoutDependency,layoutId:\"l6_psQWAw\",svg:'\\n',withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1o9eqju\",\"data-framer-name\":\"Health Digest\",layoutDependency:layoutDependency,layoutId:\"jEOktKskl\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-1sttfza\",\"data-framer-name\":\"health digest\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:30,intrinsicWidth:171,layoutDependency:layoutDependency,layoutId:\"DufFUi0OY\",svg:'\\n',withExternalLayout:true})})],speed:TCSFElyAm,style:{height:\"100%\",maxWidth:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-CAhks.framer-8swjxc, .framer-CAhks .framer-8swjxc { display: block; }\",\".framer-CAhks.framer-oiqf8k { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1440px; }\",\".framer-CAhks .framer-1hbphe6 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-CAhks .framer-10r7qsg-container { flex: none; height: 111px; max-width: 1120px; position: relative; width: 100%; }\",\".framer-CAhks .framer-1xvngil { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 106px; }\",\".framer-CAhks .framer-qa5sg4 { flex: none; height: 30px; position: relative; width: 106px; }\",\".framer-CAhks .framer-1qc1p3m { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 77px; }\",\".framer-CAhks .framer-bdx5bb { flex: none; height: 30px; position: relative; width: 77px; }\",\".framer-CAhks .framer-gll8vt { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 127px; }\",\".framer-CAhks .framer-mz7h2y { flex: none; height: 30px; position: relative; width: 127px; }\",\".framer-CAhks .framer-1ww8imr { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 107px; }\",\".framer-CAhks .framer-r5bjga { flex: none; height: 30px; position: relative; width: 107px; }\",\".framer-CAhks .framer-1dpxvaq { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 20px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 160px; }\",\".framer-CAhks .framer-oy3qir { flex: none; height: 20px; position: relative; width: 160px; }\",\".framer-CAhks .framer-13ifan0 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 157px; }\",\".framer-CAhks .framer-cdwqpp { flex: none; height: 30px; position: relative; width: 157px; }\",\".framer-CAhks .framer-1qmim14 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 39px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 51px; }\",\".framer-CAhks .framer-bl9kso { flex: none; height: 39px; position: relative; width: 51px; }\",\".framer-CAhks .framer-1u8gvc { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 20px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 217px; }\",\".framer-CAhks .framer-ysy0ob { flex: none; height: 20px; position: relative; width: 217px; }\",\".framer-CAhks .framer-sqg9jy { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 150px; }\",\".framer-CAhks .framer-18yorao { flex: none; height: 30px; position: relative; width: 150px; }\",\".framer-CAhks .framer-1o9eqju { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 30px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 171px; }\",\".framer-CAhks .framer-1sttfza { flex: none; height: 30px; position: relative; width: 171px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-CAhks.framer-oiqf8k, .framer-CAhks .framer-1xvngil, .framer-CAhks .framer-1qc1p3m, .framer-CAhks .framer-gll8vt, .framer-CAhks .framer-1ww8imr, .framer-CAhks .framer-1dpxvaq, .framer-CAhks .framer-13ifan0, .framer-CAhks .framer-1qmim14, .framer-CAhks .framer-1u8gvc, .framer-CAhks .framer-sqg9jy, .framer-CAhks .framer-1o9eqju { gap: 0px; } .framer-CAhks.framer-oiqf8k > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-CAhks.framer-oiqf8k > :first-child { margin-top: 0px; } .framer-CAhks.framer-oiqf8k > :last-child { margin-bottom: 0px; } .framer-CAhks .framer-1xvngil > *, .framer-CAhks .framer-1qc1p3m > *, .framer-CAhks .framer-gll8vt > *, .framer-CAhks .framer-1ww8imr > *, .framer-CAhks .framer-1dpxvaq > *, .framer-CAhks .framer-13ifan0 > *, .framer-CAhks .framer-1qmim14 > *, .framer-CAhks .framer-1u8gvc > *, .framer-CAhks .framer-sqg9jy > *, .framer-CAhks .framer-1o9eqju > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-CAhks .framer-1xvngil > :first-child, .framer-CAhks .framer-1qc1p3m > :first-child, .framer-CAhks .framer-gll8vt > :first-child, .framer-CAhks .framer-1ww8imr > :first-child, .framer-CAhks .framer-1dpxvaq > :first-child, .framer-CAhks .framer-13ifan0 > :first-child, .framer-CAhks .framer-1qmim14 > :first-child, .framer-CAhks .framer-1u8gvc > :first-child, .framer-CAhks .framer-sqg9jy > :first-child, .framer-CAhks .framer-1o9eqju > :first-child { margin-left: 0px; } .framer-CAhks .framer-1xvngil > :last-child, .framer-CAhks .framer-1qc1p3m > :last-child, .framer-CAhks .framer-gll8vt > :last-child, .framer-CAhks .framer-1ww8imr > :last-child, .framer-CAhks .framer-1dpxvaq > :last-child, .framer-CAhks .framer-13ifan0 > :last-child, .framer-CAhks .framer-1qmim14 > :last-child, .framer-CAhks .framer-1u8gvc > :last-child, .framer-CAhks .framer-sqg9jy > :last-child, .framer-CAhks .framer-1o9eqju > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 177\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"TCSFElyAm\":\"speed\",\"V4D0X0Knu\":\"gap\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerhmgTvkVjY=withCSS(Component,css,\"framer-CAhks\");export default FramerhmgTvkVjY;FramerhmgTvkVjY.displayName=\"Featured in\";FramerhmgTvkVjY.defaultProps={height:177,width:1440};addPropertyControls(FramerhmgTvkVjY,{TCSFElyAm:{defaultValue:30,displayStepper:true,max:1e3,min:0,step:5,title:\"Speed\",type:ControlType.Number},V4D0X0Knu:{defaultValue:64,title:\"Gap\",type:ControlType.Number}});addFonts(FramerhmgTvkVjY,[{explicitInter:true,fonts:[{family:\"DM Sans\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhS2f3ZGMZpg.woff2\",weight:\"400\"}]},...TickerFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerhmgTvkVjY\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"177\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"1440\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"TCSFElyAm\\\":\\\"speed\\\",\\\"V4D0X0Knu\\\":\\\"gap\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hmgTvkVjY.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the