{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3LYFHCRghK8UHlVC1Mr1/vVXjCyaAvp7tXdjaBqSg/xICdvACKU.js"],
  "sourcesContent": ["// Generated by Framer (c105afa)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"qsGdl5t9K\",\"a7V8PBzM_\",\"nfbn8_PiM\"];const serializationHash=\"framer-sGiqZ\";const variantClassNames={a7V8PBzM_:\"framer-v-g2h63r\",nfbn8_PiM:\"framer-v-vog5u1\",qsGdl5t9K:\"framer-v-12msls2\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:84,delay:0,mass:1,stiffness:498,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={\"Play Pulse\":\"qsGdl5t9K\",\"Play State 2\":\"a7V8PBzM_\",\"Play State 3\":\"nfbn8_PiM\"};const getProps=({height,id,indicatorColor,width,...props})=>{return{...props,QbOKTnai0:indicatorColor??props.QbOKTnai0??\"var(--token-80426c08-0565-4f63-b971-205b00278185, rgb(255, 235, 97))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"qsGdl5t9K\"};};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,QbOKTnai0,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"qsGdl5t9K\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear19lmbc9=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"a7V8PBzM_\"),500);});const onAppearykod20=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"nfbn8_PiM\"),400);});const onAppearqy4h5o=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"qsGdl5t9K\"),500);});useOnVariantChange(baseVariant,{a7V8PBzM_:onAppearykod20,default:onAppear19lmbc9,nfbn8_PiM:onAppearqy4h5o});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__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-12msls2\",className,classNames),\"data-framer-name\":\"Play Pulse\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"qsGdl5t9K\",ref:refBinding,style:{...style},...addPropertyOverrides({a7V8PBzM_:{\"data-framer-name\":\"Play State 2\"},nfbn8_PiM:{\"data-framer-name\":\"Play State 3\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-p525b\",\"data-framer-name\":\"Indicator Pulse\",layoutDependency:layoutDependency,layoutId:\"GB3anNJmZ\",style:{backgroundColor:QbOKTnai0,borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\",opacity:1},variants:{a7V8PBzM_:{opacity:0},nfbn8_PiM:{opacity:0}},...addPropertyOverrides({nfbn8_PiM:{transformTemplate:transformTemplate1}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(Image,{background:{alt:\"play icon\",fit:\"fill\",intrinsicHeight:480,intrinsicWidth:480,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),pixelHeight:95,pixelWidth:95,src:\"https://framerusercontent.com/images/TJsHlj9mdQahkp4qyCeX3UYTv3E.svg\"},className:\"framer-17y10fm\",\"data-framer-name\":\"Outer Circle\",layoutDependency:layoutDependency,layoutId:\"y0pzhm_AZ\",style:{borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\"}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-sGiqZ.framer-nuo0ae, .framer-sGiqZ .framer-nuo0ae { display: block; }\",\".framer-sGiqZ.framer-12msls2 { height: 24px; overflow: visible; position: relative; width: 75px; }\",\".framer-sGiqZ .framer-p525b, .framer-sGiqZ .framer-17y10fm { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 75px); left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-sGiqZ.framer-v-g2h63r .framer-p525b { height: var(--framer-aspect-ratio-supported, 131px); left: -28px; right: -28px; top: -28px; }\",\".framer-sGiqZ.framer-v-vog5u1 .framer-p525b { height: var(--framer-aspect-ratio-supported, 24px); left: 50%; right: unset; top: 50%; width: 24px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 75\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"a7V8PBzM_\":{\"layout\":[\"fixed\",\"fixed\"]},\"nfbn8_PiM\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"QbOKTnai0\":\"indicatorColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerxICdvACKU=withCSS(Component,css,\"framer-sGiqZ\");export default FramerxICdvACKU;FramerxICdvACKU.displayName=\"Vedio Pluses\";FramerxICdvACKU.defaultProps={height:24,width:75};addPropertyControls(FramerxICdvACKU,{variant:{options:[\"qsGdl5t9K\",\"a7V8PBzM_\",\"nfbn8_PiM\"],optionTitles:[\"Play Pulse\",\"Play State 2\",\"Play State 3\"],title:\"Variant\",type:ControlType.Enum},QbOKTnai0:{defaultValue:'var(--token-80426c08-0565-4f63-b971-205b00278185, rgb(255, 235, 97)) /* {\"name\":\"Foreground\"} */',title:\"Indicator Color\",type:ControlType.Color}});addFonts(FramerxICdvACKU,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerxICdvACKU\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"QbOKTnai0\\\":\\\"indicatorColor\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"75\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"a7V8PBzM_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"nfbn8_PiM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./xICdvACKU.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "transformTemplate1", "_", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "indicatorColor", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "QbOKTnai0", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear19lmbc9", "args", "onAppearykod20", "onAppearqy4h5o", "useOnVariantChange", "scopingClassNames", "cx", "LayoutGroup", "u", "Image2", "getLoadingLazyAtYPosition", "css", "FramerxICdvACKU", "withCSS", "xICdvACKU_default", "addPropertyControls", "ControlType", "addFonts"]
}