{
  "version": 3,
  "sources": ["ssg:https://rive.app/api/s/sOaOsEFLJU63asaZU6eEtA/framer/", "ssg:https://framerusercontent.com/modules/9L0p2RPlAYqj1tpz2htL/7vJOm85FCYN5hxZ4vdyy/Security_rive.js", "ssg:https://framerusercontent.com/modules/Lvvqz7lh0huLlNDF9aK7/yQfnuaVKQleyS0iutyM7/F8kQH5fyf.js", "ssg:https://framerusercontent.com/modules/X19Ws2SpNCju6Bpn19Qb/qIx2mC0QmxuW7onyLNAb/IjJ_r4h0f.js", "ssg:https://framerusercontent.com/modules/1aSujNncAf44a2MAH6ne/PglMJtlzCuGJR9uIYone/nnItJkEMY.js", "ssg:https://framerusercontent.com/modules/nA2kbFnDxvrjzm6vQtMo/UdNOooezqXWiSPlI48LZ/PZQHCvlM_.js", "ssg:https://framerusercontent.com/modules/m88vCCWc0mC2hFtpIFnZ/l2m96tnGB5jQNuOeI1yE/yyUxhVT9D.js"],
  "sourcesContent": ["import React, { useEffect } from \"react\";\nimport { addPropertyControls, ControlType, RenderTarget } from \"framer\";\nimport Rive, { useRive, useStateMachineInput } from \"@rive-app/react-canvas\";\nexport const componentName = \"Artboard - State Machine 1\";\nexport default function Controls(props) {\n  const layout = new Rive.Layout({\n    fit: props.fit ?? \"contain\",\n    alignment: props.alignment ?? \"center\",\n  });\n  const params = {\n    src: \"https://public.rive.app/hosted/316718/162157/sOaOsEFLJU63asaZU6eEtA.riv\",\n    artboard: \"Artboard\",\n    stateMachines: \"State Machine 1\",\n    autoplay: true && props.play,\n    automaticallyHandleEvents: true,\n    layout,\n  };\n  const { RiveComponent, rive } = useRive(params);\n  useEffect(() => {\n    if (rive) {\n      if (RenderTarget.current() === RenderTarget.canvas) {\n        if (props.playOnCanvas && props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      } else {\n        if (props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      }\n    }\n  }, [props.play]);\n  useEffect(() => {\n    if (rive && RenderTarget.current() === RenderTarget.canvas) {\n      if (props.playOnCanvas && props.play) {\n        rive.play();\n      } else {\n        rive.pause();\n      }\n    }\n  }, [rive, props.playOnCanvas, props.play]);\n  useEffect(() => {\n    if (rive) {\n      const layout = new Rive.Layout({\n        fit: props.fit ?? \"contain\",\n        alignment: props.alignment ?? \"center\",\n      });\n      rive.layout = layout;\n    }\n  }, [props.fit, props.alignment]);\n  return React.createElement(RiveComponent, {});\n}\nControls.defaultProps = { play: true, playOnCanvas: true };\nexport const propertyControls = {\n  play: {\n    title: \"Playback\",\n    type: ControlType.Boolean,\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  playOnCanvas: {\n    type: ControlType.Boolean,\n    title: \"Play on Canvas\",\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  fit: {\n    type: ControlType.Enum,\n    defaultValue: \"contain\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"contain\",\n      \"cover\",\n      \"fill\",\n      \"fitWidth\",\n      \"fitHeight\",\n      \"none\",\n      \"scaleDown\",\n    ],\n    optionTitles: [\n      \"Contain\",\n      \"Cover\",\n      \"Fill\",\n      \"Fit Width\",\n      \"Fit Height\",\n      \"None\",\n      \"Scale Down\",\n    ],\n  },\n  alignment: {\n    type: ControlType.Enum,\n    defaultValue: \"center\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"center\",\n      \"topLeft\",\n      \"topCenter\",\n      \"topRight\",\n      \"centerLeft\",\n      \"centerRight\",\n      \"bottomLeft\",\n      \"bottomCenter\",\n      \"bottomRight\",\n    ],\n    optionTitles: [\n      \"Center\",\n      \"Top Left\",\n      \"Top Center\",\n      \"Top Right\",\n      \"Center Left\",\n      \"Center Right\",\n      \"Bottom Left\",\n      \"Bottom Center\",\n      \"Bottom Right\",\n    ],\n  },\n};\naddPropertyControls(Controls, propertyControls);\n", "import{addPropertyControls}from\"framer\";import RiveComponent,{componentName,propertyControls}from\"https://rive.app/api/s/sOaOsEFLJU63asaZU6eEtA/framer/\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default RiveComponent;RiveComponent.displayName=componentName;addPropertyControls(RiveComponent,propertyControls);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RiveComponent\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Security_rive.map", "// Generated by Framer (890879b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({color,height,id,width,...props})=>{return{...props,CSQF4Bwn3:color??props.CSQF4Bwn3??\"rgb(100, 116, 139)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CSQF4Bwn3,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-WJxIi\",className),layoutId:layoutId,ref:ref,style:{\"--1ytobg1\":CSQF4Bwn3,...style}});});const css=['.framer-WJxIi { aspect-ratio: 1; background-color: var(--1ytobg1); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Shield\" display=\"block\" role=\"presentation\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.333 11.513 L 9.333 13.513 L 14 8.847 M 21.333 11.73 L 21.333 5.417 C 21.333 4.278 20.61 3.265 19.534 2.895 L 11.534 0.145 C 10.972 -0.048 10.362 -0.048 9.8 0.145 L 1.8 2.895 C 0.723 3.265 0 4.278 0 5.417 L 0 11.73 C 0 18.36 5.333 21.18 10.667 24.057 C 16 21.18 21.333 18.36 21.333 11.73 Z\" fill=\"transparent\" height=\"24.05736125002427px\" id=\"yeK1tTKYt\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"var(--1ytobg1, rgb(100,116,139))\" transform=\"translate(5.333 4.153)\" width=\"21.33335px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 32px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 32\n * @framerIntrinsicHeight 32\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CSQF4Bwn3\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Shield\",\"color\":{\"type\":\"variable\",\"value\":\"1ytobg1\"},\"set\":{\"localId\":\"vectorSet/USh8wnbWm\",\"id\":\"USh8wnbWm\",\"moduleId\":\"yLMMZb1qqhkbMLymhuse\"}}\n */const Icon=withCSS(Component,css,\"framer-WJxIi\");export default Icon;addPropertyControls(Icon,{CSQF4Bwn3:{defaultValue:\"rgb(100, 116, 139)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"CSQF4Bwn3\\\":\\\"color\\\"}\",\"framerIntrinsicHeight\":\"32\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Shield\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ytobg1\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/USh8wnbWm\\\",\\\"id\\\":\\\"USh8wnbWm\\\",\\\"moduleId\\\":\\\"yLMMZb1qqhkbMLymhuse\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"32\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (890879b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({color,height,id,width,...props})=>{return{...props,CSQF4Bwn3:color??props.CSQF4Bwn3??\"rgb(100, 116, 139)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CSQF4Bwn3,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-1W7OL\",className),layoutId:layoutId,ref:ref,style:{\"--1ytobg1\":CSQF4Bwn3,...style}});});const css=['.framer-1W7OL { aspect-ratio: 1; background-color: var(--1ytobg1); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Eye\" display=\"block\" role=\"presentation\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 14 0 C 19.276 0 24.438 3.34 27.784 9.78 C 28.072 10.333 28.072 11 27.784 11.553 C 24.438 17.993 19.276 21.333 14 21.333 C 8.724 21.333 3.562 17.994 0.215 11.553 C -0.072 11 -0.072 10.333 0.215 9.78 C 3.562 3.34 8.724 0 14 0 Z\" fill=\"transparent\" height=\"21.3332900003593px\" id=\"wOkRLMt5_\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"var(--1ytobg1, rgb(100,116,139))\" transform=\"translate(2 5.333)\" width=\"27.999972500000002px\"/><path d=\"M 10.784 4.361 L 6.6 4.361 C 6.409 4.361 6.255 4.223 6.255 4.053 L 6.255 0.308 C 6.255 0.004 5.812 -0.115 5.623 0.137 L 0.059 7.568 C -0.094 7.772 0.07 8.046 0.346 8.046 L 4.53 8.046 C 4.721 8.046 4.875 8.183 4.875 8.353 L 4.875 12.099 C 4.875 12.402 5.318 12.522 5.507 12.269 L 11.071 4.838 C 11.224 4.634 11.06 4.361 10.784 4.361 Z\" fill=\"var(--1ytobg1, rgb(100,116,139))\" height=\"12.4063656564877px\" id=\"hdZzxr0gX\" transform=\"translate(10.435 9.797)\" width=\"11.129607218599396px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 32px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 32\n * @framerIntrinsicHeight 32\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CSQF4Bwn3\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Eye\",\"color\":{\"type\":\"variable\",\"value\":\"1ytobg1\"},\"set\":{\"localId\":\"vectorSet/USh8wnbWm\",\"id\":\"USh8wnbWm\",\"moduleId\":\"yLMMZb1qqhkbMLymhuse\"}}\n */const Icon=withCSS(Component,css,\"framer-1W7OL\");export default Icon;addPropertyControls(Icon,{CSQF4Bwn3:{defaultValue:\"rgb(100, 116, 139)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"CSQF4Bwn3\\\":\\\"color\\\"}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"32\",\"framerIntrinsicHeight\":\"32\",\"framerVector\":\"{\\\"name\\\":\\\"Eye\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ytobg1\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/USh8wnbWm\\\",\\\"id\\\":\\\"USh8wnbWm\\\",\\\"moduleId\\\":\\\"yLMMZb1qqhkbMLymhuse\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (890879b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({color,height,id,width,...props})=>{return{...props,CSQF4Bwn3:color??props.CSQF4Bwn3??\"rgb(100, 116, 139)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CSQF4Bwn3,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-wohkf\",className),layoutId:layoutId,ref:ref,style:{\"--1ytobg1\":CSQF4Bwn3,...style}});});const css=['.framer-wohkf { aspect-ratio: 1; background-color: var(--1ytobg1); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Vault\" display=\"block\" role=\"presentation\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4 18.667 L 2.667 18.667 C 1.194 18.667 0 17.473 0 16 L 0 2.667 C 0 1.194 1.194 0 2.667 0 L 18.667 0 C 20.139 0 21.333 1.194 21.333 2.667 L 21.333 16 C 21.333 17.473 20.139 18.667 18.667 18.667 L 17.333 18.667 M 4 18.667 L 4 21.333 M 4 18.667 L 17.333 18.667 M 17.333 18.667 L 17.333 21.333 M 5.333 9.333 C 5.333 12.279 7.721 14.667 10.667 14.667 C 13.612 14.667 16 12.279 16 9.333 C 16 6.388 13.612 4 10.667 4 C 7.721 4 5.333 6.388 5.333 9.333 Z M 5.333 9.333 L 9.333 9.333\" fill=\"transparent\" height=\"21.333290826416015px\" id=\"b0QMwjEIF\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"var(--1ytobg1, rgb(100,116,139))\" transform=\"translate(5.333 5.333)\" width=\"21.33335px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 32px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 32\n * @framerIntrinsicHeight 32\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CSQF4Bwn3\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Vault\",\"color\":{\"type\":\"variable\",\"value\":\"1ytobg1\"},\"set\":{\"localId\":\"vectorSet/USh8wnbWm\",\"id\":\"USh8wnbWm\",\"moduleId\":\"yLMMZb1qqhkbMLymhuse\"}}\n */const Icon=withCSS(Component,css,\"framer-wohkf\");export default Icon;addPropertyControls(Icon,{CSQF4Bwn3:{defaultValue:\"rgb(100, 116, 139)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"CSQF4Bwn3\\\":\\\"color\\\"}\",\"framerIntrinsicWidth\":\"32\",\"framerIntrinsicHeight\":\"32\",\"framerVector\":\"{\\\"name\\\":\\\"Vault\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ytobg1\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/USh8wnbWm\\\",\\\"id\\\":\\\"USh8wnbWm\\\",\\\"moduleId\\\":\\\"yLMMZb1qqhkbMLymhuse\\\"}}\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (890879b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({color,height,id,width,...props})=>{return{...props,CSQF4Bwn3:color??props.CSQF4Bwn3??\"rgb(100, 116, 139)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CSQF4Bwn3,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-d4mrR\",className),layoutId:layoutId,ref:ref,style:{\"--1ytobg1\":CSQF4Bwn3,...style}});});const css=['.framer-d4mrR { aspect-ratio: 1; background-color: var(--1ytobg1); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Bell Alarm\" display=\"block\" role=\"presentation\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 0 5.094 C 0.417 3.183 1.294 1.445 2.508 0 M 20.703 0 C 21.917 1.445 22.794 3.183 23.211 5.094 M 15.881 17.82 C 15.028 19.511 13.432 20.649 11.605 20.649 C 9.779 20.649 8.183 19.511 7.33 17.82 M 5.139 17.255 L 18.072 17.255 C 19.44 17.255 20.495 16.049 20.314 14.693 L 19.29 7.013 C 18.777 3.162 15.491 0.285 11.605 0.285 C 7.72 0.285 4.434 3.162 3.92 7.013 L 2.897 14.693 C 2.716 16.049 3.771 17.255 5.139 17.255 Z\" fill=\"transparent\" height=\"20.64855064697266px\" id=\"y54G5sAQp\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" stroke=\"var(--1ytobg1, rgb(100,116,139))\" transform=\"translate(4.395 5.508)\" width=\"23.21101982421875px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 32px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 32\n * @framerIntrinsicHeight 32\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CSQF4Bwn3\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Bell Alarm\",\"color\":{\"type\":\"variable\",\"value\":\"1ytobg1\"},\"set\":{\"localId\":\"vectorSet/USh8wnbWm\",\"id\":\"USh8wnbWm\",\"moduleId\":\"yLMMZb1qqhkbMLymhuse\"}}\n */const Icon=withCSS(Component,css,\"framer-d4mrR\");export default Icon;addPropertyControls(Icon,{CSQF4Bwn3:{defaultValue:\"rgb(100, 116, 139)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Bell Alarm\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ytobg1\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/USh8wnbWm\\\",\\\"id\\\":\\\"USh8wnbWm\\\",\\\"moduleId\\\":\\\"yLMMZb1qqhkbMLymhuse\\\"}}\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"32\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"32\",\"framerVariables\":\"{\\\"CSQF4Bwn3\\\":\\\"color\\\"}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (890879b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({color,height,id,width,...props})=>{return{...props,CSQF4Bwn3:color??props.CSQF4Bwn3??\"rgb(100, 116, 139)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,CSQF4Bwn3,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-lxcAa\",className),layoutId:layoutId,ref:ref,style:{\"--1ytobg1\":CSQF4Bwn3,...style}});});const css=['.framer-lxcAa { aspect-ratio: 1; background-color: var(--1ytobg1); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Passkey\" display=\"block\" role=\"presentation\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 6 0 C 2.686 0 0 2.686 0 6 C 0 9.314 2.686 12 6 12 C 9.314 12 12 9.314 12 6 C 12 2.686 9.314 0 6 0 Z\" fill=\"var(--1ytobg1, rgb(100,116,139))\" height=\"11.99999px\" id=\"tPTsVaEUf\" transform=\"translate(9.333 3.333)\" width=\"12.000050000000002px\"/><path d=\"M 10.82 0 C 5.71 0 1.8 3.062 0.212 7.355 C -0.241 8.582 0.069 9.792 0.791 10.652 C 1.494 11.49 2.579 12 3.749 12 L 14.484 12 L 14.484 7.732 C 13.058 6.512 12.151 4.697 12.151 2.667 C 12.151 1.771 12.328 0.916 12.648 0.136 C 12.058 0.046 11.448 0 10.82 0 Z\" fill=\"var(--1ytobg1, rgb(100,116,139))\" height=\"12px\" id=\"LZ7HqV2NS\" transform=\"translate(4.516 16.667)\" width=\"14.484373578308574px\"/><path d=\"M 8 4 C 8 5.614 7.044 7.005 5.667 7.637 L 5.667 9.333 L 4.667 10.333 L 5.667 11.236 L 5.667 12.346 C 5.667 12.549 5.575 12.74 5.416 12.867 L 4.416 13.667 C 4.173 13.862 3.827 13.862 3.584 13.667 L 2.584 12.867 C 2.425 12.74 2.333 12.549 2.333 12.346 L 2.333 7.637 C 0.956 7.005 0 5.614 0 4 C 0 1.791 1.791 0 4 0 C 6.209 0 8 1.791 8 4 Z M 4 5.333 C 4.736 5.333 5.333 4.736 5.333 4 C 5.333 3.264 4.736 2.667 4 2.667 C 3.264 2.667 2.667 3.264 2.667 4 C 2.667 4.736 3.264 5.333 4 5.333 Z\" fill=\"var(--1ytobg1, rgb(100,116,139))\" height=\"13.812899999999999px\" id=\"tvwlMXuUh\" transform=\"translate(19.333 15.333)\" width=\"8px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 32px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 32\n * @framerIntrinsicHeight 32\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"CSQF4Bwn3\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Passkey\",\"color\":{\"type\":\"variable\",\"value\":\"1ytobg1\"},\"set\":{\"localId\":\"vectorSet/USh8wnbWm\",\"id\":\"USh8wnbWm\",\"moduleId\":\"yLMMZb1qqhkbMLymhuse\"}}\n */const Icon=withCSS(Component,css,\"framer-lxcAa\");export default Icon;addPropertyControls(Icon,{CSQF4Bwn3:{defaultValue:\"rgb(100, 116, 139)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"CSQF4Bwn3\\\":\\\"color\\\"}\",\"framerIntrinsicWidth\":\"32\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Passkey\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ytobg1\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/USh8wnbWm\\\",\\\"id\\\":\\\"USh8wnbWm\\\",\\\"moduleId\\\":\\\"yLMMZb1qqhkbMLymhuse\\\"}}\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"32\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["componentName", "Controls", "props", "layout", "v", "params", "RiveComponent", "rive", "H", "ue", "RenderTarget", "e", "propertyControls", "ControlType", "addPropertyControls", "Security_rive_default", "Controls", "componentName", "addPropertyControls", "propertyControls", "SVG", "Y", "props", "ref", "animated", "layoutId", "children", "rest", "p", "motion", "getProps", "color", "height", "id", "width", "Component", "style", "className", "variant", "CSQF4Bwn3", "restProps", "cx", "css", "Icon", "withCSS", "F8kQH5fyf_default", "addPropertyControls", "ControlType", "SVG", "Y", "props", "ref", "animated", "layoutId", "children", "rest", "p", "motion", "getProps", "color", "height", "id", "width", "Component", "style", "className", "variant", "CSQF4Bwn3", "restProps", "cx", "css", "Icon", "withCSS", "IjJ_r4h0f_default", "addPropertyControls", "ControlType", "SVG", "Y", "props", "ref", "animated", "layoutId", "children", "rest", "p", "motion", "getProps", "color", "height", "id", "width", "Component", "style", "className", "variant", "CSQF4Bwn3", "restProps", "cx", "css", "Icon", "withCSS", "nnItJkEMY_default", "addPropertyControls", "ControlType", "SVG", "Y", "props", "ref", "animated", "layoutId", "children", "rest", "p", "motion", "getProps", "color", "height", "id", "width", "Component", "style", "className", "variant", "CSQF4Bwn3", "restProps", "cx", "css", "Icon", "withCSS", "PZQHCvlM_default", "addPropertyControls", "ControlType", "SVG", "Y", "props", "ref", "animated", "layoutId", "children", "rest", "p", "motion", "getProps", "color", "height", "id", "width", "Component", "style", "className", "variant", "CSQF4Bwn3", "restProps", "cx", "css", "Icon", "withCSS", "yyUxhVT9D_default", "addPropertyControls", "ControlType"]
}
