Content
\",title:\"Title 2\",type:ControlType.RichText}});addFonts(FramerxmZqS3bHb,[{explicitInter:true,fonts:[{cssFamilyName:\"Rubik\",source:\"google\",style:\"normal\",uiFamilyName:\"Rubik\",url:\"https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1VU80V4bVkA.woff2\",weight:\"400\"}]},...ClockTimeFonts,...WordCounterFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerxmZqS3bHb\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"tjaNvz1cv\\\":\\\"title1\\\",\\\"r0gJTWoJ_\\\":\\\"title2\\\"}\",\"framerIntrinsicHeight\":\"20\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"20\",\"framerDisplayContentsDiv\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./xmZqS3bHb.map","/** Error message constants. */ var FUNC_ERROR_TEXT = \"Expected a function\";\n/* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max, nativeMin = Math.min;\n/** Used as references for various `Number` constants. */ var NAN = 0 / 0;\n/** Used to match leading and trailing whitespace. */ var reTrim = /^\\s+|\\s+$/g;\n/** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n/** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i;\n/** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i;\n/** Built-in method references without a dependency on `root`. */ var freeParseInt = parseInt;\nvar now = function() {\n return Date.now();\n};\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == \"object\" || type == \"function\");\n}\nfunction isObjectLike(value) {\n return value != null && typeof value == \"object\";\n}\nfunction toNumber(value) {\n if (typeof value == \"number\") {\n return value;\n }\n if (typeof value == \"symbol\") {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == \"function\" ? value.valueOf() : value;\n value = isObject(other) ? other + \"\" : other;\n }\n if (typeof value != \"string\") {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, \"\");\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nexport function debounce(func, wait, options) {\n var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;\n if (typeof func != \"function\") {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = \"maxWait\" in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs, thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;\n return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(), isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\nexport function throttle(func, wait, options) {\n var leading = true, trailing = true;\n if (typeof func != \"function\") {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = \"leading\" in options ? !!options.leading : leading;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n leading: leading,\n maxWait: wait,\n trailing: trailing\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"throttle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"debounce\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./lodash.map","/*\n * lodash (framer/lodash@0.3.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/0tL3NK6Gdibfi84549mt/wxfj3uKBUiepHMkJD9XI/lodash.js\"\n","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{animate,transform,motion,useTransform}from\"framer-motion\";import{useRef,useState,useCallback}from\"react\";import{isMotionValue,useOnChange,useAutoMotionValue}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{throttle}from\"https://framer.com/m/framer/lodash.js@0.3.0\";var KnobOptions;(function(KnobOptions){KnobOptions[\"Hide\"]=\"Hide\";KnobOptions[\"Hover\"]=\"Hover\";KnobOptions[\"Show\"]=\"Show\";})(KnobOptions||(KnobOptions={}));/**\n * SLIDER\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 20\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */ export const Slider=withCSS(function Slider(props){const{value:valueProp,trackHeight,fillColor,focusColor,min,max,onChange,onChangeLive,onMax,onMin,trackColor,trackRadius,knobSize,knobColor,constrainKnob,shadow,shouldAnimateChange,transition,overdrag,knobSetting,style}=props;const[hovered,setHovered]=useState(false);const[focused,setFocused]=useState(false);const onCanvas=RenderTarget.current()===RenderTarget.canvas;const shouldAnimate=shouldAnimateChange&&!onCanvas;const isConstrained=constrainKnob&&knobSetting===KnobOptions.Show;const showKnob=knobSetting!==KnobOptions.Hide;const input=useRef();const knobPadding=8;// Main setting function\nconst updateValue=useCallback((newVal,target)=>{throttledInputUpdate(newVal);if(onChange)onChange(newVal);if(shouldAnimate)animate(target,newVal,transition);else requestAnimationFrame(()=>target.set(newVal));},[transition,shouldAnimate,onChange]);// \"value\" is the source of truth\n// It can be controlled via props with a motionvalue or number 0.0 - 1.0\n// Local changes are always allowed and are reported back up using \"onChange\" callback\nconst value=useAutoMotionValue(valueProp,{onChange:updateValue,transform:value=>transform(value,[0,100],[min,max])});const knobX=useTransform(value,[min,max],[\"0%\",\"100%\"]);const normalizedValue=useTransform(value,[min,max],[0,1]);const throttledInputUpdate=useCallback(throttle(val=>{var ref;if((ref=input.current)===null||ref===void 0?void 0:ref.value)input.current.value=val;},100),[input]);// Live updating callback\nuseOnChange(value,val=>{if(isMotionValue(valueProp))throttledInputUpdate(val);if(onMax&&val>=max)onMax();if(onMin&&val<=min)onMin();if(onChangeLive)onChangeLive(val);});// Read changes from input element\nconst handleInputChange=e=>{updateValue(parseFloat(e.target.value),value);};// Handle tapping on the know to trigger update\nconst handleMouseDown=e=>{if(parseFloat(e.target.value)!==0)updateValue(parseFloat(e.target.value),value);};const handleMouseUp=()=>{};const totalKnobWidth=showKnob?knobSize+knobPadding:knobPadding;const totalHeight=Math.max(knobSize+knobPadding,trackHeight);return /*#__PURE__*/ _jsxs(\"div\",{className:\"framer-default-slider\",onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{position:\"relative\",...style,alignItems:\"center\",justifyContent:\"flex-start\",border:`0px solid ${focusColor}`,\"--framer-default-slider-height\":totalHeight,\"--framer-default-slider-width\":totalKnobWidth},children:[/*#__PURE__*/ _jsx(\"input\",{ref:input,style:{flexShrink:0,minHeight:totalHeight,opacity:0,margin:0,display:\"flex\",...style,WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",...!isConstrained&&{width:`calc(100% + ${totalKnobWidth}px)`,marginLeft:-totalKnobWidth/2}},onFocus:()=>setFocused(true),onBlur:()=>setFocused(false),type:\"range\",min:min,max:max,defaultValue:-1,step:\"any\",onChange:handleInputChange,onMouseDown:handleMouseDown,onMouseUp:handleMouseUp}),/*#__PURE__*/ _jsx(\"div\",{style:{background:trackColor,position:\"absolute\",top:`calc(50% - ${Math.ceil(trackHeight/2)}px)`,borderRadius:trackRadius,display:\"flex\",height:trackHeight,width:\"100%\",transformOrigin:\"left\",pointerEvents:\"none\",overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(motion.div,{style:{height:trackHeight,width:\"100%\",background:fillColor,scaleX:normalizedValue,position:\"absolute\",top:`calc(50% - ${Math.ceil(trackHeight/2)}px)`,transformOrigin:\"left\",pointerEvents:\"none\"}})}),/*#__PURE__*/ _jsx(motion.div,{style:{x:knobX,position:\"absolute\",display:\"flex\",top:`calc(50% - ${Math.floor(knobSize/2)}px)`,pointerEvents:\"none\",...isConstrained?{width:`calc(100% - ${knobSize}px`,left:0}:{width:`100%`,left:-knobSize/2}},children:/*#__PURE__*/ _jsx(motion.div,{initial:false,animate:{scale:hovered&&knobSetting===KnobOptions.Hover||knobSetting===KnobOptions.Show?1:0},transition:{type:\"spring\",stiffness:900,damping:40},style:{transformOrigin:\"50% 50%\",width:knobSize,height:knobSize,borderRadius:\"50%\",background:knobColor,pointerEvents:\"none\",boxShadow:`0px 1px 2px 0px ${shadow}, \n 0px 2px 4px 0px ${shadow}, \n 0px 4px 8px 0px ${shadow}`}})})]});},[\".framer-default-slider input[type=range] { width: 100%; height: 100% background:transparent margin: 0;}\",\".framer-default-slider input[type=range]:focus { outline: none; }\",\".framer-default-slider input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }\",\".framer-default-slider input[type=range]::-webkit-slider-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",\".framer-default-slider input[type=range]::-moz-range-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",\".framer-default-slider input[type=range]::-ms-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",]);Slider.displayName=\"Slider\";Slider.defaultProps={height:20,width:200,trackHeight:4,fillColor:\"#09F\",trackColor:\"#DDD\",knobColor:\"#FFF\",focusColor:\"rgba(0, 153, 255,0)\",shadow:\"rgba(0,0,0,0.1)\",knobSize:20,overdrag:true,min:0,max:100,value:50,trackRadius:5,knobSetting:KnobOptions.Show,constrainKnob:false,transition:{type:\"spring\",delay:0,stiffness:750,damping:50},shouldAnimateChange:true};addPropertyControls(Slider,{fillColor:{title:\"Tint\",type:ControlType.Color},trackColor:{title:\"Track\",type:ControlType.Color},knobColor:{title:\"Knob\",type:ControlType.Color},shadow:{type:ControlType.Color,title:\"Shadow\"},// focusColor: {\n// title: \"Focus\",\n// type: ControlType.Color,\n// },\nshouldAnimateChange:{type:ControlType.Boolean,title:\"Changes\",enabledTitle:\"Animate\",disabledTitle:\"Instant\"},transition:{type:ControlType.Transition,defaultValue:Slider.defaultProps.transition},knobSetting:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Knob\",options:[\"Hide\",\"Hover\",\"Show\"]},constrainKnob:{type:ControlType.Boolean,title:\"Constrain\",enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:({knobSetting})=>knobSetting!==KnobOptions.Show},knobSize:{type:ControlType.Number,title:\"Knob\",min:10,max:100,hidden:({knobSetting})=>knobSetting===KnobOptions.Hide},value:{type:ControlType.Number,title:\"Value\",min:0,max:100,unit:\"%\"},trackHeight:{title:\"Height\",type:ControlType.Number,min:0},min:{title:\"Min\",type:ControlType.Number,displayStepper:true},trackRadius:{type:ControlType.Number,displayStepper:true,min:0,max:200,title:\"Radius\"},max:{title:\"Max\",type:ControlType.Number,displayStepper:true},onChange:{type:ControlType.EventHandler},onMax:{type:ControlType.EventHandler},onMin:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Slider\":{\"type\":\"reactComponent\",\"name\":\"Slider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Slider.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useRef,useState,useEffect,useCallback}from\"react\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{MotionValue,motion,animate,useMotionValueEvent}from\"framer-motion\";import{useOnEnter,usePadding,useRadius,paddingControl,borderRadiusControl,useOnChange,containerStyles,secondsToMinutes,useAutoMotionValue,useOnExit,fontStack,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";// https://framer.com/projects/Default-Utilities-Assets--jihcMELbo9gizWK43snH-gymPh\nimport{Slider}from\"https://framerusercontent.com/modules/AHY1z1xp5QsxaZBkEL9H/7Qvf2RhlgA8L1UHMchaV/Slider.js\";const isMotionValue=v=>v instanceof MotionValue;var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));function PlayTime(props){const{currentTime,startTime}=props;const[playTime,setPlayTime]=useState(\"0:00\");useEffect(()=>{setPlayTime(secondsToMinutes(startTime));},[startTime]);useOnChange(currentTime,latest=>{setPlayTime(secondsToMinutes(latest));});return /*#__PURE__*/_jsx(_Fragment,{children:playTime});}const checkIfPlaying=player=>player.current&&!player.current.paused&&!player.current.ended&&player.current.readyState>2;/**\n * AUDIO\n *\n * Audio player component optimized for smart components.\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export const Audio=withCSS(function Audio(props){const{playing,background,progressColor,trackHeight,gap,trackColor,srcUrl,srcType,srcFile,loop,font,autoPlay,progress,volume,showTime,showTrack,playPauseCursor,showPlayPause,onTimeUpdate,onMetadata,onPlay,onPause,onEnd,pauseOnExit,onPlayGlobalPauseOption}=props;let iconCursor=\"pointer\";if(!!playPauseCursor){iconCursor=playPauseCursor;}else if(props?.style?.cursor){iconCursor=props.style.cursor;}// Defaults to false, only switches to play if possible\nconst[isPlaying,setIsPlaying]=useState(false);const[duration,setDuration]=useState(0);// Audio element ref and non-state info\nconst player=useRef();const playerInfo=useRef({ready:false,animation:null});// Track progress in ms, always in sync with audio element\nconst trackProgress=useAutoMotionValue(progress,{transform:value=>value*.01,onChange:(newValue,value)=>{if(player.current.duration){player.current.currentTime=newValue*player.current.duration;handlePlayStateUpdate(\"motionHook\");}}});const padding=usePadding(props);const borderRadius=useRadius(props);const{fontSize}=useFontControls(props);const shouldPlay=RenderTarget.current()===RenderTarget.preview;const shouldPausePlayers=onPlayGlobalPauseOption===\"pause\";const url=srcType===\"URL\"?srcUrl:srcFile;const shouldAutoPlay=shouldPlay&&playing;// Sync UI with state of the audio element\n// TODO look into better more performant ways of doing this\nconst handlePlayStateUpdate=useCallback(_=>{const currentDuration=player.current.duration;const currentTime=player.current.currentTime;playerInfo.current?.animation?.stop();if(Math.abs(currentTime-trackProgress.get())>.5){trackProgress.set(currentTime);}if(!shouldPlay)return;const isNowPlaying=checkIfPlaying(player);if(isPlaying!==isNowPlaying)setIsPlaying(isNowPlaying);if(isNowPlaying&&shouldPlay){playerInfo.current.animation=animate(trackProgress,currentDuration,{type:\"tween\",ease:\"linear\",duration:currentDuration-currentTime});}},[shouldPlay,isPlaying]);const pauseAllAudioPlayers=()=>{const audioPlayerElements=document.querySelectorAll(\".framer-audio\");audioPlayerElements.forEach(el=>{el.pause();});};// Always use this for playing audio\n// No logic in here as it is async & can fail\nconst playAudio=()=>{if(shouldPlay)player.current.play().catch(e=>{})// It's likely fine, swallow error\n;};const pauseAudio=()=>{player.current.pause();playerInfo.current?.animation?.stop();};const handleMetadata=()=>{if(onMetadata)onMetadata({duration:player.current.duration});setDuration(player.current.duration);};const initProgress=()=>{if(!isMotionValue(progress)){player.current.currentTime=progress*.01*player.current.duration;}};const handleReady=()=>{// This tries to run on every pause\n// We use playerInfo.ready to only call on initial load of a source\nif(!playerInfo.current.ready){if(shouldAutoPlay)playAudio();playerInfo.current.ready=true;initProgress();}};// Handle seek event from slider\nconst handleSeek=val=>{if(player.current.currentTime){player.current.currentTime=val;handlePlayStateUpdate(\"handleSeek\");}};const handleEnd=()=>{if(onEnd)onEnd();};const handlePlayClick=()=>{if(shouldPausePlayers)pauseAllAudioPlayers();playAudio();};// Control audio via props\nuseEffect(()=>{if(shouldPlay){// In preview when prop changes, pause/play\nif(playing===true)playAudio();else pauseAudio();}else{// Only set the state for canvas use\nif(playing===true)setIsPlaying(true);else setIsPlaying(false);}},[playing]);useEffect(()=>{// Do this in an effect to correct on optimised sites\nif(player.current?.duration)setDuration(player.current.duration);},[]);// Call event callbacks\nuseEffect(()=>{if(playerInfo.current.ready&&isPlaying&&onPlay)onPlay();else if(playerInfo.current.ready&&onPause)onPause();},[isPlaying]);// Volume Control\nuseEffect(()=>{player.current.volume=volume/100;},[volume]);// Reset ready state when src changes\nuseEffect(()=>{playerInfo.current.ready=false;},[srcFile,srcType,srcUrl]);// Play on navigation\nuseOnEnter(()=>{if(shouldAutoPlay)playAudio();});useOnExit(()=>{if(pauseOnExit)player.current.pause();});useMotionValueEvent(trackProgress,\"change\",val=>{const progressPercent=player.current?.duration?val/player.current.duration*100:null;if(onTimeUpdate){onTimeUpdate(val,progressPercent,secondsToMinutes(val));}});const iconStyles={marginRight:showTime||showTrack?gap:0,flexShrink:0,cursor:iconCursor};return /*#__PURE__*/_jsxs(\"div\",{style:{...containerStyles,position:\"relative\",overflow:\"hidden\",background,padding,borderRadius},children:[/*#__PURE__*/_jsx(\"audio\",{src:url,loop:loop,className:\"framer-audio\",ref:player,// For why preload=none (and not metadata or auto or intersection observer),\n// see https://framer-team.slack.com/archives/C07D1C7KQQ3/p1761760078523569?thread_ts=1761728391.430019&cid=C07D1C7KQQ3\npreload:\"none\",autoPlay:shouldAutoPlay,onLoadedMetadata:handleMetadata,onCanPlayThrough:handleReady,// Listen to all events for status changes\nonPlaying:()=>handlePlayStateUpdate(\"playingEvent\"),onPlay:()=>handlePlayStateUpdate(\"playEvent\"),onSeeked:()=>handlePlayStateUpdate(\"seekEvent\"),onPause:()=>handlePlayStateUpdate(\"pauseEvent\"),onEnded:()=>handleEnd()}),showPlayPause&&/*#__PURE__*/_jsx(_Fragment,{children:isPlaying?/*#__PURE__*/_jsx(PauseIcon,{width:16,whileTap:{scale:.9},onClick:()=>pauseAudio(),style:iconStyles,\"aria-label\":\"pause audio\"}):/*#__PURE__*/_jsx(PlayIcon,{width:16,whileTap:{scale:.9},onClick:handlePlayClick,style:iconStyles,\"aria-label\":\"play audio\"})}),showTime&&/*#__PURE__*/_jsxs(\"p\",{style:{userSelect:\"none\",color:\"#333\",fontWeight:500,letterSpacing:-.25,margin:0,flexShrink:0,fontFamily:fontStack,fontVariantNumeric:\"tabular-nums\",marginRight:showTrack?gap:0,...font},children:[/*#__PURE__*/_jsx(PlayTime,{startTime:duration*(isMotionValue(progress)?progress.get():progress*.01),currentTime:trackProgress}),/*#__PURE__*/_jsx(\"span\",{style:{padding:\"0 2px\"},children:\"/\"}),duration>0?secondsToMinutes(duration):\"1:34\"]}),showTrack&&/*#__PURE__*/_jsx(Slider,{style:{width:\"100%\"},value:trackProgress,fillColor:progressColor,knobSetting:\"Hover\",shadow:`rgba(0,0,0,0)`,knobSize:10,knobColor:progressColor,onChange:handleSeek,shouldAnimateChange:false,min:0,max:duration,trackColor:trackColor})]});},[\".framer-audio-icon { outline: none; }\",\".framer-audio-icons:focus-visible { outline: auto; }\"]);Audio.defaultProps={background:\"#EBEBEB\",trackColor:\"#FFFFFF\",font:{fontSize:12},progressColor:\"#333333\",srcUrl:\"https://assets.mixkit.co/music/preview/mixkit-tech-house-vibes-130.mp3\",srcType:\"URL\",pauseOnExit:true,borderRadius:8,padding:15,progress:0,volume:25,loop:false,playing:true,autoPlay:true,showTime:true,showTrack:true,showPlayPause:true,onPlayGlobalPauseOption:\"continue\",trackHeight:4,gap:15,height:50,width:240};addPropertyControls(Audio,{srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[\"URL\",\"Upload\"]},srcUrl:{type:ControlType.String,title:\" \",placeholder:\".../example.mp4\",hidden(props){return props.srcType===\"Upload\";}},srcFile:{type:ControlType.File,title:\" \",allowedFileTypes:[\"mp4\",\"mp3\",\"wav\",\"m4a\"],hidden(props){return props.srcType===\"URL\";}},playing:{title:\"Playing\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},loop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// autoPlay: {\n// type: ControlType.Boolean,\n// title: \"Autoplay\",\n// enabledTitle: \"Yes\",\n// disabledTitle: \"No\",\n// },\nprogress:{title:\"Progress\",type:ControlType.Number,max:100,min:0,unit:\"%\"},volume:{type:ControlType.Number,max:100,min:0,unit:\"%\"},progressColor:{title:\"Progress\",type:ControlType.Color,defaultValue:Audio.defaultProps.progressColor},trackColor:{title:\"Track\",type:ControlType.Color,defaultValue:Audio.defaultProps.trackColor},background:{title:\"Player\",type:ControlType.Color,defaultValue:Audio.defaultProps.background},font:{title:\"Font\",// @ts-ignore – Internal\ntype:ControlType.Font,displayFontSize:true},...paddingControl,...borderRadiusControl,gap:{type:ControlType.Number,min:0,max:100,displayStepper:true},showPlayPause:{type:ControlType.Boolean,title:\"Play/Pause\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},showTrack:{type:ControlType.Boolean,title:\"Track\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},showTime:{type:ControlType.Boolean,title:\"Time\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},pauseOnExit:{type:ControlType.Boolean,title:\"On Leave\",enabledTitle:\"Pause\",disabledTitle:\"Continue\"},onPlayGlobalPauseOption:{type:ControlType.Enum,title:\"On Play\",options:[\"continue\",\"pause\"],optionTitles:[\"Continue All\",\"Pause All\"]},onPlay:{type:ControlType.EventHandler},onPause:{type:ControlType.EventHandler},onEnd:{type:ControlType.EventHandler},onTimeUpdate:{type:ControlType.EventHandler}});const trackStyle={borderRadius:10,width:\"100%\",overflow:\"hidden\"};const trackParentStyle={position:\"relative\",border:\"1px solid red\",display:\"flex\",alignItems:\"center\",height:\"100%\",width:\"100%\"};function PlayIcon(props){return /*#__PURE__*/_jsx(motion.svg,{...props,className:\"framer-audio-icon\",xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 16 16\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M 5.379 1.292 C 4.968 1.033 4.449 1.017 4.023 1.251 C 3.598 1.486 3.334 1.933 3.333 2.419 L 3.333 13.581 C 3.334 14.067 3.598 14.514 4.023 14.749 C 4.449 14.983 4.968 14.967 5.379 14.708 L 14.215 9.127 C 14.602 8.883 14.836 8.457 14.836 8 C 14.836 7.543 14.602 7.117 14.215 6.873 Z\",fill:\"#333\"})});}function PauseIcon(props){return /*#__PURE__*/_jsxs(motion.svg,{...props,className:\"framer-audio-icon\",xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 16 16\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M 3 3 C 3 2.448 3.448 2 4 2 L 6 2 C 6.552 2 7 2.448 7 3 L 7 13 C 7 13.552 6.552 14 6 14 L 4 14 C 3.448 14 3 13.552 3 13 Z\",fill:\"#343434\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M 9 3 C 9 2.448 9.448 2 10 2 L 12 2 C 12.552 2 13 2.448 13 3 L 13 13 C 13 13.552 12.552 14 12 14 L 10 14 C 9.448 14 9 13.552 9 13 Z\",fill:\"#343434\"})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Audio\":{\"type\":\"reactComponent\",\"name\":\"Audio\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"240\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"50\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Audio.map","// Generated by Framer (02004a2)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Rubik-600\",\"Inter-Bold\",\"Inter-BoldItalic\",\"Inter-Italic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Rubik\",source:\"google\",style:\"normal\",uiFamilyName:\"Rubik\",url:\"https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-2Y-1VU80V4bVkA.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/VgYFWiwsAC5OYxAycRXXvhze58.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/GIryZETIX4IFypco5pYZONKhJIo.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/867QObYax8ANsfX4TGEVU9YiCM.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/DOfvtmE1UplCq161m6Hj8CSQYg.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/pKRFNWFoZl77qYCAIp84lN1h944.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2\",weight:\"400\"}]}];export const css=['.framer-qmqof .framer-styles-preset-1u8ygih:not(.rich-text-wrapper), .framer-qmqof .framer-styles-preset-1u8ygih.rich-text-wrapper p { --framer-font-family: \"Rubik\", \"Rubik Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 50px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 600; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: -3.8px; --framer-line-height: 1.2em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-49b1f8d0-bd7a-4897-aeae-6a6cf62fa8e7, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-qmqof\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f0648f9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Image,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Ticker from\"https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/plhC5PVnCMllW5QXjFK5/Ticker.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/axsEZF3ZV95t2IbiNKuS/lFBgBNvorQdLIBFVFS7P/f73cZAZ2S.js\";const TickerFonts=getFonts(Ticker);const cycleOrder=[\"xXNTYcxAX\",\"WqmWrgWfz\",\"gdv465mtd\"];const serializationHash=\"framer-XZ5bR\";const variantClassNames={gdv465mtd:\"framer-v-154rcuh\",WqmWrgWfz:\"framer-v-1ky7ky2\",xXNTYcxAX:\"framer-v-1hiqk43\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};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 humanReadableVariantMap={Desktop:\"xXNTYcxAX\",Phone:\"gdv465mtd\",Tablet:\"WqmWrgWfz\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"xXNTYcxAX\"};};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:\"xXNTYcxAX\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"WqmWrgWfz\",\"gdv465mtd\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"WqmWrgWfz\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"gdv465mtd\")return true;return false;};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-1hiqk43\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"xXNTYcxAX\",ref:refBinding,style:{background:\"radial-gradient(50% 50% at 50% 50%, var(--token-ae5ab988-21ee-4d79-a5bb-6639237b9116, rgb(215, 255, 55)) 0%, rgba(0, 0, 0, 0) 100%)\",...style},...addPropertyOverrides({gdv465mtd:{\"data-framer-name\":\"Phone\"},WqmWrgWfz:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-qjpmx8-container\",\"data-framer-name\":\"Desktop\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"JLhbXDGHJ-container\",name:\"Desktop\",nodeId:\"JLhbXDGHJ\",rendersWithMotion:true,scopeId:\"WjIW8dF_U\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"left\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:5,fadeWidth:60,overflow:false},gap:0,height:\"100%\",hoverFactor:.8,id:\"JLhbXDGHJ\",layoutId:\"JLhbXDGHJ\",name:\"Desktop\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-168vsn8\",\"data-framer-name\":\"Desktop Text\",layoutDependency:layoutDependency,layoutId:\"qfSciEue7\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1u8ygih\",\"data-styles-preset\":\"f73cZAZ2S\",children:\"Poslechni si čl\\xe1nek jako podcast na t\\xe9ma. \"})}),className:\"framer-1ue2b9s\",\"data-framer-name\":\"Branding\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"TW959FvCw\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true})})],speed:60,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-a8kx79-container\",\"data-framer-name\":\"Tablet\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"bmJvuZXZj-container\",name:\"Tablet\",nodeId:\"bmJvuZXZj\",rendersWithMotion:true,scopeId:\"WjIW8dF_U\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"left\",fadeOptions:{fadeAlpha:0,fadeContent:false,fadeInset:0,fadeWidth:25,overflow:false},gap:0,height:\"100%\",hoverFactor:1,id:\"bmJvuZXZj\",layoutId:\"bmJvuZXZj\",name:\"Tablet\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-78f3s2\",\"data-framer-name\":\"Tablet Text\",layoutDependency:layoutDependency,layoutId:\"EIo6BP6E2\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"140px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\"},children:\"Branding\"})}),className:\"framer-r9zj5v\",\"data-framer-name\":\"Branding\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"E7IvIWsB4\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"140px\",src:\"https://framerusercontent.com/images/Zphh0oo7KpaKY8ULrMPw6OZysc.webp?width=217&height=217\"},className:\"framer-p9l4em\",layoutDependency:layoutDependency,layoutId:\"cppiixtVU\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"140px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\"},children:\"Web Design\"})}),className:\"framer-so85ga\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"bpyrWLYDT\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"140px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-hljbyt\",layoutDependency:layoutDependency,layoutId:\"iiFFarvqj\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"140px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\"},children:\"Digital Marketing\"})}),className:\"framer-1xzkdvw\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"kye2DcNUE\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"140px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-1sbnstd\",layoutDependency:layoutDependency,layoutId:\"srhQfzoVk\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"140px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\"},children:\"Copywriting\"})}),className:\"framer-1lbrjcf\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"NsrPmuWNF\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"140px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-1a3nweo\",layoutDependency:layoutDependency,layoutId:\"cX3ycu88M\"})]})],speed:100,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-vkc7je-container\",\"data-framer-name\":\"Phone\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"qypw0d1zw-container\",name:\"Phone\",nodeId:\"qypw0d1zw\",rendersWithMotion:true,scopeId:\"WjIW8dF_U\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"left\",fadeOptions:{fadeAlpha:0,fadeContent:false,fadeInset:0,fadeWidth:25,overflow:false},gap:0,height:\"100%\",hoverFactor:1,id:\"qypw0d1zw\",layoutId:\"qypw0d1zw\",name:\"Phone\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1mw2tti\",\"data-framer-name\":\"Phone Text\",layoutDependency:layoutDependency,layoutId:\"dFriMa9W_\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"80px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0)))\"},children:\"Branding\"})}),className:\"framer-16uj2tq\",\"data-framer-name\":\"Branding\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"gr1y_i4Df\",style:{\"--extracted-r6o4lv\":\"var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"80px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-1ne2tst\",layoutDependency:layoutDependency,layoutId:\"H7n3mZc15\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"80px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0)))\"},children:\"Web Design\"})}),className:\"framer-e0w4ey\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"J1KgbC_bW\",style:{\"--extracted-r6o4lv\":\"var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"80px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-zendr7\",layoutDependency:layoutDependency,layoutId:\"nKp81_iP3\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"80px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0)))\"},children:\"Digital Marketing\"})}),className:\"framer-g5g5b4\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"WdgHfAvpD\",style:{\"--extracted-r6o4lv\":\"var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"80px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-t1c2qb\",layoutDependency:layoutDependency,layoutId:\"LhEwZmxX5\"}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW5zdHJ1bWVudCBTYW5zLTYwMA==\",\"--framer-font-family\":'\"Instrument Sans\", \"Instrument Sans Placeholder\", sans-serif',\"--framer-font-size\":\"80px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0)))\"},children:\"Copywriting\"})}),className:\"framer-4k6s7d\",\"data-framer-name\":\"Web Design\",fonts:[\"GF;Instrument Sans-600\"],layoutDependency:layoutDependency,layoutId:\"FnwicpQnU\",style:{\"--extracted-r6o4lv\":\"var(--token-26ba92c4-b8a0-4509-b62e-dad19c5cedfc, rgb(0, 0, 0))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:217,pixelWidth:217,sizes:\"80px\",src:\"https://framerusercontent.com/images/MkL2g6QTMYOG6TPyDdW8qIa5B4k.svg?width=217&height=217\"},className:\"framer-1i8chs6\",layoutDependency:layoutDependency,layoutId:\"uHb2cQqAE\"})]})],speed:100,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-XZ5bR.framer-9mjcq, .framer-XZ5bR .framer-9mjcq { display: block; }\",\".framer-XZ5bR.framer-1hiqk43 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1440px; }\",\".framer-XZ5bR .framer-qjpmx8-container { flex: none; height: 115px; position: relative; width: 100%; }\",\".framer-XZ5bR .framer-168vsn8 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-XZ5bR .framer-1ue2b9s, .framer-XZ5bR .framer-r9zj5v, .framer-XZ5bR .framer-so85ga, .framer-XZ5bR .framer-1xzkdvw, .framer-XZ5bR .framer-1lbrjcf, .framer-XZ5bR .framer-16uj2tq, .framer-XZ5bR .framer-e0w4ey, .framer-XZ5bR .framer-g5g5b4, .framer-XZ5bR .framer-4k6s7d { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-XZ5bR .framer-a8kx79-container { flex: none; height: 168px; position: relative; width: 100%; }\",\".framer-XZ5bR .framer-78f3s2 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-XZ5bR .framer-p9l4em, .framer-XZ5bR .framer-hljbyt, .framer-XZ5bR .framer-1sbnstd, .framer-XZ5bR .framer-1a3nweo { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 168px); overflow: visible; position: relative; width: 140px; }\",\".framer-XZ5bR .framer-vkc7je-container { flex: none; height: 96px; position: relative; width: 100%; }\",\".framer-XZ5bR .framer-1mw2tti { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-XZ5bR .framer-1ne2tst, .framer-XZ5bR .framer-zendr7, .framer-XZ5bR .framer-t1c2qb, .framer-XZ5bR .framer-1i8chs6 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 217px); overflow: visible; position: relative; width: 80px; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 115\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"WqmWrgWfz\":{\"layout\":[\"fixed\",\"auto\"]},\"gdv465mtd\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerWjIW8dF_U=withCSS(Component,css,\"framer-XZ5bR\");export default FramerWjIW8dF_U;FramerWjIW8dF_U.displayName=\"Podcast-ticker-clanek\";FramerWjIW8dF_U.defaultProps={height:115,width:1440};addPropertyControls(FramerWjIW8dF_U,{variant:{options:[\"xXNTYcxAX\",\"WqmWrgWfz\",\"gdv465mtd\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerWjIW8dF_U,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"},{cssFamilyName:\"Instrument Sans\",source:\"google\",style:\"normal\",uiFamilyName:\"Instrument Sans\",url:\"https://fonts.gstatic.com/s/instrumentsans/v4/pximypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr-yp2JGEJOH9npSQb_gfwmS0v3_7Y.woff2\",weight:\"600\"}]},...TickerFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerWjIW8dF_U\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"WqmWrgWfz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"gdv465mtd\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"115\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"1440\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WjIW8dF_U.map","// Generated by Framer (f0648f9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getPropertyControls,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Audio}from\"https://framerusercontent.com/modules/NRKVbMFYrBaqL0rx532t/2NLwQRLJdaV5jyzPAzvG/Audio.js\";import PodcastTickerClanek from\"https://framerusercontent.com/modules/8luitv24j6xt1jf4NzP1/j8I7SkZ21d9L1EL7QFb3/WjIW8dF_U.js\";const PodcastTickerClanekFonts=getFonts(PodcastTickerClanek);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const AudioFonts=getFonts(Audio);const AudioControls=getPropertyControls(Audio);const cycleOrder=[\"M0_VBJt_y\",\"uouWNBmno\",\"QXOq2LCUf\"];const serializationHash=\"framer-ILAfe\";const variantClassNames={M0_VBJt_y:\"framer-v-11olack\",QXOq2LCUf:\"framer-v-qdopmj\",uouWNBmno:\"framer-v-d089un\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const AiApQQ8EQ=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};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 humanReadableVariantMap={Desktop:\"M0_VBJt_y\",Mobile:\"QXOq2LCUf\",Tablet:\"uouWNBmno\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,podcast,width,...props})=>{return{...props,AiApQQ8EQ:podcast??props.AiApQQ8EQ,variant:humanReadableVariantMap[props.variant]??props.variant??\"M0_VBJt_y\"};};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,AiApQQ8EQ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"M0_VBJt_y\",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__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-11olack\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"M0_VBJt_y\",ref:refBinding,style:{backgroundColor:\"var(--token-4ea9649a-ebe4-40dd-937a-4ecd733b1da9, rgb(255, 255, 255))\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,...style},...addPropertyOverrides({QXOq2LCUf:{\"data-framer-name\":\"Mobile\"},uouWNBmno:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:115,width:\"553px\",y:(componentViewport?.y||0)+40+((componentViewport?.height||240)-56-174+0+0),...addPropertyOverrides({QXOq2LCUf:{width:`calc(${componentViewport?.width||\"100vw\"} - 40px)`,y:(componentViewport?.y||0)+40+((componentViewport?.height||200)-80-174+0+0)},uouWNBmno:{y:(componentViewport?.y||0)+40+((componentViewport?.height||200)-80-174+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-gjljdz-container\",layoutDependency:layoutDependency,layoutId:\"SvN1hk6xK-container\",nodeId:\"SvN1hk6xK\",rendersWithMotion:true,scopeId:\"Y7zH7a4nx\",children:/*#__PURE__*/_jsx(PodcastTickerClanek,{height:\"100%\",id:\"SvN1hk6xK\",layoutId:\"SvN1hk6xK\",style:{width:\"100%\"},variant:matchVariant(\"xXNTYcxAX\"),width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-i5egnx\",layoutDependency:layoutDependency,layoutId:\"kKUmTKFKs\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-vzbtgr-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"BmJqgTOhA-container\",nodeId:\"BmJqgTOhA\",rendersWithMotion:true,scopeId:\"Y7zH7a4nx\",children:/*#__PURE__*/_jsx(Audio,{background:\"var(--token-ae5ab988-21ee-4d79-a5bb-6639237b9116, rgb(215, 255, 55))\",borderRadius:50,bottomLeftRadius:50,bottomRightRadius:50,font:{fontFamily:'\"Rubik\", \"Rubik Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400},gap:10,height:\"100%\",id:\"BmJqgTOhA\",isMixedBorderRadius:false,layoutId:\"BmJqgTOhA\",loop:false,onPlayGlobalPauseOption:\"continue\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,pauseOnExit:true,playing:false,progress:0,progressColor:\"rgb(51, 51, 51)\",showPlayPause:true,showTime:true,showTrack:true,srcFile:AiApQQ8EQ,srcType:\"Upload\",srcUrl:\"\",style:{height:\"100%\",width:\"100%\"},topLeftRadius:50,topRightRadius:50,trackColor:\"var(--token-4ea9649a-ebe4-40dd-937a-4ecd733b1da9, rgb(255, 255, 255))\",volume:100,width:\"100%\"})})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ILAfe.framer-t8f6va, .framer-ILAfe .framer-t8f6va { display: block; }\",\".framer-ILAfe.framer-11olack { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: 240px; justify-content: flex-end; overflow: hidden; padding: 40px 24px 16px 24px; position: relative; width: 553px; will-change: var(--framer-will-change-override, transform); }\",\".framer-ILAfe .framer-gjljdz-container { flex: none; height: auto; position: relative; width: 553px; z-index: 1; }\",\".framer-ILAfe .framer-i5egnx { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 1; }\",\".framer-ILAfe .framer-vzbtgr-container { flex: 1 0 0px; height: 35px; position: relative; width: 1px; }\",\".framer-ILAfe.framer-v-d089un.framer-11olack, .framer-ILAfe.framer-v-qdopmj.framer-11olack { height: min-content; padding: 40px 20px 40px 20px; }\",\".framer-ILAfe.framer-v-d089un .framer-gjljdz-container { order: 0; }\",\".framer-ILAfe.framer-v-d089un .framer-i5egnx, .framer-ILAfe.framer-v-qdopmj .framer-i5egnx { order: 1; }\",\".framer-ILAfe.framer-v-qdopmj .framer-gjljdz-container { order: 0; width: 100%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 240\n * @framerIntrinsicWidth 553\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"uouWNBmno\":{\"layout\":[\"fixed\",\"auto\"]},\"QXOq2LCUf\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"AiApQQ8EQ\":\"podcast\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerY7zH7a4nx=withCSS(Component,css,\"framer-ILAfe\");export default FramerY7zH7a4nx;FramerY7zH7a4nx.displayName=\"podcast-div\";FramerY7zH7a4nx.defaultProps={height:240,width:553};addPropertyControls(FramerY7zH7a4nx,{variant:{options:[\"M0_VBJt_y\",\"uouWNBmno\",\"QXOq2LCUf\"],optionTitles:[\"Desktop\",\"Tablet\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum},AiApQQ8EQ:AudioControls?.[\"srcFile\"]&&{...AudioControls[\"srcFile\"],__defaultAssetReference:\"\",description:undefined,hidden:undefined,title:\"podcast\"}});addFonts(FramerY7zH7a4nx,[{explicitInter:true,fonts:[{cssFamilyName:\"Rubik\",source:\"google\",style:\"normal\",uiFamilyName:\"Rubik\",url:\"https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1VU80V4bVkA.woff2\",weight:\"400\"}]},...PodcastTickerClanekFonts,...AudioFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerY7zH7a4nx\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"uouWNBmno\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"QXOq2LCUf\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"AiApQQ8EQ\\\":\\\"podcast\\\"}\",\"framerIntrinsicWidth\":\"553\",\"framerIntrinsicHeight\":\"240\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Y7zH7a4nx.map","import t,{useRef as e,useState as n,useEffect as r}from\"react\";var s=Object.defineProperty;var o=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty;var a=Object.prototype.propertyIsEnumerable;var __defNormalProp=(t,e,n)=>e in t?s(t,e,{enumerable:true,configurable:true,writable:true,value:n}):t[e]=n;var __spreadValues=(t,e)=>{for(var n in e||(e={}))i.call(e,n)&&__defNormalProp(t,n,e[n]);if(o)for(var n of o(e))a.call(e,n)&&__defNormalProp(t,n,e[n]);return t};var __objRest=(t,e)=>{var n={};for(var r in t)i.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&o)for(var r of o(t))e.indexOf(r)<0&&a.call(t,r)&&(n[r]=t[r]);return n};\n/**\n * @license QR Code generator library (TypeScript)\n * Copyright (c) Project Nayuki.\n * SPDX-License-Identifier: MIT\n */var l;(t=>{const e=class{constructor(t,n,r,s){this.version=t;this.errorCorrectionLevel=n;this.modules=[];this.isFunction=[];if(t