{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/JTW5WNmle2vS6S3CT9zK/g647adlHaEK3dqkefHFA/VTgYRacOu.js"],
  "sourcesContent": ["// Generated by Framer (58c7c96)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, SVG, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"u9fTyQuUq\", \"ycHhbnc9D\"];\nconst variantClassNames = {\n  u9fTyQuUq: \"framer-v-wzi6qh\",\n  ycHhbnc9D: \"framer-v-1thwts1\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n  const nextOverrides = {};\n  variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n  return nextOverrides;\n}\nconst humanReadableVariantMap = {\n  Dark: \"u9fTyQuUq\",\n  Light: \"ycHhbnc9D\"\n};\nconst transitions = {\n  default: {\n    damping: 60,\n    delay: 0,\n    duration: .3,\n    ease: [.44, 0, .56, 1],\n    mass: 1,\n    stiffness: 500,\n    type: \"spring\"\n  }\n};\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n  const ref = React.useRef(null);\n  if (ref.current === null) {\n    ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n  }\n  return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style: externalStyle = {},\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"u9fTyQuUq\",\n  ...restProps\n}, ref) {\n  const outerVariantId = humanReadableVariantMap[outerVariant];\n  const variant = outerVariantId || outerVariant;\n  const {\n    baseVariant,\n    classNames,\n    gestureVariant,\n    setGestureState,\n    setVariant,\n    transition,\n    variants\n  } = useVariantState({\n    cycleOrder,\n    defaultVariant: \"u9fTyQuUq\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n  const defaultLayoutId = useRandomID();\n  const {\n    pointerEvents,\n    ...style\n  } = externalStyle;\n  return /*#__PURE__*/_jsx(LayoutGroup, {\n    id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n    children: /*#__PURE__*/_jsx(motion.div, {\n      \"data-framer-generated\": true,\n      initial: variant,\n      animate: variants,\n      onHoverStart: () => setGestureState({\n        isHovered: true\n      }),\n      onHoverEnd: () => setGestureState({\n        isHovered: false\n      }),\n      onTapStart: () => setGestureState({\n        isPressed: true\n      }),\n      onTap: () => setGestureState({\n        isPressed: false\n      }),\n      onTapCancel: () => setGestureState({\n        isPressed: false\n      }),\n      className: cx(\"framer-wksqX\", classNames),\n      style: {\n        display: \"contents\",\n        pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-wzi6qh\", className),\n        \"data-framer-name\": \"Dark\",\n        layoutDependency: layoutDependency,\n        layoutId: \"u9fTyQuUq\",\n        ref: ref,\n        style: {\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          ycHhbnc9D: {\n            \"data-framer-name\": \"Light\"\n          }\n        }, baseVariant, gestureVariant),\n        children: /*#__PURE__*/_jsx(SVG, {\n          className: \"framer-1l6b8sn\",\n          \"data-framer-name\": \"Vector 11\",\n          layout: \"position\",\n          layoutDependency: layoutDependency,\n          layoutId: \"TG3mTVd13\",\n          opacity: 1,\n          radius: 0,\n          svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 17 20\"><path d=\"M 1 19 L 1 1 L 16 10 Z\" fill=\"transparent\" stroke-width=\"2\" stroke=\"var(--token-9075c774-06ab-4edb-9d46-6261c89d036d, rgb(6, 6, 6)) /* {&quot;name&quot;:&quot;Dark 900&quot;} */\" stroke-linejoin=\"round\" stroke-dasharray=\"\"></path></svg>',\n          svgContentId: 3866452801,\n          transition: transition,\n          withExternalLayout: true,\n          ...addPropertyOverrides({\n            ycHhbnc9D: {\n              svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 17 20\"><path d=\"M 1 19 L 1 1 L 16 10 Z\" fill=\"transparent\" stroke-width=\"2\" stroke=\"var(--token-e8d38589-0df8-4571-8c26-84254ea24a83, rgb(255, 255, 255)) /* {&quot;name&quot;:&quot;Light 000&quot;} */\" stroke-linejoin=\"round\" stroke-dasharray=\"\"></path></svg>',\n              svgContentId: 4076821214\n            }\n          }, baseVariant, gestureVariant)\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-wksqX [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; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-wksqX * { box-sizing: border-box; }\", \".framer-wksqX .framer-39finb { display: block; }\", \".framer-wksqX .framer-wzi6qh { height: 24px; overflow: visible; position: relative; width: 24px; }\", \".framer-wksqX .framer-1l6b8sn { flex: none; height: 20px; left: calc(50.00000000000002% - 17px / 2); position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 17px; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerIntrinsicHeight 24\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerIntrinsicWidth 24\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ycHhbnc9D\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */\nconst FramerVTgYRacOu = withCSS(Component, css);\nexport default FramerVTgYRacOu;\nFramerVTgYRacOu.displayName = \"Icon / Play\";\nFramerVTgYRacOu.defaultProps = {\n  height: 24,\n  width: 24\n};\naddPropertyControls(FramerVTgYRacOu, {\n  variant: {\n    options: [\"u9fTyQuUq\", \"ycHhbnc9D\"],\n    optionTitles: [\"Dark\", \"Light\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  }\n});\naddFonts(FramerVTgYRacOu, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerVTgYRacOu\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"24\",\n        \"framerIntrinsicHeight\": \"24\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ycHhbnc9D\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./VTgYRacOu.map"],
  "mappings": "sJAKA,IAAMA,EAAa,CAAC,YAAa,WAAW,EACtCC,EAAoB,CACxB,UAAW,kBACX,UAAW,kBACb,EACA,SAASC,EAAqBC,KAAcC,EAAU,CACpD,IAAMC,EAAgB,CAAC,EACvB,OAAoDD,GAAS,QAAQE,GAAWA,GAAW,OAAO,OAAOD,EAAeF,EAAUG,CAAO,CAAC,CAAC,EACpID,CACT,CACA,IAAME,EAA0B,CAC9B,KAAM,YACN,MAAO,WACT,EACMC,EAAc,CAClB,QAAS,CACP,QAAS,GACT,MAAO,EACP,SAAU,GACV,KAAM,CAAC,IAAK,EAAG,IAAK,CAAC,EACrB,KAAM,EACN,UAAW,IACX,KAAM,QACR,CACF,EACMC,EAAS,iEACf,SAASC,GAAc,CACrB,IAAMC,EAAYC,EAAO,IAAI,EAC7B,OAAID,EAAI,UAAY,OAClBA,EAAI,QAAU,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,IAAMF,EAAO,KAAK,MAAM,KAAK,OAAO,EAAIA,EAAO,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAE9FE,EAAI,OACb,CACA,IAAME,EAA+BC,EAAW,SAAU,CACxD,GAAAC,EACA,MAAOC,EAAgB,CAAC,EACxB,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAASC,EAAe,YACxB,GAAGC,CACL,EAAGX,EAAK,CAEN,IAAML,EADiBC,EAAwBc,CAAY,GACzBA,EAC5B,CACJ,YAAAE,EACA,WAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAxB,CACF,EAAIyB,EAAgB,CAClB,WAAA7B,EACA,eAAgB,YAChB,YAAAQ,EACA,QAAAF,EACA,kBAAAL,CACF,CAAC,EACK6B,EAAmB1B,EAAS,KAAK,GAAG,EAAIkB,EAAU,iBAClDS,EAAkBrB,EAAY,EAC9B,CACJ,cAAAsB,EACA,GAAGC,CACL,EAAIjB,EACJ,OAAoBkB,EAAKC,EAAa,CACpC,GAAIf,GAAsDW,EAC1D,SAAuBG,EAAKE,EAAO,IAAK,CACtC,wBAAyB,GACzB,QAAS9B,EACT,QAASF,EACT,aAAc,IAAMsB,EAAgB,CAClC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,WAAY,IAAMA,EAAgB,CAChC,UAAW,EACb,CAAC,EACD,MAAO,IAAMA,EAAgB,CAC3B,UAAW,EACb,CAAC,EACD,YAAa,IAAMA,EAAgB,CACjC,UAAW,EACb,CAAC,EACD,UAAWW,EAAG,eAAgBb,CAAU,EACxC,MAAO,CACL,QAAS,WACT,cAAeQ,GAAqE,MACtF,EACA,SAAuBE,EAAKE,EAAO,IAAK,CACtC,GAAGd,EACH,UAAWe,EAAG,gBAAiBpB,CAAS,EACxC,mBAAoB,OACpB,iBAAkBa,EAClB,SAAU,YACV,IAAKnB,EACL,MAAO,CACL,GAAGsB,CACL,EACA,WAAYL,EACZ,GAAG1B,EAAqB,CACtB,UAAW,CACT,mBAAoB,OACtB,CACF,EAAGqB,EAAaE,CAAc,EAC9B,SAAuBS,EAAKI,EAAK,CAC/B,UAAW,iBACX,mBAAoB,YACpB,OAAQ,WACR,iBAAkBR,EAClB,SAAU,YACV,QAAS,EACT,OAAQ,EACR,IAAK,+VACL,aAAc,WACd,WAAYF,EACZ,mBAAoB,GACpB,GAAG1B,EAAqB,CACtB,UAAW,CACT,IAAK,sWACL,aAAc,UAChB,CACF,EAAGqB,EAAaE,CAAc,CAChC,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,CACH,CAAC,EACKc,EAAM,CAAC,sZAAuZ,kFAAmF,8CAA+C,mDAAoD,qGAAsG,mLAAmL,EAM72BC,EAAkBC,EAAQ5B,EAAW0B,CAAG,EACvCG,EAAQF,EACfA,EAAgB,YAAc,cAC9BA,EAAgB,aAAe,CAC7B,OAAQ,GACR,MAAO,EACT,EACAG,EAAoBH,EAAiB,CACnC,QAAS,CACP,QAAS,CAAC,YAAa,WAAW,EAClC,aAAc,CAAC,OAAQ,OAAO,EAC9B,MAAO,UACP,KAAMI,EAAY,IACpB,CACF,CAAC,EACDC,EAASL,EAAiB,CAAC,CAAC",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "SVG", "css", "FramerVTgYRacOu", "withCSS", "VTgYRacOu_default", "addPropertyControls", "ControlType", "addFonts"]
}