Content
\",title:\"Content\",type:ControlType.RichText},zNDu8f7EO:{defaultValue:\"2025\",displayTextArea:false,title:\"Year\",type:ControlType.String},onzNDu8f7EOChange:{changes:\"zNDu8f7EO\",type:ControlType.ChangeHandler}});addFonts(Framerc26t1iUqk,[{explicitInter:true,fonts:[{cssFamilyName:\"Tomato Grotesk Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"Tomato Grotesk\",url:\"https://framerusercontent.com/assets/BeDyBAkX3qwsipWJUkljAWsDkV0.woff2\",weight:\"400\"},{cssFamilyName:\"Tomato Grotesk Medium\",source:\"custom\",style:\"normal\",uiFamilyName:\"Tomato Grotesk\",url:\"https://framerusercontent.com/assets/zjo1N4x2Xkes3sNxpDnRGXbawQ.woff2\",weight:\"500\"},{cssFamilyName:\"Tomato Grotesk Regular\",openType:true,source:\"custom\",style:\"normal\",uiFamilyName:\"Tomato Grotesk\",url:\"https://framerusercontent.com/assets/BeDyBAkX3qwsipWJUkljAWsDkV0.woff2\",weight:\"400\"},{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\"}]},...FolderFonts,...AlienFonts,...MaterialFonts,...TrashCanFonts,...SparklesFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerc26t1iUqk\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"va3b2UGoT\\\":\\\"click\\\",\\\"oVXNupwNi\\\":\\\"bGCOLOR\\\",\\\"DUn87e5rb\\\":\\\"prev\\\",\\\"TmBCvtaIB\\\":\\\"next\\\",\\\"HTsKFxBWI\\\":\\\"title\\\",\\\"Wuj_557it\\\":\\\"deliverable\\\",\\\"CpuAS21gv\\\":\\\"location\\\",\\\"CVqVKa0F1\\\":\\\"image01\\\",\\\"fkYjSLnbj\\\":\\\"image02\\\",\\\"S1SIZxnVB\\\":\\\"image03\\\",\\\"EQv4zmY17\\\":\\\"hoverCursor\\\",\\\"ieiUtoF19\\\":\\\"cursor\\\",\\\"gZMJPQ6sl\\\":\\\"content\\\",\\\"zNDu8f7EO\\\":\\\"year\\\"}\",\"framerIntrinsicWidth\":\"480\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"OCMmsT9zA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"1034\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./c26t1iUqk.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{Children,cloneElement,forwardRef,isValidElement,useEffect,useMemo,useRef,useState,startTransition}from\"react\";function formatChicagoTime(date){const parts=new Intl.DateTimeFormat(\"en-US\",{timeZone:\"America/Chicago\",hour:\"numeric\",minute:\"2-digit\",hour12:true}).formatToParts(date);const hour=parts.find(part=>part.type===\"hour\")?.value??\"12\";const minute=parts.find(part=>part.type===\"minute\")?.value??\"00\";const dayPeriodRaw=parts.find(part=>part.type===\"dayPeriod\")?.value??\"AM\";const dayPeriod=dayPeriodRaw.toUpperCase().startsWith(\"P\")?\"P\":\"A\";return`${hour}:${minute}${dayPeriod}`;}export function withCurrentTime(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[mounted,setMounted]=useState(false);const[timeText,setTimeText]=useState(\"\");const timeoutRef=useRef(null);const intervalRef=useRef(null);useEffect(()=>{startTransition(()=>setMounted(true));const updateNow=()=>{startTransition(()=>setTimeText(formatChicagoTime(new Date)));};updateNow();const now=new Date;const msUntilNextMinute=(60-now.getSeconds())*1e3-now.getMilliseconds();timeoutRef.current=window.setTimeout(()=>{updateNow();intervalRef.current=window.setInterval(updateNow,6e4);},Math.max(0,msUntilNextMinute));return()=>{if(timeoutRef.current!==null){window.clearTimeout(timeoutRef.current);timeoutRef.current=null;}if(intervalRef.current!==null){window.clearInterval(intervalRef.current);intervalRef.current=null;}};},[]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,text:mounted?timeText:props.text});});}function getChicagoWeekday(date){return new Intl.DateTimeFormat(\"en-US\",{timeZone:\"America/Chicago\",weekday:\"long\"}).format(date);}function getWeekdayIndex(weekday){if(weekday===\"Monday\")return 0;if(weekday===\"Tuesday\")return 1;if(weekday===\"Wednesday\")return 2;if(weekday===\"Thursday\")return 3;return-1;}function gapToNumber(value){if(typeof value===\"number\"&&Number.isFinite(value))return value;if(typeof value===\"string\"){const trimmed=value.trim();if(trimmed.length===0)return null;const parsed=Number.parseFloat(trimmed.replace(\"px\",\"\"));if(Number.isFinite(parsed))return parsed;}return null;}function readParentGapValue(element){if(!element?.parentElement||typeof window===\"undefined\")return null;const styles=window.getComputedStyle(element.parentElement);const gap=styles.gap||styles.columnGap;const parsed=gapToNumber(gap);return parsed;}function readOwnGapValue(element){if(!element||typeof window===\"undefined\")return null;const styles=window.getComputedStyle(element);const gap=styles.gap||styles.columnGap;const parsed=gapToNumber(gap);return parsed;}function assignRef(ref,value){if(!ref)return;if(typeof ref===\"function\"){ref(value);return;}if(typeof ref===\"object\"){ref.current=value;}}function findWeekdayModeMarker(element){if(!element)return null;const marker=element.closest(\"[data-weekday-mode]\");if(!marker)return null;const raw=marker.getAttribute(\"data-weekday-mode\");if(raw===\"closed\"||raw===\"open\"){return{node:marker,mode:raw};}return null;}export function withCurrentWeekday(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[mounted,setMounted]=useState(false);const[activeIndex,setActiveIndex]=useState(-1);const intervalRef=useRef(null);useEffect(()=>{startTransition(()=>setMounted(true));const updateWeekday=()=>{const weekday=getChicagoWeekday(new Date);startTransition(()=>setActiveIndex(getWeekdayIndex(weekday)));};updateWeekday();intervalRef.current=window.setInterval(updateWeekday,6e4);return()=>{if(intervalRef.current!==null){window.clearInterval(intervalRef.current);intervalRef.current=null;}};},[]);const isClosedAuthored=useMemo(()=>{const candidates=[props.gap,props.style?.gap,props.columnGap,props.style?.columnGap,props.rowGap,props.style?.rowGap];for(const candidate of candidates){const n=gapToNumber(candidate);if(n!==null){return n===0;}}return false;},[props.gap,props.style,props.columnGap,props.rowGap]);const runtimeChildren=useMemo(()=>{if(!mounted)return props.children;return Children.map(props.children,(child,index)=>{if(!/*#__PURE__*/isValidElement(child))return child;if(index>3)return child;const childStyle=child.props?.style??{};const isActive=index===activeIndex;if(isClosedAuthored){if(isActive){return /*#__PURE__*/cloneElement(child,{visible:true,opacity:1,width:\"auto\",style:{...childStyle,opacity:1,display:childStyle.display===\"none\"?undefined:childStyle.display,width:\"auto\"}});}return /*#__PURE__*/cloneElement(child,{visible:false,opacity:0,width:0,style:{...childStyle,opacity:0,display:\"none\",width:0}});}return /*#__PURE__*/cloneElement(child,{visible:true,opacity:isActive?1:.5,width:\"auto\",style:{...childStyle,opacity:isActive?1:.5,display:childStyle.display===\"none\"?undefined:childStyle.display,width:\"auto\"}});});},[mounted,props.children,activeIndex,isClosedAuthored]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,children:runtimeChildren});});}export function withWeekdayMode(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const elementRef=useRef(null);const[observedElement,setObservedElement]=useState(null);const resizeObserverRef=useRef(null);const mutationObserverRef=useRef(null);const[weekdayMode,setWeekdayMode]=useState(\"open\");useEffect(()=>{const updateMode=()=>{if(!observedElement)return;const width=observedElement.getBoundingClientRect().width;const nextMode=width<100?\"closed\":\"open\";observedElement.setAttribute(\"data-weekday-mode\",nextMode);startTransition(()=>setWeekdayMode(nextMode));};updateMode();if(!observedElement)return;if(typeof ResizeObserver!==\"undefined\"){resizeObserverRef.current=new ResizeObserver(()=>{updateMode();});resizeObserverRef.current.observe(observedElement);}mutationObserverRef.current=new MutationObserver(()=>{updateMode();});mutationObserverRef.current.observe(observedElement,{attributes:true,attributeFilter:[\"style\",\"class\"]});return()=>{if(resizeObserverRef.current){resizeObserverRef.current.disconnect();resizeObserverRef.current=null;}if(mutationObserverRef.current){mutationObserverRef.current.disconnect();mutationObserverRef.current=null;}};},[observedElement]);const setCombinedRef=value=>{elementRef.current=value;startTransition(()=>setObservedElement(value));assignRef(ref,value);};return /*#__PURE__*/_jsx(Component,{ref:setCombinedRef,...props,\"data-weekday-mode\":weekdayMode});});}// Day-letter state is applied through a stylesheet with !important: Framer's variant\n// animation writes inline opacity, which would otherwise replace the override's value\nconst DAY_STYLE_ID=\"grnhs-weekday-layer-styles\";function ensureDayStyles(){if(typeof document===\"undefined\"||document.getElementById(DAY_STYLE_ID))return;const style=document.createElement(\"style\");style.id=DAY_STYLE_ID;style.textContent=`\n [data-grnhs-day=\"active\"] { opacity: 1 !important; }\n [data-grnhs-day=\"inactive\"] { opacity: 0.5 !important; }\n [data-grnhs-day=\"hidden\"] { display: none !important; }\n `;document.head.appendChild(style);}function createWeekdayLayerOverride(dayIndex){return function withWeekdayLayer(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[mounted,setMounted]=useState(false);const[activeIndex,setActiveIndex]=useState(-1);const[isClosed,setIsClosed]=useState(false);const elementRef=useRef(null);const intervalRef=useRef(null);const resizeObserverRef=useRef(null);const mutationObserverRef=useRef(null);const markerObserverRef=useRef(null);useEffect(()=>{ensureDayStyles();startTransition(()=>setMounted(true));const updateWeekday=()=>{const weekday=getChicagoWeekday(new Date);startTransition(()=>setActiveIndex(getWeekdayIndex(weekday)));};updateWeekday();intervalRef.current=window.setInterval(updateWeekday,6e4);return()=>{if(intervalRef.current!==null){window.clearInterval(intervalRef.current);intervalRef.current=null;}};},[]);useEffect(()=>{if(!mounted)return;const updateClosedState=()=>{const marker=findWeekdayModeMarker(elementRef.current);if(marker){startTransition(()=>setIsClosed(marker.mode===\"closed\"));return;}const parentGap=readParentGapValue(elementRef.current);if(parentGap===null)return;startTransition(()=>setIsClosed(parentGap===0));};updateClosedState();const parent=elementRef.current?.parentElement;const marker=findWeekdayModeMarker(elementRef.current);if(marker){markerObserverRef.current=new MutationObserver(()=>{updateClosedState();});markerObserverRef.current.observe(marker.node,{attributes:true,attributeFilter:[\"data-weekday-mode\",\"style\",\"class\"]});}if(!parent){return()=>{if(markerObserverRef.current){markerObserverRef.current.disconnect();markerObserverRef.current=null;}};}if(typeof ResizeObserver!==\"undefined\"){resizeObserverRef.current=new ResizeObserver(()=>{updateClosedState();});resizeObserverRef.current.observe(parent);}mutationObserverRef.current=new MutationObserver(()=>{updateClosedState();});mutationObserverRef.current.observe(parent,{attributes:true,attributeFilter:[\"style\",\"class\"]});return()=>{if(resizeObserverRef.current){resizeObserverRef.current.disconnect();resizeObserverRef.current=null;}if(mutationObserverRef.current){mutationObserverRef.current.disconnect();mutationObserverRef.current=null;}if(markerObserverRef.current){markerObserverRef.current.disconnect();markerObserverRef.current=null;}};},[mounted]);const setCombinedRef=value=>{elementRef.current=value;assignRef(ref,value);};if(!mounted){return /*#__PURE__*/_jsx(Component,{ref:setCombinedRef,...props});}const baseStyle=props.style??{};const restoredDisplay=baseStyle.display===\"none\"?undefined:baseStyle.display;const isMonThu=activeIndex>=0&&activeIndex<=3;let opacity=.5;let width=\"auto\";let display=restoredDisplay;let dayState=\"inactive\";if(isClosed){const isActive=isMonThu&&activeIndex===dayIndex;opacity=isActive?1:0;width=isActive?\"auto\":0;display=isActive?restoredDisplay:\"none\";dayState=isActive?\"active\":\"hidden\";}else{opacity=isMonThu?activeIndex===dayIndex?1:.5:.5;width=\"auto\";display=restoredDisplay;dayState=opacity===1?\"active\":\"inactive\";}// Hidden days stay mounted (display none, not visible=false): an unmounted layer loses\n// its element, can no longer read the open/closed marker, and never comes back on open\nreturn /*#__PURE__*/_jsx(Component,{ref:setCombinedRef,...props,opacity:opacity,width:width,\"data-grnhs-day\":dayState,style:{...baseStyle,opacity,display,width}});});};}export function withMonday(Component){return createWeekdayLayerOverride(0)(Component);}export function withTuesday(Component){return createWeekdayLayerOverride(1)(Component);}export function withWednesday(Component){return createWeekdayLayerOverride(2)(Component);}export function withThursday(Component){return createWeekdayLayerOverride(3)(Component);}\nexport const __FramerMetadata__ = {\"exports\":{\"withWednesday\":{\"type\":\"reactHoc\",\"name\":\"withWednesday\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withThursday\":{\"type\":\"reactHoc\",\"name\":\"withThursday\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCurrentTime\":{\"type\":\"reactHoc\",\"name\":\"withCurrentTime\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCurrentWeekday\":{\"type\":\"reactHoc\",\"name\":\"withCurrentWeekday\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withTuesday\":{\"type\":\"reactHoc\",\"name\":\"withTuesday\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withWeekdayMode\":{\"type\":\"reactHoc\",\"name\":\"withWeekdayMode\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMonday\":{\"type\":\"reactHoc\",\"name\":\"withMonday\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CurrentTime.map","// Generated by Framer (a56d1fd)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;Tronica Mono Regular\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Tronica Mono Regular\",openType:true,source:\"custom\",style:\"normal\",uiFamilyName:\"Tronica Mono\",url:\"https://framerusercontent.com/assets/Tlcdq3U8obb1nREUzFYMFFdA.woff2\",weight:\"400\"}]}];export const css=[\".framer-J9Iph .framer-styles-preset-1qc0n1v:not(.rich-text-wrapper), .framer-J9Iph .framer-styles-preset-1qc0n1v.rich-text-wrapper p { --framer-font-family: \\\"Tronica Mono Regular\\\", \\\"Tronica Mono Regular Placeholder\\\", monospace; --framer-font-open-type-features: 'blwf' on, 'cv03' on, 'cv04' on, 'cv09' on, 'cv11' on; --framer-font-size: 10px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: -0.03em; --framer-line-height: 1em; --framer-paragraph-spacing: 10px; --framer-text-alignment: start; --framer-text-color: var(--token-95a02a69-0e22-4e8f-ac72-cd86f8d7dad7); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }\"];export const className=\"framer-J9Iph\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (31f3ac5)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCodeBoundaryForOverrides,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Openhours from\"https://framerusercontent.com/modules/ewPtb0wHXtLz2zFsY2eS/TeW5r5CzHuGkZmxPq5iX/OpenHours.js\";import{withCurrentTime,withMonday,withThursday,withTuesday,withWednesday,withWeekdayMode}from\"https://framerusercontent.com/modules/1kn7Et4AxFEPrNQL30jt/Y123wwhUuTcoREJD65J7/CurrentTime.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/F0lyCcQqI8bBsVVeuYnc/SMMA345R0bx2F9M1khPt/LRTWi2SAz.js\";const RichTextWithMonday1y8m2ib=withCodeBoundaryForOverrides(RichText,{nodeId:\"Q1Ysn87Li\",override:withMonday,scopeId:\"kmYRejvYL\"});const RichTextWithTuesday3s7xgs=withCodeBoundaryForOverrides(RichText,{nodeId:\"OiClkq4nB\",override:withTuesday,scopeId:\"kmYRejvYL\"});const RichTextWithWednesdayb0oxfg=withCodeBoundaryForOverrides(RichText,{nodeId:\"c5MvJIWF_\",override:withWednesday,scopeId:\"kmYRejvYL\"});const RichTextWithThursday3wvo4l=withCodeBoundaryForOverrides(RichText,{nodeId:\"j9fx2uf1X\",override:withThursday,scopeId:\"kmYRejvYL\"});const RichTextWithCurrentTime1xocxe8=withCodeBoundaryForOverrides(RichText,{nodeId:\"WU47mC1My\",override:withCurrentTime,scopeId:\"kmYRejvYL\"});const OpenhoursFonts=getFonts(Openhours);const MotionDivWithWeekdayMode1ighu1e=withCodeBoundaryForOverrides(motion.div,{nodeId:\"I402z0jnG\",override:withWeekdayMode,scopeId:\"kmYRejvYL\"});const cycleOrder=[\"I402z0jnG\",\"y9aMVT0_q\"];const serializationHash=\"framer-Cy3Dp\";const variantClassNames={I402z0jnG:\"framer-v-1ighu1e\",y9aMVT0_q:\"framer-v-cnthra\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const SuK1YQONd=undefined;const NDwyCIUbr=undefined;const C25cyksA7=undefined;const jSVF74PaS=undefined;const jQK0DGRJZ=undefined;const MXSYwEb3i=undefined;const B1qAbmmTk=undefined;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={Closed:\"I402z0jnG\",Open:\"y9aMVT0_q\"};const Variants=motion.create(React.Fragment);const getProps=({click,click2,click3,click4,click5,click6,click7,height,id,width,...props})=>{return{...props,B1qAbmmTk:click7??props.B1qAbmmTk,C25cyksA7:click3??props.C25cyksA7,jQK0DGRJZ:click5??props.jQK0DGRJZ,jSVF74PaS:click4??props.jSVF74PaS,MXSYwEb3i:click6??props.MXSYwEb3i,NDwyCIUbr:click2??props.NDwyCIUbr,SuK1YQONd:click??props.SuK1YQONd,variant:humanReadableVariantMap[props.variant]??props.variant??\"I402z0jnG\"};};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,SuK1YQONd,NDwyCIUbr,C25cyksA7,jSVF74PaS,jQK0DGRJZ,MXSYwEb3i,B1qAbmmTk,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"I402z0jnG\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTaprn51se=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(SuK1YQONd){const res=await SuK1YQONd(...args);if(res===false)return false;}setVariant(\"y9aMVT0_q\");});const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const onTapytssc9=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(SuK1YQONd){const res=await SuK1YQONd(...args);if(res===false)return false;}setVariant(\"I402z0jnG\");});const isDisplayed=()=>{if(baseVariant===\"y9aMVT0_q\")return true;return false;};const onTap1406w0=activeVariantCallback(async(...args)=>{if(NDwyCIUbr){const res=await NDwyCIUbr(...args);if(res===false)return false;}});const onTap1ns8di5=activeVariantCallback(async(...args)=>{if(C25cyksA7){const res=await C25cyksA7(...args);if(res===false)return false;}});const onTapwzmvw9=activeVariantCallback(async(...args)=>{if(jSVF74PaS){const res=await jSVF74PaS(...args);if(res===false)return false;}});const onTap635b8k=activeVariantCallback(async(...args)=>{if(jQK0DGRJZ){const res=await jQK0DGRJZ(...args);if(res===false)return false;}});const onTaphvlr75=activeVariantCallback(async(...args)=>{if(MXSYwEb3i){const res=await MXSYwEb3i(...args);if(res===false)return false;}});const onTap99n9t5=activeVariantCallback(async(...args)=>{if(B1qAbmmTk){const res=await B1qAbmmTk(...args);if(res===false)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(MotionDivWithWeekdayMode1ighu1e,{...restProps,...gestureHandlers,\"aria-label\":\"Scores\",className:cx(scopingClassNames,\"framer-1ighu1e\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Closed\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"I402z0jnG\",onTap:onTaprn51se,ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-ccb6f516-7823-4fda-b157-e279ac297a91, rgb(204, 153, 255))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backdropFilter:\"blur(4px)\",backgroundColor:\"rgba(204, 153, 255, 0.8)\",borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,WebkitBackdropFilter:\"blur(4px)\",...style},...addPropertyOverrides({y9aMVT0_q:{\"data-framer-name\":\"Open\",onTap:onTapytssc9}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1ghmqp6\",\"data-framer-name\":\"RIGHT\",layoutDependency:layoutDependency,layoutId:\"caAeewZ_0\",children:[isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"(9A-4P)\"})}),className:\"framer-16lfkkc\",\"data-framer-name\":\"Open Hours\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"feZ29U6G3\",onTap:onTap1406w0,style:{opacity:0},variants:{y9aMVT0_q:{opacity:.5}},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-17qgkc3\",\"data-framer-name\":\"Days of Week\",layoutDependency:layoutDependency,layoutId:\"gB6CQ91x4\",children:[/*#__PURE__*/_jsx(RichTextWithMonday1y8m2ib,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"M\"})}),className:\"framer-1y8m2ib\",\"data-framer-name\":\"tab-active\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Q1Ysn87Li\",onTap:onTap1ns8di5,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichTextWithTuesday3s7xgs,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"T\"})}),className:\"framer-3s7xgs\",\"data-framer-name\":\"tab-active\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"OiClkq4nB\",onTap:onTapwzmvw9,style:{opacity:0},variants:{y9aMVT0_q:{opacity:.5}},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichTextWithWednesdayb0oxfg,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"W\"})}),className:\"framer-b0oxfg\",\"data-framer-name\":\"tab-active\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"c5MvJIWF_\",onTap:onTap635b8k,style:{opacity:0},variants:{y9aMVT0_q:{opacity:.5}},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichTextWithThursday3wvo4l,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"TH\"})}),className:\"framer-3wvo4l\",\"data-framer-name\":\"tab-active\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"j9fx2uf1X\",onTap:onTaphvlr75,style:{opacity:0},variants:{y9aMVT0_q:{opacity:.5}},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(RichTextWithCurrentTime1xocxe8,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1qc0n1v\",\"data-styles-preset\":\"LRTWi2SAz\",dir:\"auto\",style:{\"--framer-text-alignment\":\"start\"},children:\"3:23P\"})}),className:\"framer-1xocxe8\",\"data-framer-name\":\"Current Time\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"WU47mC1My\",onTap:onTap99n9t5,verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-hk7wii-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"OJVyE8US8-container\",nodeId:\"OJVyE8US8\",rendersWithMotion:true,scopeId:\"kmYRejvYL\",children:/*#__PURE__*/_jsx(Openhours,{days:[{dayName:\"Monday\",hours:\"9:00 AM - 4:00 PM\",id:\"default-item-0\",status:true},{dayName:\"Tuesday\",hours:\"09:00 AM - 4:00 PM\",id:\"default-item-1\",status:true},{dayName:\"Wednesday\",hours:\"09:00 AM - 4:00 PM\",id:\"default-item-2\",status:true},{dayName:\"Thursday\",hours:\"09:00 AM - 4:00 PM\",id:\"default-item-3\",status:true},{dayName:\"Friday\",hours:\"\",id:\"default-item-4\",status:false},{dayName:\"Saturday\",hours:\"\",id:\"default-item-5\",status:false},{dayName:\"Sunday\",hours:\"\",id:\"default-item-6\",status:false}],height:\"100%\",id:\"OJVyE8US8\",indicatorSettings:{closedDotColor:\"var(--token-a3466474-b66a-49d4-9a44-da7569907d3b, rgb(230, 57, 45))\",dotIndicatorFlashing:true,dotIndicatorVisible:true,dotSize:8,gap:0,openDotColor:\"var(--token-8ca0a81e-7306-4415-8f14-e8ff18079632, rgb(64, 175, 128))\",pulseDuration:1.1,pulseScale:2},layoutId:\"OJVyE8US8\",textStyling:{closedPrefix:\"\",color:\"rgb(138, 138, 138)\",font:{fontFamily:'\"Tomato Grotesk Medium\", \"Tomato Grotesk Medium Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1em\"},openPrefix:\"\",timeColor:\"rgb(138, 138, 138)\"},timeSettings:{distribution:\"left\",shopLocationTimezone:\"America/Chicago\",showSchedule:false,showTime:false,timeFormat12:true},width:\"100%\"})})})]})})})});});const css=[\".framer-Cy3Dp.framer-8xizrp, .framer-Cy3Dp .framer-8xizrp { display: block; }\",\".framer-Cy3Dp.framer-1ighu1e { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: 22px; justify-content: center; padding: 6px 6px 6px 10px; position: relative; width: min-content; }\",\".framer-Cy3Dp .framer-1ghmqp6 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 2px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-Cy3Dp .framer-16lfkkc, .framer-Cy3Dp .framer-3s7xgs, .framer-Cy3Dp .framer-b0oxfg, .framer-Cy3Dp .framer-3wvo4l { cursor: pointer; flex: none; height: 9px; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-Cy3Dp .framer-17qgkc3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 13px; }\",\".framer-Cy3Dp .framer-1y8m2ib { cursor: pointer; flex: none; height: 9px; position: relative; white-space: pre; width: auto; }\",\".framer-Cy3Dp .framer-1xocxe8 { cursor: pointer; flex: none; height: 9px; position: relative; white-space: pre-wrap; width: 38px; word-break: break-word; word-wrap: break-word; }\",\".framer-Cy3Dp .framer-hk7wii-container { flex: none; height: auto; position: relative; width: auto; z-index: 1; }\",\".framer-Cy3Dp.framer-v-cnthra .framer-1ghmqp6 { gap: 6px; }\",\".framer-Cy3Dp.framer-v-cnthra .framer-16lfkkc { height: auto; white-space: pre; width: auto; }\",\".framer-Cy3Dp.framer-v-cnthra .framer-17qgkc3 { gap: 2px; width: min-content; }\",\".framer-Cy3Dp.framer-v-cnthra .framer-3s7xgs, .framer-Cy3Dp.framer-v-cnthra .framer-b0oxfg, .framer-Cy3Dp.framer-v-cnthra .framer-3wvo4l { white-space: pre; width: auto; }\",...sharedStyle.css,'.framer-Cy3Dp[data-border=\"true\"]::after, .framer-Cy3Dp [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 22\n * @framerIntrinsicWidth 67\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"y9aMVT0_q\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"SuK1YQONd\":\"click\",\"NDwyCIUbr\":\"click2\",\"C25cyksA7\":\"click3\",\"jSVF74PaS\":\"click4\",\"jQK0DGRJZ\":\"click5\",\"MXSYwEb3i\":\"click6\",\"B1qAbmmTk\":\"click7\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerkmYRejvYL=withCSS(Component,css,\"framer-Cy3Dp\");export default FramerkmYRejvYL;FramerkmYRejvYL.displayName=\"date-time\";FramerkmYRejvYL.defaultProps={height:22,width:67};addPropertyControls(FramerkmYRejvYL,{variant:{options:[\"I402z0jnG\",\"y9aMVT0_q\"],optionTitles:[\"Closed\",\"Open\"],title:\"Variant\",type:ControlType.Enum},SuK1YQONd:{title:\"Click\",type:ControlType.EventHandler},NDwyCIUbr:{title:\"Click 2\",type:ControlType.EventHandler},C25cyksA7:{title:\"Click 3\",type:ControlType.EventHandler},jSVF74PaS:{title:\"Click 4\",type:ControlType.EventHandler},jQK0DGRJZ:{title:\"Click 5\",type:ControlType.EventHandler},MXSYwEb3i:{title:\"Click 6\",type:ControlType.EventHandler},B1qAbmmTk:{title:\"Click 7\",type:ControlType.EventHandler}});addFonts(FramerkmYRejvYL,[{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:\"Tomato Grotesk Medium\",source:\"custom\",style:\"normal\",uiFamilyName:\"Tomato Grotesk\",url:\"https://framerusercontent.com/assets/zjo1N4x2Xkes3sNxpDnRGXbawQ.woff2\",weight:\"500\"}]},...OpenhoursFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerkmYRejvYL\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"22\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"SuK1YQONd\\\":\\\"click\\\",\\\"NDwyCIUbr\\\":\\\"click2\\\",\\\"C25cyksA7\\\":\\\"click3\\\",\\\"jSVF74PaS\\\":\\\"click4\\\",\\\"jQK0DGRJZ\\\":\\\"click5\\\",\\\"MXSYwEb3i\\\":\\\"click6\\\",\\\"B1qAbmmTk\\\":\\\"click7\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"67\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"y9aMVT0_q\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./kmYRejvYL.map","// Generated by Framer (85eaff3)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,JEeZYcamG:width1??props.JEeZYcamG??2,P_DcoRcrY:color??props.P_DcoRcrY??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,P_DcoRcrY,JEeZYcamG,...restProps}=getProps(props);const href=useSVGTemplate(\"1523893874\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-1RyhU\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m973uw\":P_DcoRcrY,\"--js9iwy\":JEeZYcamG,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-1RyhU { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"P_DcoRcrY\":\"color\",\"JEeZYcamG\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Circle Play\",\"color\":{\"type\":\"variable\",\"value\":\"1m973uw\"},\"set\":{\"localId\":\"vectorSet/ZsiCCGPvG\",\"id\":\"ZsiCCGPvG\",\"moduleId\":\"Y7SpbVH16cWqMhj75z1M\"}}\n */const Icon=withCSS(Component,css,\"framer-1RyhU\");Icon.displayName=\"Circle Play\";export default Icon;addPropertyControls(Icon,{P_DcoRcrY:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},JEeZYcamG:{defaultValue:2,displayStepper:true,hidden:false,max:16,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Circle Play\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1m973uw\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/ZsiCCGPvG\\\",\\\"id\\\":\\\"ZsiCCGPvG\\\",\\\"moduleId\\\":\\\"Y7SpbVH16cWqMhj75z1M\\\"}}\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"P_DcoRcrY\\\":\\\"color\\\",\\\"JEeZYcamG\\\":\\\"width1\\\"}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (85eaff3)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,JEeZYcamG:width1??props.JEeZYcamG??2,P_DcoRcrY:color??props.P_DcoRcrY??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,P_DcoRcrY,JEeZYcamG,...restProps}=getProps(props);const href=useSVGTemplate(\"544489559\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-T7iJs\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m973uw\":P_DcoRcrY,\"--js9iwy\":JEeZYcamG,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-T7iJs { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"P_DcoRcrY\":\"color\",\"JEeZYcamG\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Circle Alert\",\"color\":{\"type\":\"variable\",\"value\":\"1m973uw\"},\"set\":{\"localId\":\"vectorSet/ZsiCCGPvG\",\"id\":\"ZsiCCGPvG\",\"moduleId\":\"Y7SpbVH16cWqMhj75z1M\"}}\n */const Icon=withCSS(Component,css,\"framer-T7iJs\");Icon.displayName=\"Circle Alert\";export default Icon;addPropertyControls(Icon,{P_DcoRcrY:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},JEeZYcamG:{defaultValue:2,displayStepper:true,hidden:false,max:16,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"P_DcoRcrY\\\":\\\"color\\\",\\\"JEeZYcamG\\\":\\\"width1\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Circle Alert\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1m973uw\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/ZsiCCGPvG\\\",\\\"id\\\":\\\"ZsiCCGPvG\\\",\\\"moduleId\\\":\\\"Y7SpbVH16cWqMhj75z1M\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (dd59b2c)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,CRY1Fpez4:color??props.CRY1Fpez4??\"rgb(0, 0, 0)\",vet7gqNu_:width1??props.vet7gqNu_??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CRY1Fpez4,vet7gqNu_,...restProps}=getProps(props);const href=useSVGTemplate(\"2980175128\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-TzuBr\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1ww558a\":vet7gqNu_,\"--4rxgx6\":CRY1Fpez4,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-TzuBr { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CRY1Fpez4\":\"color\",\"vet7gqNu_\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Basketball Ball Sports\",\"color\":{\"type\":\"variable\",\"value\":\"4rxgx6\"},\"set\":{\"localId\":\"vectorSet/dSZJyzeMx\",\"id\":\"dSZJyzeMx\",\"moduleId\":\"E1vFg1A6wcWAGuFi9Hz1\"}}\n */const Icon=withCSS(Component,css,\"framer-TzuBr\");Icon.displayName=\"Basketball Ball Sports\";export default Icon;addPropertyControls(Icon,{CRY1Fpez4:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},vet7gqNu_:{defaultValue:2,displayStepper:true,hidden:false,max:4,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerVariables\":\"{\\\"CRY1Fpez4\\\":\\\"color\\\",\\\"vet7gqNu_\\\":\\\"width1\\\"}\",\"framerVector\":\"{\\\"name\\\":\\\"Basketball Ball Sports\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"4rxgx6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/dSZJyzeMx\\\",\\\"id\\\":\\\"dSZJyzeMx\\\",\\\"moduleId\\\":\\\"E1vFg1A6wcWAGuFi9Hz1\\\"}}\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (dd59b2c)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,CRY1Fpez4:color??props.CRY1Fpez4??\"rgb(0, 0, 0)\",vet7gqNu_:width1??props.vet7gqNu_??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CRY1Fpez4,vet7gqNu_,...restProps}=getProps(props);const href=useSVGTemplate(\"1358249524\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-WaVd3\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1ww558a\":vet7gqNu_,\"--4rxgx6\":CRY1Fpez4,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-WaVd3 { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CRY1Fpez4\":\"color\",\"vet7gqNu_\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"X Close Delete\",\"color\":{\"type\":\"variable\",\"value\":\"4rxgx6\"},\"set\":{\"localId\":\"vectorSet/dSZJyzeMx\",\"id\":\"dSZJyzeMx\",\"moduleId\":\"E1vFg1A6wcWAGuFi9Hz1\"}}\n */const Icon=withCSS(Component,css,\"framer-WaVd3\");Icon.displayName=\"X Close Delete\";export default Icon;addPropertyControls(Icon,{CRY1Fpez4:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},vet7gqNu_:{defaultValue:2,displayStepper:true,hidden:false,max:4,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"X Close Delete\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"4rxgx6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/dSZJyzeMx\\\",\\\"id\\\":\\\"dSZJyzeMx\\\",\\\"moduleId\\\":\\\"E1vFg1A6wcWAGuFi9Hz1\\\"}}\",\"framerVariables\":\"{\\\"CRY1Fpez4\\\":\\\"color\\\",\\\"vet7gqNu_\\\":\\\"width1\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (85eaff3)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,JEeZYcamG:width1??props.JEeZYcamG??2,P_DcoRcrY:color??props.P_DcoRcrY??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,P_DcoRcrY,JEeZYcamG,...restProps}=getProps(props);const href=useSVGTemplate(\"2752126547\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-g57Qh\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m973uw\":P_DcoRcrY,\"--js9iwy\":JEeZYcamG,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-g57Qh { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"P_DcoRcrY\":\"color\",\"JEeZYcamG\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Circle Plus\",\"color\":{\"type\":\"variable\",\"value\":\"1m973uw\"},\"set\":{\"localId\":\"vectorSet/ZsiCCGPvG\",\"id\":\"ZsiCCGPvG\",\"moduleId\":\"Y7SpbVH16cWqMhj75z1M\"}}\n */const Icon=withCSS(Component,css,\"framer-g57Qh\");Icon.displayName=\"Circle Plus\";export default Icon;addPropertyControls(Icon,{P_DcoRcrY:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},JEeZYcamG:{defaultValue:2,displayStepper:true,hidden:false,max:16,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"P_DcoRcrY\\\":\\\"color\\\",\\\"JEeZYcamG\\\":\\\"width1\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Circle Plus\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1m973uw\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/ZsiCCGPvG\\\",\\\"id\\\":\\\"ZsiCCGPvG\\\",\\\"moduleId\\\":\\\"Y7SpbVH16cWqMhj75z1M\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Overrides for the native \"Header (Ticker)\" component and its nested\n// Scores / Sounds pills. The component itself stays canvas-native; these\n// only add what the canvas can't express:\n// - withTickerHeader (header root): keeps the shared audio alive while\n// the header is on the page in any mode, and sends the ticker GA4\n// events by reading layer names (data-framer-name) on tap.\n// - withStationFromAudio (Sounds pill instance): opens on the station\n// that is currently playing instead of KEXP.\n// - withLeagueFromSession (Scores pill instance): reopens on the league\n// picked last in this session.\n// - withScoreBounce (emoji text): bounces when the Score atom reports a\n// real live score change.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useEffect,useRef,useState}from\"react\";// Keep in sync with Workshop/PlayButton.tsx and Workshop/atoms/Score.tsx\nconst AUDIO_STATE_KEY=\"grnhs-playbutton-audio\";const LEAGUE_KEY=\"grnhs-ticker-header-league\";const SCORE_CHANGE_EVENT=\"grnhs:score-change\";const STATIONS=[\"KEXP\",\"88.9\",\"WMSE\",\"414\"];const LEAGUES=[\"NBA\",\"NFL\",\"MLB\"];// Sounds pill variants: \"