{ "version": 3, "sources": ["ssg:https://framer.com/m/framer/icon-nullstate.js@0.7.0", "ssg:https://framer.com/m/material-icons/Home.js@0.0.32", "ssg:https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js", "ssg:https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/PCgBX5d6MdQT7E7nhdXn/Material.js", "ssg:https://framerusercontent.com/modules/G6XnQqUXcL52Mj96SZ1I/p0BE0YD7X6YVtHQTcMKk/qSJu3MKLj.js", "ssg:https://cdn.framerauth.com/packages/overrides/core/live/latest/core.js", "ssg:https://cdn.framerauth.com/packages/overrides/store/live/latest/store.js", "ssg:https://cdn.framerauth.com/packages/overrides/extensions/live/latest/extensions.js", "ssg:https://framerusercontent.com/modules/K0n0GyTuIIAMXhKs1ep1/lM6aY70i5rIVER65kNW8/FramerAuth.js", "ssg:https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js", "ssg:https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js", "ssg:https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js", "ssg:https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js", "ssg:https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js", "ssg:https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js", "ssg:https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js", "ssg:https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js", "ssg:https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js", "ssg:https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js", "ssg:https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js", "ssg:https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/s801VqobGI0Gkh3K9b41/Embed.js", "ssg:https://framerusercontent.com/modules/XKsEJ2ER0gAtbse4PNFG/98fFDfuTeJhZoSN0uKhe/b7DDpqRdw.js", "ssg:https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/RfHh9MIwqlgi04HKZ3Qo/Clipboard.js", "ssg:https://framer.com/m/phosphor-icons/House.js@0.0.57", "ssg:https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/p8dptk4UIND8hbFWz9V7/Phosphor.js", "ssg:https://framerusercontent.com/modules/e5Qw2LUBH3hQY5MRNx5Y/4msMEZz9oyNwpRiYqKWo/i69sWl94s.js", "ssg:https://framerusercontent.com/modules/RUxMjABiJcMZ5n8Ce0mt/nrmFmbEQf9JQTKE8GQwF/vH2pgu0FC.js", "ssg:https://framerusercontent.com/modules/vO8vMtZCh008WtOAwJEI/n5ZzDuLYAiEpk44IFA3M/Back_button.js", "ssg:https://framerusercontent.com/modules/WeyaSmB78Y6ytJJPhBel/KTMEUNWCGXzF9mhlrNJ6/A3jBorOxE.js", "ssg:https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/EqB2oGdmJ81urPOd5L66/Clipboard.js", "ssg:https://framerusercontent.com/modules/RIgxSyTf1K5GRPCD49fn/Q6yRGSo0NG7odN4UpA7R/ApHgGzs0Y.js", "ssg:https://framerusercontent.com/modules/aL2xGIrkd24CzGlo7IID/TCm0FsGyrTvXPmKcGYwE/B1tpSSBnl.js", "ssg:https://framerusercontent.com/modules/I1DC9cTt2FcHsDUAaRxW/hAahUT5WhkA90ScusgxD/SVG.js", "ssg:https://framerusercontent.com/modules/WWgepZ53F0UvvW2fDAoG/9AlSFL6dAzTVzS4oiWbM/APim4rHnB.js", "ssg:https://framerusercontent.com/modules/y3fO12VWOv364J9urBvR/dxDzj6QQLFoZCykIY3hX/baFCooI55.js", "ssg:https://ga.jspm.io/npm:@react-spring/rafz@9.6.1/dist/react-spring-rafz.esm.js", "ssg:https://ga.jspm.io/npm:@react-spring/shared@9.6.1/dist/react-spring-shared.esm.js", "ssg:https://ga.jspm.io/npm:@react-spring/animated@9.6.1/dist/react-spring-animated.esm.js", "ssg:https://ga.jspm.io/npm:@react-spring/core@9.6.1/dist/react-spring-core.esm.js", "ssg:https://ga.jspm.io/npm:@react-spring/web@9.6.1/dist/react-spring-web.esm.js", "ssg:https://framerusercontent.com/modules/OoMgycNnP4MmYLe8vXCZ/QhQOGqWxe537WUrHSEvR/AnimateOnHover.js", "ssg:https://framerusercontent.com/modules/vr1LWrLJ8Nd4j63bwLMr/XJI0M8NFAeMdpmcfaKqI/bkB3mbnvR.js", "ssg:https://framerusercontent.com/modules/9N50PMbCaZNc8J76vXRL/zbPz4O3CnWxY2tjbhM7b/TextMask.js", "ssg:https://framerusercontent.com/modules/oJQxBX7x6PKVSWEUjTBn/Gj4VjvCiKTyPQSOIyXBo/c1QFthCJz.js", "ssg:https://framerusercontent.com/modules/TwT23xNZiYXQQSy2oXnP/uyERTjOU3WXs0bTpM5N9/CikPzs0cd.js", "ssg:https://framerusercontent.com/modules/3DBBv4sJz4IyYyqFg6d4/ydQAaShcfRgyH6hWHYXK/CKzGAi8Ac.js", "ssg:https://framerusercontent.com/modules/i6utQWQ69APfUogEl51j/c3IKqSKlh3qUNHpkfNns/gJBTzyKYT.js", "ssg:https://framerusercontent.com/modules/tT7N6fJ3DI4E1WeIVzlN/95Gh2PO6dSTrqbgjKqBU/TxoE8qegT.js", "ssg:https://framerusercontent.com/modules/I2CChppYtuKyvKrJYbdd/FwxKrxyFGveLEEg4yfoF/CSyaBtpRU.js", "ssg:https://framerusercontent.com/modules/RaFGwuro9ZiRoWbeXwBX/9duUfZemzCYxRobhqf9A/CUclgRkWa.js", "ssg:https://framerusercontent.com/modules/Z0gYnnnbANNyh3bxNmI6/rfaIoJcQakuhxN27yOVL/dIUga1Zst.js", "ssg:https://framerusercontent.com/modules/hFWuOliT2lI17jaPvunT/igdydxz1Oed8DbOH7c7K/EguA4iNTB.js", "ssg:https://framerusercontent.com/modules/4NW0vkUXVTMqsjjAM8Tm/qhA4GMM2kNDDxpvK7ih6/Emfc3Ap4I.js", "ssg:https://framerusercontent.com/modules/bamMgJhjMszHbcnxCtZj/20nHFbpxFqdlchR1dDZF/Noise.js", "ssg:https://framer.com/m/framer/lodash.js@0.3.0", "ssg:https://framerusercontent.com/modules/AHY1z1xp5QsxaZBkEL9H/7Qvf2RhlgA8L1UHMchaV/Slider.js", "ssg:https://framerusercontent.com/modules/NRKVbMFYrBaqL0rx532t/o1XmI0MqgEIlgDIKXNDR/Audio.js", "ssg:https://framerusercontent.com/modules/ysVnne0armlcPIUd6E45/ubg97ZZIc7Jao5TamL6B/ETyeTRby7.js", "ssg:https://framerusercontent.com/modules/I1DC9cTt2FcHsDUAaRxW/6iIIX4SzvuX6GX8XtSv5/SVG_Prod.js", "ssg:https://framerusercontent.com/modules/KMnVm5bHxYjxOafWABCY/zW7yDgtK0Ncuv02JOPCj/FDiS33Q0r.js", "ssg:https://framerusercontent.com/modules/07Xq5jf2Oimt9pUM6Zpc/b89rU0GcPGb0wYrMhqmw/FHlNw0B3v.js", "ssg:https://framerusercontent.com/modules/zMdOv1j2ZTjf0PrDMHRJ/C4dQm6lgVwtn4vhl6v1Y/fncRkCxQm.js", "ssg:https://ga.jspm.io/npm:@motionone/utils@10.14.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/easing@10.13.1/dist/index.es.js", "ssg:https://framerusercontent.com/modules/cKGD16u2MGB7MfqfVXFp/wiztTCbXokZrMicHAmZc/Grain.js", "ssg:https://ga.jspm.io/npm:tsparticles-engine@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:fast-deep-equal@3.1.3/react.js", "ssg:https://ga.jspm.io/npm:react-tsparticles@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-plugin-absorbers@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-plugin-emitters@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-trail@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-plugin-polygon-mask@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-roll@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-particles.js@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-angle@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-move-base@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-circle@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-color@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-attract@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-bounce@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-bubble@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-connect@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-grab@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-pause@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-push@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-remove@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-external-repulse@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-image@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-life@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-line@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-opacity@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-out-modes@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-move-parallax@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-particles-attract@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-particles-collisions@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-interaction-particles-links@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-polygon@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-size@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-square@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-star@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-stroke-color@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-shape-text@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-slim@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-tilt@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-twinkle@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles-updater-wobble@2.2.4/esm/index.js", "ssg:https://ga.jspm.io/npm:tsparticles@2.2.4/esm/index.js", "ssg:https://framerusercontent.com/modules/wb6ZrZlCLNQ5HHBJtNND/c1GLxCsQBQvlLXhkz7er/Particles.js", "ssg:https://framerusercontent.com/modules/Sspqd2yXHmFWgI7FCXC4/sL4TyWajqUAVI4SNWZ5x/STk1mt_CU.js", "ssg:https://framerusercontent.com/modules/oeV6K1gLQQ2pn96VVBmO/l8tZA1vfbuNGerGRZs9B/u_JN6tAnN.js", "ssg:https://framerusercontent.com/modules/Y9WthhimeqCNw9Jx9GhJ/xG9umq4FWxALEwTQ3ZiT/wTBT3MPJ6.js", "ssg:https://framerusercontent.com/modules/puHRV6ANxxJgWrnZ1XAh/Vbrju8I5FkTBx12Nb1I3/FS2tNrw1W.js", "ssg:https://framerusercontent.com/modules/wrE9bbXshYFxzJ4Y8c3W/lW7cYVsPg9uv0QeEFAir/G3TmAhtmv.js", "ssg:https://framerusercontent.com/modules/7KuIsXi3tODnVu180KzW/WEeidvpvxXBU3QKBzM60/GFdHbUSP4.js", "ssg:https://framerusercontent.com/modules/luj2q9jm9YBji92T42sq/3CQYxU8WX4vowJCarx5l/Gradient_Border.js", "ssg:https://framerusercontent.com/modules/SjYRdJuxJwt2SWYMDWs2/zrN88Xf3ELzGppkKpJBl/gTJ90obEU.js", "ssg:https://framerusercontent.com/modules/savuka2fCMwWn1cXzYWI/DyCVh3niGCPOyrDpEMtE/gtsaCYg5O.js", "ssg:https://framerusercontent.com/modules/kgg6bPv3GnnMAlZnwZnq/P74bqGaIyZ3vN8SRkN2Z/LiquidBG.js", "ssg:https://framerusercontent.com/modules/9PAQmvHu181VKIGHNwM2/GS4MdaMm8wrh0rWA0GIy/iwJD33IOT.js", "ssg:https://framerusercontent.com/modules/PLrTPTulgVJdRoLG2lgq/aY0qqSJfGnm1c00qbJIr/L_udtXBT7.js", "ssg:https://framerusercontent.com/modules/9GQmNmiqnmOHoUTcoVP0/RotKFQ9qLNe7m2ELIKKy/CCyvSJX7C.js", "ssg:https://framerusercontent.com/modules/X5yetTiLBm2K7djfLBnr/nGsUjL1mxcR065LyA2IN/Ldk99NqVA.js", "ssg:https://framerusercontent.com/modules/tmNDLui2qonzCodeu5e5/WjKTNYy3mHcHc72uTOGd/lQkbggE6E.js", "ssg:https://framerusercontent.com/modules/2DxOhdjY3wOWSY6N1P5f/UPf39z9vguHFpHRTDur5/hQOPD2TiA.js", "ssg:https://framerusercontent.com/modules/2fSrGFk3zrQ6QfGNCSQG/IVOZAT2pUhLTWbvBU5ot/hoxKd4sQp.js", "ssg:https://framerusercontent.com/modules/cE0vncw3tkR54pe7tI7Y/kHOZZfLJsghqeqSTgyC2/MixBPeGna.js", "ssg:https://framer.com/m/hero-icons/Home.js@0.0.28", "ssg:https://framerusercontent.com/modules/hKjtTuWGYB451ckw6eTN/bbq95ZQZ142lE2fXscHd/Hero.js", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js", "ssg:https://framerusercontent.com/modules/4Nqa3z7Rdd7phSq2BCDF/bbu7Z36TcRnRUvnucBCZ/MWK3KdFI0.js", "ssg:https://framerusercontent.com/modules/yoFTh6wYKIRB2qGe085d/xWJhgMv9fxcZqjg6fcbx/myGaWZ902.js", "ssg:https://framerusercontent.com/modules/VdA0UQNafWPiLR1VUxB1/e6J96YICDt6aILcIPtVI/NEYqx4nyE.js", "ssg:https://framerusercontent.com/modules/BxEvh7h2n3SYCR0Mymrg/CZuwIM48YTja0wlWbp40/nxpC4chC7.js", "ssg:https://framerusercontent.com/modules/gjMxyqUXFuWyegJ2hGFq/Mq8zEhQfIovOlwTyt1gv/o77ZbGn85.js", "ssg:https://framerusercontent.com/modules/QilPCLvgesTMxIrIpdws/LBmxlEkCtVYmj3WFOne5/OLLnRpKHm.js", "ssg:https://framerusercontent.com/modules/kDzGHNCK4xMStheU0GUN/e8cgjy3TIWPKpgg6ZAJE/pfT9IygVD.js", "ssg:https://framerusercontent.com/modules/JBNBtHeFDqZPIvkJbpQc/VtzuFr2MFvbu6aq7Qkbt/PowNCrIq0.js", "ssg:https://framerusercontent.com/modules/lSfebWYqmd7gAa82LhQ2/omiXJ9DVKu39zEAVeb8U/rJjNVNDxJ.js", "ssg:https://framerusercontent.com/modules/6qKCTZAnZmscKaw7Qrin/Vfk8qk4za5EGADBz9TJ5/rYDb38Hzy.js", "ssg:https://framerusercontent.com/modules/7X2kbeRSt85UYkzBRh6e/RkaMeLfcepaELlLyFsHk/SEswk3iUZ.js", "ssg:https://framerusercontent.com/modules/BUbl1xjSL3NP9GfAbzor/yLuDGoLPOlTWQCtgepHs/sgt4bIpkw.js", "ssg:https://framerusercontent.com/modules/bNcg0mPrssKESZ20BuFD/RjtFA89UjEROXu1yXpoU/pDAlobNBw.js", "ssg:https://framerusercontent.com/modules/DgLvr5qDOaoeTcmOP7HJ/vLKeyluMD7bjFHGrHYW6/tKoEUYDwx.js", "ssg:https://framerusercontent.com/modules/LSKa5gx0UCkAnjeMWpNr/jHr6xR9v8c1nivMOvNUH/tT6XEtha5.js", "ssg:https://framerusercontent.com/modules/QbIURI1CrWibjjH7k1PR/2vNdLnvQNPcA8uP12d7k/FollowCursor_Prod.js", "ssg:https://framerusercontent.com/modules/qrbhh70M6fJGy0ukEnsM/W5odY3jWIlPtbrIAiC6d/DeqW1UG__.js", "ssg:https://framerusercontent.com/modules/sBuydeN2wznIT6MjBhf2/He4lLP91AcAjVUhKRgNG/PD46GAqhG.js", "ssg:https://framerusercontent.com/modules/IktgHTYa5wcU7M958fcv/RMB02fhHEy8HcigWCoDb/TyCpJHJ67.js", "ssg:https://framerusercontent.com/modules/uu409IjbsOkCecftcRVQ/HL9FLJ2jJGg5C0uyafJ1/U9g4tqcNW.js", "ssg:https://framerusercontent.com/modules/zMUlehhDWeLZhsCr148b/unuMrYqEuEIr9yvOtZ4E/UbMjuetNV.js", "ssg:https://framerusercontent.com/modules/gyjo9gIDu4mItBLqFrj9/2jxwVZt1ORa76H9nAlav/UFcj7hNKZ.js", "ssg:https://framerusercontent.com/modules/H5PiYjnkjkpVyKMSRsC2/EkXycNnXKAxSVUKcSlz3/Follow_Cursor.js", "ssg:https://framerusercontent.com/modules/18LKv3LnV82Oq7uvac5a/hDwr9BVWGAiL9NKYRt9w/uscGS5Rqb.js", "ssg:https://framerusercontent.com/modules/io4g5DyDF9KTAgfNtBns/YrbwRyZkNBjsFAa3ZFl9/UVsdnUKHx.js", "ssg:https://framerusercontent.com/modules/mJpewie69uFxXOWPImf8/oQ6FPEbXq6l1Lad0ZtAK/IbZgrfOj_.js", "ssg:https://framerusercontent.com/modules/USwZp6ZRVXMahoZ32NIQ/C5AohvJ4P2BuWNlXmEmx/nsKD9e484.js", "ssg:https://framerusercontent.com/modules/7BmONRPWY7ytkdFjr0aj/iRXCN2yeA8ikK9jmczP2/V1F0Wpi_i.js", "ssg:https://framerusercontent.com/modules/PI5KxGohfa06DtpjJ4JN/dJTNeyhS4u1mgEiDXGqh/Vb8nUiZLK.js", "ssg:https://framerusercontent.com/modules/wK4fAcmEdmdstRUr5Mou/7JkaYc6zORa2sVgOS9Ye/dkrJfvShR.js", "ssg:https://framerusercontent.com/modules/O8XGMHBKEDgKTPPLYFVP/oJDT9nokWW57a8X0oevt/Ykk2y7wnE.js", "ssg:https://framerusercontent.com/modules/6jnF7NimBQ62LwhiZWCx/FgA0jmjkV8pT3tQOaju5/Vc063G0uS.js", "ssg:https://framerusercontent.com/modules/NtKwDTuvB5CZP5lt4LtT/Xn76plLr5t9BwIWJ8UtT/vIaOGCGlp.js", "ssg:https://framerusercontent.com/modules/96ZCCMDsb4FcVQiC06Nc/ZtiIvssxlwQVXLtbBCDd/wbfil2plO.js", "ssg:https://framerusercontent.com/modules/qXngI78keqv9hAYIlC0t/YblzKP32cuyYcYzXoj4Q/WgsscMBnJ.js", "ssg:https://framerusercontent.com/modules/XUE9StoN3XgQxKUspwgT/xuV5JrQiVRAj9g5Zt4uj/wrfAavz2i.js", "ssg:https://framerusercontent.com/modules/wr4qAX2lzzmOuwmrgxqg/kweSsTzZdPnVZCnSxWpJ/X5pRW_sXR.js", "ssg:https://framerusercontent.com/modules/dXSEPLEl7TWgSxNkFADJ/veVfBVvRmJGgivvEubgY/X_wgacHHt.js", "ssg:https://framerusercontent.com/modules/jAwIObgGqMbDJsJEPBqa/DkN9OSMfET0hF5zFaf3r/WZ0ySEW9p.js", "ssg:https://framerusercontent.com/modules/7u4lmsymVcT5JwR54RaW/qSyzigoLCeGuIRfyzGWP/Xa5TN8eXb.js", "ssg:https://framerusercontent.com/modules/of1PxdC1SUxCnyWzMzfs/ENc3aSeAi24pOaYl9Qw6/xcNn4VdDL.js", "ssg:https://framerusercontent.com/modules/bG4ceOisF8LAQTdPvXl4/ODC3Vqp6sYXjMZrjhPSZ/XOU8i38a4.js", "ssg:https://framerusercontent.com/modules/hGS4qSLMvpB9rDt9FZen/f97opEsU05lAZTDbk5pf/YXTmP2Zlj.js", "ssg:https://framer.com/m/feather-icons/home.js@0.0.29", "ssg:https://framerusercontent.com/modules/f0DboytQenYh21kfme7W/zb1zVBMZJKgPMiedOi0y/Feather.js", "ssg:https://framerusercontent.com/modules/rc1ZAffHGeM1CzfZuqJj/ohI9ycvO62CLdWaE5Bp0/Z3U00iX3r.js", "ssg:https://framerusercontent.com/modules/jbAsKTSkQTswsWakw4ba/eMXWnaGYLTL1JcrhYqhX/zutfZ1SIK.js", "ssg:https://ga.jspm.io/npm:react-icons@4.7.1/lib/esm/iconContext.js", "ssg:https://ga.jspm.io/npm:react-icons@4.7.1/lib/esm/iconBase.js", "ssg:https://ga.jspm.io/npm:react-icons@4.7.1/fa/index.esm.js", "ssg:https://framerusercontent.com/modules/Q0CuEJFLzzqOvQhVGauy/KA2uWCKJlgtLzJVo5ruv/ShareButton.js", "ssg:https://framerusercontent.com/modules/vIIak7ASpOXAtFnxHosj/k9Gcln83DbhMv2HLv3bq/Magnetic.js"], "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n\n \n \n \n \n \n \n \n */ ;\n\nexport const __FramerMetadata__ = {\"exports\":{\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NullState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./nullstate.map", "const o=e=>e;let t;var h=e=>(t||(t=o(e.createElement(\"path\",{d:\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"}),\"Home\")),t);export{h as default};\n", "import{useMemo}from\"react\";import{ControlType}from\"framer\";/*\n ** ICON UTILS\n ** Pull as much re-usable logic into here as possible\n ** This will make it easier to replace in all icon components\n */ export const containerStyles={width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};export const defaultEvents={onClick:{type:ControlType.EventHandler},onMouseDown:{type:ControlType.EventHandler},onMouseUp:{type:ControlType.EventHandler},onMouseEnter:{type:ControlType.EventHandler},onMouseLeave:{type:ControlType.EventHandler}};const findByArray=(arr,search)=>arr.find(a=>a.toLowerCase().includes(search));export function getIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// gotta get the exact match first THEN find\n// have a set and try to access ?\nif(selectByList)return iconSelection;if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;}export function useIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// Clean search term\nconst iconSearchResult=useMemo(()=>{if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;},[iconSelection,iconSearch]);const name=selectByList?iconSelection:iconSearchResult;return name;}\nexport const __FramerMetadata__ = {\"exports\":{\"getIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./utils.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useMemo,useRef}from\"react\";import{addPropertyControls,ControlType,motion,RenderTarget}from\"framer\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HomeFactory from\"https://framer.com/m/material-icons/Home.js@0.0.32\";import{defaultEvents,useIconSelection,getIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const moduleBaseUrl=\"https://framer.com/m/material-icons/\";const icons={AcUnit:15,AccessAlarm:15,AccessAlarms:15,AccessTime:15,AccessTimeFilled:0,Accessibility:7,AccessibilityNew:0,Accessible:15,AccessibleForward:0,AccountBalance:2,AccountBalanceWallet:0,AccountBox:15,AccountCircle:7,AccountTree:15,AdUnits:15,Adb:15,Add:15,AddAPhoto:15,AddAlarm:15,AddAlert:15,AddBox:15,AddBusiness:15,AddCircle:15,AddCircleOutline:0,AddComment:15,AddIcCall:15,AddLink:15,AddLocation:15,AddLocationAlt:2,AddModerator:15,AddPhotoAlternate:0,AddReaction:15,AddRoad:15,AddShoppingCart:2,AddTask:15,AddToDrive:15,AddToHomeScreen:2,AddToPhotos:15,AddToQueue:15,Addchart:15,Adjust:15,AdminPanelSettings:0,Agriculture:15,Air:15,AirlineSeatFlat:2,AirplaneTicket:2,AirplanemodeActive:0,AirplanemodeInactive:0,Airplay:15,AirportShuttle:2,Alarm:15,AlarmAdd:15,AlarmOff:15,AlarmOn:15,Album:15,AlignHorizontalLeft:0,AlignHorizontalRight:0,AlignVerticalBottom:0,AlignVerticalCenter:0,AlignVerticalTop:0,AllInbox:15,AllInclusive:15,AllOut:15,AltRoute:15,AlternateEmail:2,Analytics:15,Anchor:15,Android:15,Animation:15,Announcement:15,Aod:15,Apartment:15,Api:15,AppBlocking:15,AppRegistration:2,AppSettingsAlt:2,Apple:0,Approval:15,Apps:15,Architecture:15,Archive:15,ArrowBack:15,ArrowBackIos:15,ArrowBackIosNew:2,ArrowCircleDown:2,ArrowCircleUp:7,ArrowDownward:7,ArrowDropDown:7,ArrowDropDownCircle:0,ArrowDropUp:15,ArrowForward:15,ArrowForwardIos:2,ArrowLeft:15,ArrowRight:15,ArrowRightAlt:7,ArrowUpward:15,ArtTrack:15,Article:15,AspectRatio:15,Assessment:15,Assignment:15,AssignmentInd:7,AssignmentLate:2,AssignmentReturn:0,AssignmentReturned:0,AssignmentTurnedIn:0,Assistant:15,AssistantDirection:0,AssistantPhoto:2,Atm:15,AttachEmail:15,AttachFile:15,AttachMoney:15,Attachment:15,Attractions:15,Attribution:15,Audiotrack:15,AutoAwesome:15,AutoAwesomeMosaic:0,AutoAwesomeMotion:0,AutoDelete:15,AutoFixHigh:15,AutoFixNormal:7,AutoFixOff:15,AutoGraph:15,AutoStories:15,AutofpsSelect:7,Autorenew:15,AvTimer:15,BabyChangingStation:0,Backpack:15,Backspace:15,Backup:15,BackupTable:15,Badge:15,BakeryDining:15,Balcony:15,Ballot:15,BarChart:15,BatchPrediction:2,Bathroom:15,Bathtub:15,Battery20:15,Battery30:15,Battery50:15,Battery60:15,Battery80:15,Battery90:15,BatteryAlert:15,BatteryCharging20:0,BatteryCharging30:0,BatteryCharging50:0,BatteryCharging60:0,BatteryCharging80:0,BatteryCharging90:0,BatteryChargingFull:0,BatteryFull:15,BatterySaver:15,BatteryStd:15,BatteryUnknown:2,BeachAccess:15,Bed:15,BedroomBaby:15,BedroomChild:15,BedroomParent:7,Bedtime:15,Beenhere:15,Bento:15,BikeScooter:15,Biotech:15,Blender:15,Block:15,Bloodtype:15,Bluetooth:15,BluetoothAudio:2,BluetoothConnected:0,BluetoothDisabled:0,BluetoothDrive:2,BluetoothSearching:0,BlurCircular:15,BlurLinear:15,BlurOff:15,BlurOn:15,Bolt:15,Book:15,BookOnline:15,Bookmark:15,BookmarkAdd:15,BookmarkAdded:7,BookmarkBorder:2,BookmarkRemove:2,Bookmarks:15,BorderAll:15,BorderBottom:15,BorderClear:15,BorderColor:15,BorderHorizontal:0,BorderInner:15,BorderLeft:15,BorderOuter:15,BorderRight:15,BorderStyle:15,BorderTop:15,BorderVertical:2,BrandingWatermark:0,BreakfastDining:2,Brightness1:15,Brightness2:15,Brightness3:15,Brightness4:15,Brightness5:15,Brightness6:15,Brightness7:15,BrightnessAuto:2,BrightnessHigh:2,BrightnessLow:7,BrightnessMedium:0,BrokenImage:15,BrowserNotSupported:0,BrunchDining:15,Brush:15,BubbleChart:15,BugReport:15,Build:15,BuildCircle:15,Bungalow:15,BurstMode:15,BusAlert:15,Business:15,BusinessCenter:2,Cabin:15,Cable:15,Cached:15,Cake:15,Calculate:15,CalendarToday:7,CalendarViewDay:2,CalendarViewMonth:0,CalendarViewWeek:0,Call:15,CallEnd:15,CallMade:15,CallMerge:15,CallMissed:15,CallMissedOutgoing:0,CallReceived:15,CallSplit:15,CallToAction:15,Camera:15,CameraAlt:15,CameraEnhance:7,CameraFront:15,CameraIndoor:15,CameraOutdoor:7,CameraRear:15,CameraRoll:15,Cameraswitch:15,Campaign:15,Cancel:15,CancelPresentation:0,CancelScheduleSend:0,CarRental:15,CarRepair:15,CardGiftcard:15,CardMembership:2,CardTravel:15,Carpenter:15,Cases:15,Casino:15,Cast:15,CastConnected:7,CastForEducation:0,CatchingPokemon:2,Category:15,Celebration:15,CellWifi:15,CenterFocusStrong:0,CenterFocusWeak:2,Chair:15,ChairAlt:15,Chalet:15,ChangeCircle:15,ChangeHistory:7,ChargingStation:2,Chat:15,ChatBubble:15,ChatBubbleOutline:0,Check:15,CheckBox:15,CheckBoxOutlineBlank:0,CheckCircle:15,CheckCircleOutline:0,Checkroom:15,ChevronLeft:15,ChevronRight:15,ChildCare:15,ChildFriendly:7,ChromeReaderMode:0,Circle:15,CircleNotifications:0,Class:15,CleanHands:15,CleaningServices:0,Clear:15,ClearAll:15,Close:15,CloseFullscreen:2,ClosedCaption:7,ClosedCaptionOff:0,Cloud:15,CloudCircle:15,CloudDone:15,CloudDownload:7,CloudOff:15,CloudQueue:15,CloudUpload:15,Code:15,CodeOff:15,Coffee:15,CoffeeMaker:15,Collections:15,CollectionsBookmark:0,ColorLens:15,Colorize:15,Comment:15,CommentBank:15,Commute:15,Compare:15,CompareArrows:7,CompassCalibration:0,Compress:15,Computer:15,ConfirmationNumber:0,ConnectedTv:15,Construction:15,ContactMail:15,ContactPage:15,ContactPhone:15,ContactSupport:2,Contactless:15,Contacts:15,ContentCopy:15,ContentCut:15,ContentPaste:15,ContentPasteOff:2,ControlCamera:7,ControlPoint:15,CopyAll:15,Copyright:15,Coronavirus:15,CorporateFare:7,Cottage:15,Countertops:15,Create:15,CreateNewFolder:2,CreditCard:15,CreditCardOff:7,CreditScore:15,Crib:15,Crop:15,Crop169:15,Crop32:15,Crop54:15,Crop75:15,CropDin:15,CropFree:15,CropLandscape:7,CropOriginal:15,CropPortrait:15,CropRotate:15,CropSquare:15,Dangerous:15,DarkMode:15,Dashboard:15,DashboardCustomize:0,DataSaverOff:15,DataSaverOn:15,DataUsage:15,DateRange:15,Deck:15,Dehaze:15,Delete:15,DeleteForever:7,DeleteOutline:7,DeleteSweep:15,DeliveryDining:2,DepartureBoard:2,Description:15,DesignServices:2,DesktopMac:15,DesktopWindows:2,Details:15,DeveloperBoard:2,DeveloperBoardOff:0,DeveloperMode:7,DeviceHub:15,DeviceThermostat:0,DeviceUnknown:7,Devices:15,DevicesOther:15,DialerSip:15,Dialpad:15,Dining:15,DinnerDining:15,Directions:15,DirectionsBike:2,DirectionsBoat:2,DirectionsBoatFilled:0,DirectionsBus:7,DirectionsBusFilled:0,DirectionsCar:7,DirectionsCarFilled:0,DirectionsOff:7,DirectionsRailway:0,DirectionsRun:7,DirectionsSubway:0,DirectionsTransit:0,DirectionsWalk:2,DirtyLens:15,DisabledByDefault:0,DiscFull:15,Dns:15,DoDisturb:15,DoDisturbAlt:15,DoDisturbOff:15,DoDisturbOn:15,DoNotDisturb:15,DoNotDisturbAlt:2,DoNotDisturbOff:2,DoNotDisturbOn:2,DoNotStep:15,DoNotTouch:15,Dock:15,DocumentScanner:2,Domain:15,DomainDisabled:2,DomainVerification:0,Done:15,DoneAll:15,DoneOutline:15,DonutLarge:15,DonutSmall:15,DoorBack:15,DoorFront:15,DoorSliding:15,Doorbell:15,DoubleArrow:15,DownhillSkiing:2,Download:15,DownloadDone:15,DownloadForOffline:0,Downloading:15,Drafts:15,DragHandle:15,DragIndicator:7,DriveEta:15,DriveFileMove:7,DriveFolderUpload:0,Dry:15,DryCleaning:15,Duo:15,Dvr:15,DynamicFeed:15,DynamicForm:15,EMobiledata:15,Earbuds:15,EarbudsBattery:2,East:15,Eco:15,EdgesensorHigh:2,EdgesensorLow:7,Edit:15,EditAttributes:2,EditLocation:15,EditLocationAlt:2,EditNotifications:0,EditOff:15,EditRoad:15,EightK:15,EightKPlus:15,EightMp:15,EightteenMp:15,Eject:15,Elderly:15,ElectricBike:15,ElectricCar:15,ElectricMoped:7,ElectricRickshaw:0,ElectricScooter:2,ElectricalServices:0,Elevator:15,ElevenMp:15,Email:15,EmojiEmotions:7,EmojiEvents:15,EmojiFlags:15,EmojiFoodBeverage:0,EmojiNature:15,EmojiObjects:15,EmojiPeople:15,EmojiSymbols:15,EmojiTransportation:0,Engineering:15,EnhancedEncryption:0,Equalizer:15,Error:15,ErrorOutline:15,Escalator:15,EscalatorWarning:0,Euro:15,EuroSymbol:15,EvStation:15,Event:15,EventAvailable:2,EventBusy:15,EventNote:15,EventSeat:15,ExitToApp:15,Expand:15,ExpandLess:15,ExpandMore:15,Explicit:15,Explore:15,ExploreOff:15,Exposure:15,Extension:15,ExtensionOff:15,Face:15,FaceRetouchingOff:0,Facebook:15,FactCheck:15,FamilyRestroom:2,FastForward:15,FastRewind:15,Fastfood:15,Favorite:15,FavoriteBorder:2,FeaturedPlayList:0,FeaturedVideo:7,Feed:15,Feedback:15,Female:15,Fence:15,Festival:15,FiberDvr:15,FiberManualRecord:0,FiberNew:15,FiberPin:15,FiberSmartRecord:0,FileCopy:15,FileDownload:15,FileDownloadDone:0,FileDownloadOff:2,FilePresent:15,FileUpload:15,Filter:15,Filter1:15,Filter2:15,Filter3:15,Filter4:15,Filter5:15,Filter6:15,Filter7:15,Filter8:15,Filter9:15,Filter9Plus:15,FilterAlt:15,FilterBAndW:15,FilterCenterFocus:0,FilterDrama:15,FilterFrames:15,FilterHdr:15,FilterList:15,FilterNone:15,FilterTiltShift:2,FilterVintage:7,FindInPage:15,FindReplace:15,Fingerprint:15,FireExtinguisher:0,Fireplace:15,FirstPage:15,FitScreen:15,FitnessCenter:7,FiveG:15,FiveK:15,FiveKPlus:15,FiveMp:15,FivteenMp:15,Flag:15,Flaky:15,Flare:15,FlashAuto:15,FlashOff:15,FlashOn:15,FlashlightOff:7,FlashlightOn:15,Flatware:15,Flight:15,FlightLand:15,FlightTakeoff:7,Flip:15,FlipCameraAndroid:0,FlipCameraIos:7,FlipToBack:15,FlipToFront:15,Flourescent:15,FlutterDash:15,FmdBad:15,FmdGood:15,Folder:15,FolderOpen:15,FolderShared:15,FolderSpecial:7,FollowTheSigns:2,FontDownload:15,FontDownloadOff:2,FoodBank:15,FormatAlignCenter:0,FormatAlignJustify:0,FormatAlignLeft:2,FormatAlignRight:0,FormatBold:15,FormatClear:15,FormatColorFill:2,FormatColorReset:0,FormatColorText:2,FormatIndentDecrease:0,FormatIndentIncrease:0,FormatItalic:15,FormatLineSpacing:0,FormatListBulleted:0,FormatListNumbered:0,FormatPaint:15,FormatQuote:15,FormatShapes:15,FormatSize:15,FormatStrikethrough:0,FormatUnderlined:0,Forum:15,Forward:15,Forward10:15,Forward30:15,Forward5:15,ForwardToInbox:2,Foundation:15,FourGMobiledata:2,FourGPlusMobiledata:0,FourK:15,FourKPlus:15,FourMp:15,FourteenMp:15,FreeBreakfast:7,Fullscreen:15,FullscreenExit:2,Functions:15,GMobiledata:15,GTranslate:15,Gamepad:15,Games:15,Garage:15,Gavel:15,Gesture:15,GetApp:15,Gif:15,GitHub:0,Gite:15,GolfCourse:15,Google:0,GppBad:15,GppGood:15,GppMaybe:15,GpsFixed:15,GpsNotFixed:15,GpsOff:15,Grade:15,Gradient:15,Grading:15,Grain:15,GraphicEq:15,Grass:15,Grid3x3:15,Grid4x4:15,GridGoldenratio:2,GridOff:15,GridOn:15,GridView:15,Group:15,GroupAdd:15,GroupWork:15,Groups:15,HMobiledata:15,HPlusMobiledata:2,Hail:15,Handyman:15,Hardware:15,Hd:15,HdrAuto:15,HdrAutoSelect:7,HdrEnhancedSelect:0,HdrOff:15,HdrOffSelect:15,HdrOn:15,HdrOnSelect:15,HdrPlus:15,HdrStrong:15,HdrWeak:15,Headphones:15,HeadphonesBattery:0,Headset:15,HeadsetMic:15,HeadsetOff:15,Healing:15,HealthAndSafety:2,Hearing:15,HearingDisabled:2,Height:15,Help:15,HelpCenter:15,HelpOutline:15,Hevc:15,HideImage:15,HideSource:15,HighQuality:15,Highlight:15,HighlightAlt:15,HighlightOff:15,Hiking:15,History:15,HistoryEdu:15,HistoryToggleOff:0,HolidayVillage:2,Home:15,HomeMax:15,HomeMini:15,HomeRepairService:0,HomeWork:15,HorizontalRule:2,HorizontalSplit:2,HotTub:15,Hotel:15,HourglassBottom:2,HourglassDisabled:0,HourglassEmpty:2,HourglassFull:7,HourglassTop:15,House:15,HouseSiding:15,Houseboat:15,HowToReg:15,HowToVote:15,Http:15,Https:15,Hvac:15,IceSkating:15,Icecream:15,Image:15,ImageAspectRatio:0,ImageNotSupported:0,ImageSearch:15,ImagesearchRoller:0,ImportContacts:2,ImportExport:15,ImportantDevices:0,Inbox:15,Info:15,Input:15,InsertChart:15,InsertComment:7,InsertDriveFile:2,InsertEmoticon:2,InsertInvitation:0,InsertLink:15,InsertPhoto:15,Insights:15,Instagram:0,Inventory:15,Inventory2:15,InvertColors:15,InvertColorsOff:2,IosShare:15,Iron:15,Iso:15,Kayaking:15,Keyboard:15,KeyboardAlt:15,KeyboardArrowDown:0,KeyboardArrowLeft:0,KeyboardArrowRight:0,KeyboardArrowUp:2,KeyboardBackspace:0,KeyboardCapslock:0,KeyboardHide:15,KeyboardReturn:2,KeyboardTab:15,KeyboardVoice:7,KingBed:15,Kitchen:15,Kitesurfing:15,Label:15,LabelImportant:2,LabelOff:15,Landscape:15,Language:15,Laptop:15,LaptopChromebook:0,LaptopMac:15,LaptopWindows:7,LastPage:15,Launch:15,Layers:15,LayersClear:15,Leaderboard:15,LeakAdd:15,LeakRemove:15,LegendToggle:15,Lens:15,LensBlur:15,LibraryAdd:15,LibraryAddCheck:2,LibraryBooks:15,LibraryMusic:15,Light:15,LightMode:15,Lightbulb:15,LineStyle:15,LineWeight:15,LinearScale:15,Link:15,LinkOff:15,LinkedCamera:15,LinkedIn:0,Liquor:15,List:15,ListAlt:15,LiveHelp:15,LiveTv:15,Living:15,LocalActivity:7,LocalAirport:15,LocalAtm:15,LocalBar:15,LocalCafe:15,LocalCarWash:15,LocalDining:15,LocalDrink:15,LocalFireDepartment:0,LocalFlorist:15,LocalGasStation:2,LocalGroceryStore:0,LocalHospital:7,LocalHotel:15,LocalLaundryService:0,LocalLibrary:15,LocalMall:15,LocalMovies:15,LocalOffer:15,LocalParking:15,LocalPharmacy:7,LocalPhone:15,LocalPizza:15,LocalPlay:15,LocalPolice:15,LocalPostOffice:2,LocalPrintshop:2,LocalSee:15,LocalShipping:7,LocalTaxi:15,LocationCity:15,LocationDisabled:0,LocationOff:15,LocationOn:15,LocationSearching:0,Lock:15,LockClock:15,LockOpen:15,Login:15,Logout:15,Looks:15,Looks3:15,Looks4:15,Looks5:15,Looks6:15,LooksOne:15,LooksTwo:15,Loop:15,Loupe:15,LowPriority:15,Loyalty:15,LteMobiledata:7,LtePlusMobiledata:0,Luggage:15,LunchDining:15,Mail:15,MailOutline:15,Male:15,ManageAccounts:2,ManageSearch:15,Map:15,MapsHomeWork:15,MapsUgc:15,Margin:15,MarkAsUnread:15,MarkChatRead:15,MarkChatUnread:2,MarkEmailRead:7,MarkEmailUnread:2,Markunread:15,MarkunreadMailbox:0,Masks:15,Maximize:15,MediaBluetoothOff:0,MediaBluetoothOn:0,Mediation:15,MedicalServices:2,Medication:15,MeetingRoom:15,Memory:15,Menu:15,MenuBook:15,MenuOpen:15,MergeType:15,Message:15,Mic:15,MicExternalOff:2,MicExternalOn:7,MicNone:15,MicOff:15,Microwave:15,MilitaryTech:15,Minimize:15,MissedVideoCall:2,Mms:15,MobileFriendly:2,MobileOff:15,MobileScreenShare:0,MobiledataOff:7,Mode:15,ModeComment:15,ModeEdit:15,ModeEditOutline:2,ModeNight:15,ModeStandby:15,ModelTraining:7,MonetizationOn:2,Money:15,MoneyOff:15,MoneyOffCsred:7,Monitor:15,MonitorWeight:7,MonochromePhotos:0,Mood:15,MoodBad:15,Moped:15,More:15,MoreHoriz:15,MoreTime:15,MoreVert:15,MotionPhotosAuto:0,MotionPhotosOff:2,Mouse:15,MoveToInbox:15,Movie:15,MovieCreation:7,MovieFilter:15,Moving:15,Mp:15,MultilineChart:2,MultipleStop:15,Museum:15,MusicNote:15,MusicOff:15,MusicVideo:15,MyLocation:15,Nat:15,Nature:15,NaturePeople:15,NavigateBefore:2,NavigateNext:15,Navigation:15,NearMe:15,NearMeDisabled:2,NearbyError:15,NearbyOff:15,NetworkCell:15,NetworkCheck:15,NetworkLocked:7,NetworkWifi:15,NewReleases:15,NextPlan:15,NextWeek:15,Nfc:15,NightShelter:15,Nightlife:15,Nightlight:15,NightlightRound:2,NightsStay:15,NineK:15,NineKPlus:15,NineMp:15,NineteenMp:15,NoAccounts:15,NoBackpack:15,NoCell:15,NoDrinks:15,NoEncryption:15,NoFlash:15,NoFood:15,NoLuggage:15,NoMeals:15,NoMeetingRoom:7,NoPhotography:7,NoSim:15,NoStroller:15,NoTransfer:15,NordicWalking:7,North:15,NorthEast:15,NorthWest:15,NotAccessible:7,NotInterested:7,NotListedLocation:0,NotStarted:15,Note:15,NoteAdd:15,NoteAlt:15,Notes:15,NotificationAdd:2,Notifications:7,NotificationsActive:0,NotificationsNone:0,NotificationsOff:0,NotificationsPaused:0,OfflineBolt:15,OfflinePin:15,OfflineShare:15,OndemandVideo:7,OneK:15,OneKPlus:15,OneKk:15,OnlinePrediction:0,Opacity:15,OpenInBrowser:7,OpenInFull:15,OpenInNew:15,OpenInNewOff:15,OpenWith:15,OtherHouses:15,Outbound:15,Outbox:15,OutdoorGrill:15,Outlet:15,Padding:15,Pages:15,Pageview:15,Paid:15,Palette:15,PanTool:15,Panorama:15,PanoramaFishEye:2,PanoramaHorizontal:0,PanoramaPhotosphere:0,PanoramaVertical:0,PanoramaWideAngle:0,Paragliding:15,Park:15,PartyMode:15,Password:15,Pattern:15,Pause:15,PauseCircle:15,PauseCircleFilled:0,PauseCircleOutline:0,PausePresentation:0,Payment:15,Payments:15,PedalBike:15,Pending:15,PendingActions:2,People:15,PeopleAlt:15,PeopleOutline:7,PermCameraMic:7,PermContactCalendar:0,PermDataSetting:2,PermIdentity:15,PermMedia:15,PermPhoneMsg:15,PermScanWifi:15,Person:15,PersonAdd:15,PersonAddAlt:15,PersonAddAlt1:7,PersonAddDisabled:0,PersonOff:15,PersonOutline:7,PersonPin:15,PersonPinCircle:2,PersonRemove:15,PersonRemoveAlt1:0,PersonSearch:15,PersonalVideo:7,PestControl:15,PestControlRodent:0,Pets:15,Phone:15,PhoneAndroid:15,PhoneCallback:7,PhoneDisabled:7,PhoneEnabled:15,PhoneForwarded:2,PhoneInTalk:15,PhoneIphone:15,PhoneLocked:15,PhoneMissed:15,PhonePaused:15,Phonelink:15,PhonelinkErase:2,PhonelinkLock:7,PhonelinkOff:15,PhonelinkRing:7,PhonelinkSetup:2,Photo:15,PhotoAlbum:15,PhotoCamera:15,PhotoCameraBack:2,PhotoCameraFront:0,PhotoFilter:15,PhotoLibrary:15,PhotoSizeSelectLarge:0,PhotoSizeSelectSmall:0,Piano:15,PianoOff:15,PictureAsPdf:15,PictureInPicture:0,PictureInPictureAlt:0,PieChart:15,PieChartOutline:2,Pin:15,PinDrop:15,Pinterest:0,PivotTableChart:2,Place:15,Plagiarism:15,PlayArrow:15,PlayCircle:15,PlayCircleFilled:0,PlayCircleOutline:0,PlayDisabled:15,PlayForWork:15,PlayLesson:15,PlaylistAdd:15,PlaylistAddCheck:0,PlaylistPlay:15,Plumbing:15,PlusOne:15,Podcasts:15,PointOfSale:15,Policy:15,Poll:15,Pool:15,PortableWifiOff:2,Portrait:15,PostAdd:15,Power:15,PowerInput:15,PowerOff:15,PowerSettingsNew:0,PregnantWoman:7,PresentToAll:15,Preview:15,PriceChange:15,PriceCheck:15,Print:15,PrintDisabled:7,PriorityHigh:15,PrivacyTip:15,Psychology:15,Public:15,PublicOff:15,Publish:15,PublishedWithChanges:0,PushPin:15,QrCode:15,QrCode2:15,QrCodeScanner:7,QueryBuilder:15,QueryStats:15,QuestionAnswer:2,Queue:15,QueueMusic:15,QueuePlayNext:7,Quickreply:15,Quiz:15,RMobiledata:15,Radar:15,Radio:15,RadioButtonChecked:0,RadioButtonUnchecked:0,RailwayAlert:15,RamenDining:15,RateReview:15,RawOff:15,RawOn:15,ReadMore:15,Receipt:15,ReceiptLong:15,RecentActors:15,Recommend:15,RecordVoiceOver:2,Reddit:0,Redeem:15,Redo:15,ReduceCapacity:2,Refresh:15,RememberMe:15,Remove:15,RemoveCircle:15,RemoveCircleOutline:0,RemoveDone:15,RemoveFromQueue:2,RemoveModerator:2,RemoveRedEye:15,RemoveShoppingCart:0,Reorder:15,Repeat:15,RepeatOn:15,RepeatOne:15,RepeatOneOn:15,Replay:15,Replay10:15,Replay30:15,Replay5:15,ReplayCircleFilled:0,Reply:15,ReplyAll:15,Report:15,ReportGmailerrorred:0,ReportOff:15,ReportProblem:7,RequestPage:15,RequestQuote:15,ResetTv:15,RestartAlt:15,Restaurant:15,RestaurantMenu:2,Restore:15,RestoreFromTrash:0,RestorePage:15,Reviews:15,RiceBowl:15,RingVolume:15,Roofing:15,Room:15,RoomPreferences:2,RoomService:15,Rotate90DegreesCcw:0,RotateLeft:15,RotateRight:15,Router:15,Rowing:15,RssFeed:15,Rsvp:15,Rtt:15,Rule:15,RuleFolder:15,RunCircle:15,RunningWithErrors:0,RvHookup:15,SafetyDivider:7,Sailing:15,Sanitizer:15,Satellite:15,Save:15,SaveAlt:15,SavedSearch:15,Savings:15,Scanner:15,ScatterPlot:15,Schedule:15,ScheduleSend:15,Schema:15,School:15,Science:15,Score:15,ScreenLockLandscape:0,ScreenLockPortrait:0,ScreenLockRotation:0,ScreenRotation:2,ScreenSearchDesktop:0,ScreenShare:15,Screenshot:15,Sd:15,SdCard:15,SdCardAlert:15,SdStorage:15,Search:15,SearchOff:15,Security:15,SecurityUpdate:2,SecurityUpdateGood:0,Segment:15,SelectAll:15,SelfImprovement:2,Sell:15,Send:15,SendAndArchive:2,SendToMobile:15,SensorDoor:15,SensorWindow:15,Sensors:15,SensorsOff:15,SentimentNeutral:0,SentimentSatisfied:0,SetMeal:15,Settings:15,SettingsApplications:0,SettingsBluetooth:0,SettingsBrightness:0,SettingsCell:15,SettingsEthernet:0,SettingsInputAntenna:0,SettingsInputHdmi:0,SettingsInputSvideo:0,SettingsOverscan:0,SettingsPhone:7,SettingsPower:7,SettingsRemote:2,SettingsSuggest:2,SettingsVoice:7,SevenK:15,SevenKPlus:15,SevenMp:15,SeventeenMp:15,Share:15,ShareLocation:7,Shield:15,Shop:15,Shop2:15,ShopTwo:15,ShoppingBag:15,ShoppingBasket:2,ShoppingCart:15,ShortText:15,Shortcut:15,ShowChart:15,Shower:15,Shuffle:15,ShuffleOn:15,ShutterSpeed:15,Sick:15,SignalCellular0Bar:0,SignalCellular1Bar:0,SignalCellular2Bar:0,SignalCellular3Bar:0,SignalCellular4Bar:0,SignalCellularAlt:0,SignalCellularNoSim:0,SignalCellularNodata:0,SignalCellularNull:0,SignalCellularOff:0,SignalWifi0Bar:2,SignalWifi1Bar:2,SignalWifi1BarLock:0,SignalWifi2Bar:2,SignalWifi2BarLock:0,SignalWifi3Bar:2,SignalWifi3BarLock:0,SignalWifi4Bar:2,SignalWifi4BarLock:0,SignalWifiBad:7,SignalWifiOff:7,SimCard:15,SimCardAlert:15,SimCardDownload:2,SingleBed:15,Sip:15,SixK:15,SixKPlus:15,SixMp:15,SixteenMp:15,SixtyFps:15,SixtyFpsSelect:2,Skateboarding:7,SkipNext:15,SkipPrevious:15,Sledding:15,Slideshow:15,SlowMotionVideo:2,SmartButton:15,SmartDisplay:15,SmartScreen:15,SmartToy:15,Smartphone:15,SmokeFree:15,SmokingRooms:15,Sms:15,SmsFailed:15,SnippetFolder:7,Snooze:15,Snowboarding:15,Snowmobile:15,Snowshoeing:15,Soap:15,SocialDistance:2,Sort:15,SortByAlpha:15,Source:15,South:15,SouthEast:15,SouthWest:15,Spa:15,SpaceBar:15,Speaker:15,SpeakerGroup:15,SpeakerNotes:15,SpeakerNotesOff:2,SpeakerPhone:15,Speed:15,Spellcheck:15,Splitscreen:15,Sports:15,SportsBar:15,SportsBaseball:2,SportsBasketball:0,SportsCricket:7,SportsEsports:7,SportsFootball:2,SportsGolf:15,SportsHandball:2,SportsHockey:15,SportsKabaddi:7,SportsMma:15,SportsMotorsports:0,SportsRugby:15,SportsScore:15,SportsSoccer:15,SportsTennis:15,SportsVolleyball:0,SquareFoot:15,StackedBarChart:2,StackedLineChart:0,Stairs:15,Star:15,StarBorder:15,StarBorderPurple500:0,StarHalf:15,StarOutline:15,StarPurple500:7,StarRate:15,Stars:15,StayCurrentLandscape:0,StayCurrentPortrait:0,StayPrimaryLandscape:0,StayPrimaryPortrait:0,StickyNote2:15,Stop:15,StopCircle:15,StopScreenShare:2,Storage:15,Store:15,StoreMallDirectory:0,Storefront:15,Storm:15,Straighten:15,Stream:15,Streetview:15,StrikethroughS:2,Stroller:15,Style:15,Subject:15,Subscript:15,Subscriptions:7,Subtitles:15,SubtitlesOff:15,Subway:15,Summarize:15,Superscript:15,SupervisedUserCircle:0,SupervisorAccount:0,Support:15,SupportAgent:15,Surfing:15,SurroundSound:7,SwapCalls:15,SwapHoriz:15,SwapHorizontalCircle:0,SwapVert:15,SwapVerticalCircle:0,Swipe:15,SwitchAccount:7,SwitchCamera:15,SwitchLeft:15,SwitchRight:15,SwitchVideo:15,Sync:15,SyncAlt:15,SyncDisabled:15,SyncProblem:15,SystemSecurityUpdate:0,SystemUpdate:15,SystemUpdateAlt:2,Tab:15,TabUnselected:7,TableChart:15,TableRows:15,TableView:15,Tablet:15,TabletAndroid:7,TabletMac:15,Tag:15,TagFaces:15,TakeoutDining:7,TapAndPlay:15,Tapas:15,Task:15,TaskAlt:15,TaxiAlert:15,Telegram:0,TenMp:15,Terrain:15,TextFields:15,TextFormat:15,TextRotateUp:15,TextRotateVertical:0,TextRotationAngleup:0,TextRotationDown:0,TextRotationNone:0,TextSnippet:15,Textsms:15,Texture:15,TheaterComedy:7,Theaters:15,Thermostat:15,ThermostatAuto:2,ThirteenMp:15,ThirtyFps:15,ThirtyFpsSelect:2,ThreeDRotation:2,ThreeGMobiledata:0,ThreeK:15,ThreeKPlus:15,ThreeMp:15,ThreeP:15,ThreeSixty:15,ThumbDown:15,ThumbDownAlt:15,ThumbDownOffAlt:2,ThumbUp:15,ThumbUpAlt:15,ThumbUpOffAlt:7,ThumbsUpDown:15,TimeToLeave:15,Timelapse:15,Timeline:15,Timer:15,Timer10:15,Timer10Select:7,Timer3:15,Timer3Select:15,TimerOff:15,TimesOneMobiledata:0,Title:15,Toc:15,Today:15,ToggleOff:15,ToggleOn:15,Toll:15,Tonality:15,Topic:15,TouchApp:15,Tour:15,Toys:15,TrackChanges:15,Traffic:15,Train:15,Tram:15,Transform:15,Transgender:15,TransitEnterexit:0,Translate:15,TravelExplore:7,TrendingDown:15,TrendingFlat:15,TrendingUp:15,TripOrigin:15,Try:15,Tty:15,Tune:15,Tungsten:15,TurnedIn:15,TurnedInNot:15,Tv:15,TvOff:15,TwelveMp:15,TwentyFourMp:15,TwentyOneMp:15,TwentyThreeMp:7,TwentyTwoMp:15,TwentyZeroMp:15,Twitter:0,TwoK:15,TwoKPlus:15,TwoMp:15,TwoWheeler:15,Umbrella:15,Unarchive:15,Undo:15,UnfoldLess:15,UnfoldMore:15,Unpublished:15,Unsubscribe:15,Upcoming:15,Update:15,UpdateDisabled:2,Upgrade:15,Upload:15,UploadFile:15,Usb:15,UsbOff:15,Verified:15,VerifiedUser:15,VerticalAlignBottom:0,VerticalAlignCenter:0,VerticalAlignTop:0,VerticalSplit:7,Vibration:15,VideoCall:15,VideoCameraBack:2,VideoCameraFront:0,VideoLabel:15,VideoLibrary:15,VideoSettings:7,VideoStable:15,Videocam:15,VideocamOff:15,VideogameAsset:2,VideogameAssetOff:0,ViewAgenda:15,ViewArray:15,ViewCarousel:15,ViewColumn:15,ViewComfy:15,ViewCompact:15,ViewDay:15,ViewHeadline:15,ViewInAr:15,ViewList:15,ViewModule:15,ViewQuilt:15,ViewSidebar:15,ViewStream:15,ViewWeek:15,Vignette:15,Villa:15,Visibility:15,VisibilityOff:7,VoiceChat:15,VoiceOverOff:15,Voicemail:15,VolumeDown:15,VolumeMute:15,VolumeOff:15,VolumeUp:15,VolunteerActivism:0,VpnKey:15,VpnLock:15,Vrpano:15,Wallpaper:15,Warning:15,WarningAmber:15,Wash:15,Watch:15,WatchLater:15,Water:15,WaterDamage:15,WaterfallChart:2,Waves:15,WbAuto:15,WbCloudy:15,WbIncandescent:2,WbIridescent:15,WbShade:15,WbSunny:15,WbTwilight:15,Wc:15,Web:15,WebAsset:15,WebAssetOff:15,Weekend:15,West:15,WhatsApp:0,Whatshot:15,WheelchairPickup:0,WhereToVote:15,Widgets:15,Wifi:15,WifiCalling:15,WifiCalling3:15,WifiLock:15,WifiOff:15,WifiProtectedSetup:0,WifiTethering:7,WifiTetheringOff:0,Window:15,WineBar:15,Work:15,WorkOff:15,WorkOutline:15,Workspaces:15,WrapText:15,WrongLocation:7,Wysiwyg:15,Yard:15,YouTube:0,YoutubeSearchedFor:0,ZoomIn:15,ZoomOut:15,ZoomOutMap:15};const iconKeys=Object.keys(icons);const weightOptions=[\"Filled\",\"TwoTone\",\"Sharp\",\"Rounded\",\"Outlined\",];const styleKeyOptions={15:[...weightOptions],7:[\"Filled\",\"TwoTone\",\"Sharp\",\"Rounded\"],2:[\"Filled\",\"Sharp\"]};const styleOptionPropKeys=Object.keys(styleKeyOptions).map(optionKey=>`iconStyle${optionKey}`);const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * MATERIAL\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,mirrored,style}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);// Get props to use for deps array\nconst styleOptionProps=styleOptionPropKeys.map(prop=>props[prop]);// Get style of icon\nconst iconStyle=useMemo(()=>{const iconStyleKey=icons[iconKey];if(!iconStyleKey)return;const activeStyle=props[`iconStyle${iconStyleKey}`];if(activeStyle===\"Filled\")return;return activeStyle;},[...styleOptionProps]);// Selected Icon Module\nconst[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HomeFactory(React):null);// Import the selected module or reset so null state\nasync function importModule(){// If bad search or doesn't exist, show null state\nif(typeof icons[iconKey]!==\"number\"){setSelectedIcon(null);return;}// Get the selected module\ntry{const style=iconStyle?iconStyle:\"\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}${style}.js@0.0.32`;// console.log(iconModuleUrl)\nconst module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch{if(isMounted.current)setSelectedIcon(null);}}// Import module when new style or icon is selected\nuseEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey,...styleOptionProps]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined,...style},focusable:\"false\",viewBox:\"0 0 24 24\",color:color,children:SelectedIcon}):emptyState});}Icon.displayName=\"Material\";Icon.defaultProps={width:24,height:24,iconSelection:\"Home\",iconSearch:\"Home\",color:\"#66F\",selectByList:true,weight:\"Filled\",mirrored:false};function hideStyleOptions(props,styleOptions){const{selectByList,iconSearch,iconSelection}=props;const styleOptionsNumber=parseInt(styleOptions);const name=getIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const icon=icons[name];if(!icon||styleOptionsNumber===0)return true;if(icon===styleOptionsNumber)return false;else return true;}addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Material site](https://fonts.google.com/icons)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},...Object.keys(styleKeyOptions).reduce((result,optionKey)=>{result[`iconStyle${optionKey}`]={type:ControlType.Enum,title:\"Style\",defaultValue:\"Filled\",options:styleKeyOptions[optionKey],hidden:props=>hideStyleOptions(props,optionKey)};return result;},{}),...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Material.map", "// Generated by Framer (3266cfb)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Icon as Material}from\"https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/PCgBX5d6MdQT7E7nhdXn/Material.js\";const MaterialFonts=getFonts(Material);const cycleOrder=[\"neV_8hIt4\",\"BY33xmzuk\",\"wxZ6WwNz5\",\"lqUzLVRVW\"];const serializationHash=\"framer-IvuyV\";const variantClassNames={BY33xmzuk:\"framer-v-1rtqz7g\",lqUzLVRVW:\"framer-v-1gpc25m\",neV_8hIt4:\"framer-v-1r7ml2n\",wxZ6WwNz5:\"framer-v-bbgu6v\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={Category:\"wxZ6WwNz5\",Date:\"lqUzLVRVW\",Type:\"BY33xmzuk\",Volume:\"neV_8hIt4\"};const getProps=({category,date,height,id,type,volume,width,...props})=>{return{...props,FdCoxc8Qw:date??props.FdCoxc8Qw??\"Last Updated: 21st May 2025\",ifuz2irGg:volume??props.ifuz2irGg??\"Vol. 1 \",l8q9nbqwP:category??props.l8q9nbqwP??\"Category\",n7ET4qyAp:type??props.n7ET4qyAp??\"Type 1 \",variant:humanReadableVariantMap[props.variant]??props.variant??\"neV_8hIt4\"};};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,n7ET4qyAp,ifuz2irGg,l8q9nbqwP,FdCoxc8Qw,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"neV_8hIt4\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1r7ml2n\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Volume\",layoutDependency:layoutDependency,layoutId:\"neV_8hIt4\",ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.25)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,...style},variants:{lqUzLVRVW:{\"--border-color\":\"rgba(255, 255, 255, 0.15)\"},wxZ6WwNz5:{\"--border-color\":\"rgba(255, 255, 255, 0.15)\"}},...addPropertyOverrides({BY33xmzuk:{\"data-framer-name\":\"Type\"},lqUzLVRVW:{\"data-framer-name\":\"Date\"},wxZ6WwNz5:{\"data-framer-name\":\"Category\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-s6aagt-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"LKguU7DNk-container\",nodeId:\"LKguU7DNk\",rendersWithMotion:true,scopeId:\"qSJu3MKLj\",children:/*#__PURE__*/_jsx(Material,{color:\"var(--token-755b1a73-99d9-4c26-ab1b-b04978176b8d, rgb(255, 255, 255))\",height:\"100%\",iconSearch:\"diamond\",iconSelection:\"GridView\",iconStyle15:\"Filled\",iconStyle2:\"Filled\",iconStyle7:\"Filled\",id:\"LKguU7DNk\",layoutId:\"LKguU7DNk\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},width:\"100%\",...addPropertyOverrides({BY33xmzuk:{iconSelection:\"Label\"},lqUzLVRVW:{iconSearch:\"date\",iconSelection:\"DateRange\"},wxZ6WwNz5:{iconSearch:\"category\",selectByList:false}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"14px\",\"--framer-line-height\":\"19.2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(219, 219, 219))\"},children:\"Vol. 1 \"})}),className:\"framer-15lbcgs\",\"data-framer-name\":\"Copy component\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"HEoeWP06a\",style:{\"--extracted-r6o4lv\":\"rgb(219, 219, 219)\",\"--framer-paragraph-spacing\":\"0px\"},text:ifuz2irGg,verticalAlignment:\"center\",withExternalLayout:true,...addPropertyOverrides({BY33xmzuk:{text:n7ET4qyAp},lqUzLVRVW:{text:FdCoxc8Qw},wxZ6WwNz5:{text:l8q9nbqwP}},baseVariant,gestureVariant)})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-IvuyV.framer-10sbcjw, .framer-IvuyV .framer-10sbcjw { display: block; }\",\".framer-IvuyV.framer-1r7ml2n { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 10px 20px 10px 20px; position: relative; width: min-content; }\",\".framer-IvuyV .framer-s6aagt-container { flex: none; height: 16px; position: relative; width: 16px; }\",\".framer-IvuyV .framer-15lbcgs { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",'.framer-IvuyV[data-border=\"true\"]::after, .framer-IvuyV [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 39\n * @framerIntrinsicWidth 104.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"BY33xmzuk\":{\"layout\":[\"auto\",\"auto\"]},\"wxZ6WwNz5\":{\"layout\":[\"auto\",\"auto\"]},\"lqUzLVRVW\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"n7ET4qyAp\":\"type\",\"ifuz2irGg\":\"volume\",\"l8q9nbqwP\":\"category\",\"FdCoxc8Qw\":\"date\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerqSJu3MKLj=withCSS(Component,css,\"framer-IvuyV\");export default FramerqSJu3MKLj;FramerqSJu3MKLj.displayName=\"Button/All Tags\";FramerqSJu3MKLj.defaultProps={height:39,width:104.5};addPropertyControls(FramerqSJu3MKLj,{variant:{options:[\"neV_8hIt4\",\"BY33xmzuk\",\"wxZ6WwNz5\",\"lqUzLVRVW\"],optionTitles:[\"Volume\",\"Type\",\"Category\",\"Date\"],title:\"Variant\",type:ControlType.Enum},n7ET4qyAp:{defaultValue:\"Type 1 \",displayTextArea:false,title:\"Type\",type:ControlType.String},ifuz2irGg:{defaultValue:\"Vol. 1 \",displayTextArea:false,title:\"Volume\",type:ControlType.String},l8q9nbqwP:{defaultValue:\"Category\",displayTextArea:false,title:\"Category\",type:ControlType.String},FdCoxc8Qw:{defaultValue:\"Last Updated: 21st May 2025\",displayTextArea:false,title:\"Date\",type:ControlType.String}});addFonts(FramerqSJu3MKLj,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"}]},...MaterialFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerqSJu3MKLj\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"BY33xmzuk\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"wxZ6WwNz5\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"lqUzLVRVW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"n7ET4qyAp\\\":\\\"type\\\",\\\"ifuz2irGg\\\":\\\"volume\\\",\\\"l8q9nbqwP\\\":\\\"category\\\",\\\"FdCoxc8Qw\\\":\\\"date\\\"}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"39\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"104.5\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./qSJu3MKLj.map", "import e,{useState as r,useEffect as t,useMemo as n,useRef as o}from\"react\";var u,s={exports:{}},i={};s.exports=function(){if(u)return i;u=1;var r=e,t=Symbol.for(\"react.element\"),n=Symbol.for(\"react.fragment\"),o=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,r,n){var u,i={},l=null,f=null;for(u in void 0!==n&&(l=\"\"+n),void 0!==r.key&&(l=\"\"+r.key),void 0!==r.ref&&(f=r.ref),r)o.call(r,u)&&!c.hasOwnProperty(u)&&(i[u]=r[u]);if(e&&e.defaultProps)for(u in r=e.defaultProps)void 0===i[u]&&(i[u]=r[u]);return{$$typeof:t,type:e,key:l,ref:f,props:i,_owner:s.current}}return i.Fragment=n,i.jsx=l,i.jsxs=l,i}();var c=s.exports;const l=window?.FramerAuth?window.FramerAuth:null,f=e=>{if(l){const[n,o]=r(l.getStoreState());return t((()=>{const r=l.subscribe((e=>{o(e)}),e);return()=>{r()}}),[e]),{store:n,setStore:l.setStoreState,getCurrentStore:l.getStoreState}}{const e={user:null,isAuthenticated:!1,isLoaded:!1};return{store:e,setStore:()=>{},getCurrentStore:()=>e}}},a=()=>\"undefined\"!=typeof window&&window.FramerAuth;function S(e){return r=>{const{store:t,setStore:n,getCurrentStore:o}=f();if(!t.user)return null;const u=t.user.first_name||\"\",s=t.user.last_name||\"\",i=s?`${u} ${s}`:u;return c.jsx(e,{...r,text:i})}}function d(e){return r=>{const{store:t}=f([\"user\"]),o=n((()=>t.user&&t.isAuthenticated?t:{...t,user:null,isAuthenticated:!1}),[t]);return c.jsx(e,{...r,store:o})}}function x(e){return r=>{const{store:t,setStore:n,getCurrentStore:o}=f();return c.jsx(e,{...r,store:t})}}function _(e){const r=()=>{a()&&window.FramerAuth.signOut(\"/\")};return t=>{const{store:n,setStore:o,getCurrentStore:u}=f();return n.user?c.jsx(e,{...t,onClick:r}):null}}function p(e){return r=>{const{store:t,setStore:n,getCurrentStore:o}=f();return t.user?c.jsx(e,{...r,text:t.user.email}):null}}function y(e){return r=>{const{store:t,setStore:n,getCurrentStore:o}=f();return t.user?c.jsx(e,{...r,text:t.user.first_name}):null}}function m(e){return r=>{const{store:u,setStore:s,getCurrentStore:i}=f(),l=o(null),a=n((()=>!!u.user&&u.isAuthenticated),[u.user]);t((()=>{l.current&&(l.current.style.display=a?\"\":\"none\")}),[l.current,a]);return n((()=>!0!==a?c.jsx(\"div\",{ref:l}):c.jsx(e,{ref:l,...r})),[r,a,void 0])}}function g(e){return r=>{const{store:u,setStore:s,getCurrentStore:i}=f(),l=o(null),a=n((()=>!!u.user&&u.isAuthenticated),[u.user]);t((()=>{l.current&&(l.current.style.display=a?\"none\":\"\")}),[l.current,a]);return n((()=>!1!==a?c.jsx(\"div\",{ref:l}):c.jsx(e,{ref:l,...r})),[r,a,void 0])}}export{f as useStore,d as withAuth,p as withEmail,y as withFirstName,S as withFullName,m as withLoggedIn,g as withLoggedOut,_ as withSignOut,x as withStore};\n", "import t,{useState as r,useEffect as e}from\"react\";var n,s={exports:{}},o={};s.exports=function(){if(n)return o;n=1;var r=t,e=Symbol.for(\"react.element\"),s=Symbol.for(\"react.fragment\"),u=Object.prototype.hasOwnProperty,a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function c(t,r,n){var s,o={},c=null,l=null;for(s in void 0!==n&&(c=\"\"+n),void 0!==r.key&&(c=\"\"+r.key),void 0!==r.ref&&(l=r.ref),r)u.call(r,s)&&!i.hasOwnProperty(s)&&(o[s]=r[s]);if(t&&t.defaultProps)for(s in r=t.defaultProps)void 0===o[s]&&(o[s]=r[s]);return{$$typeof:e,type:t,key:c,ref:l,props:o,_owner:a.current}}return o.Fragment=s,o.jsx=c,o.jsxs=c,o}();var u=s.exports;const a=window?.FramerAuth?window.FramerAuth:null,i=t=>{if(a){const[n,s]=r(a.getStoreState());return e((()=>{const r=a.subscribe((t=>{s(t)}),t);return()=>{r()}}),[t]),{store:n,setStore:a.setStoreState,getCurrentStore:a.getStoreState}}{const t={user:null,isAuthenticated:!1,isLoaded:!1};return{store:t,setStore:()=>{},getCurrentStore:()=>t}}};function c(t){return r=>{const{store:e}=i(),n=e.user?.licenses.some((t=>\"active\"===t.status));return n?u.jsx(t,{...r}):null}}function l(t){return r=>{const{store:e}=i(),n=e.user?.licenses.some((t=>\"active\"===t.status));return n?null:u.jsx(t,{...r})}}function f(t){return r=>{const{store:e}=i(),n=e.user?null:r?.variant;return u.jsx(t,{...r,variant:n})}}function v(t){return r=>{const{store:e}=i(),n=r?.productVariantId,s=e.user?.licenses.some((t=>{if(!n)return\"active\"===t.status;return n.split(\",\").map((t=>t.trim())).includes(t.variant_id)&&\"active\"===t.status})),o=s?null:r?.variant;return u.jsx(t,{...r,variant:o})}}function _(t,r){return e=>{const{store:n}=i(),s=n.user?.licenses.some((t=>t.variant_id===r&&\"active\"===t.status));return s?u.jsx(t,{...e}):null}}function d(t,r){return e=>{const{store:n}=i(),s=n.user?.licenses.some((t=>r.includes(t.variant_id)&&\"active\"===t.status));return s?u.jsx(t,{...e}):null}}function p(t,r){return e=>{const{store:n}=i(),s=e?.[r]&&n.user?.licenses.some((t=>t.variant_id===e[r]&&\"active\"===t.status))?null:e?.variant;return u.jsx(t,{...e,variant:s})}}export{c as withActiveLicense,l as withNoActiveLicense,_ as withPlan,d as withSomePlan,f as withVariant,v as withVariantActiveLicense,p as withVariantPlan};\n", "import r,{useState as t,useEffect as e,useMemo as n,useRef as o}from\"react\";import{useRouter as a,RenderTarget as s,inferInitialRouteFromPath as u}from\"framer\";var i,d={exports:{}},l={};d.exports=function(){if(i)return l;i=1;var t=r,e=Symbol.for(\"react.element\"),n=Symbol.for(\"react.fragment\"),o=Object.prototype.hasOwnProperty,a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function u(r,t,n){var u,i={},d=null,l=null;for(u in void 0!==n&&(d=\"\"+n),void 0!==t.key&&(d=\"\"+t.key),void 0!==t.ref&&(l=t.ref),t)o.call(t,u)&&!s.hasOwnProperty(u)&&(i[u]=t[u]);if(r&&r.defaultProps)for(u in t=r.defaultProps)void 0===i[u]&&(i[u]=t[u]);return{$$typeof:e,type:r,key:d,ref:l,props:i,_owner:a.current}}return l.Fragment=n,l.jsx=u,l.jsxs=u,l}();var c=d.exports;const f=window?.FramerAuth?window.FramerAuth:null,p=r=>{if(f){const[n,o]=t(f.getStoreState());return e((()=>{const t=f.subscribe((r=>{o(r)}),r);return()=>{t()}}),[r]),{store:n,setStore:f.setStoreState,getCurrentStore:f.getStoreState}}{const r={user:null,isAuthenticated:!1,isLoaded:!1};return{store:r,setStore:()=>{},getCurrentStore:()=>r}}},w=()=>\"undefined\"!=typeof window&&window.FramerAuth;function S(r,t,e=!0){return o=>{const{store:a,setStore:s,getCurrentStore:u}=p([\"user.data\"]),i=n((()=>{if(!a.user?.data)return!1;return!0===Object.entries(a.user.data).some((([r,n])=>r.startsWith(`${t}:`)&&n===e))}),[a.user?.data])?null:\"Empty State\";return c.jsx(r,{...o,variant:i})}}function v(r,t,a=!0){return s=>{const{store:u,setStore:i,getCurrentStore:d}=p([`user.data.${t}:${s?.slug}`]),l=o(null),f=n((()=>`${t}:${s?.slug}`),[s]),w=n((()=>!!g()||!(!f||!u?.user?.data)&&u?.user?.data?.[f]===a),[u,f]);e((()=>{if(l.current){const r=l.current.parentElement;if(!r)return;r.style.display=w?\"\":\"none\"}}),[l.current,w]);return n((()=>!0!==w?c.jsx(\"div\",{ref:l}):c.jsx(r,{ref:l,...s})),[s,w,void 0])}}function y(r,t,e=!0){return o=>{const s=a(),{store:i,setStore:d,getCurrentStore:l}=p([`user.data.${t}:${o?.slug}`]),f=n((()=>`${t}:${o?.slug}`),[o]),S=n((()=>void 0!==i?.user?.data&&i?.user?.data?.[f]===e),[i?.user?.data?.[f],f]),v=n((()=>S?o?.variant:void 0),[S,o?.variant]);return i.user?c.jsx(r,{...o,variant:v,onClick:async r=>{try{if(!w())throw new Error(\"FramerAuth library not found.\");if(!0===S){window.FramerAuth.patchUserData({[f]:null}).then((({data:r,error:e})=>{if(e)throw console.log(e),new Error(`Error updating ${t} status.`)}));const r=l(),e=void 0===r?.user?.data?{}:{...r.user.data,[f]:null},n={...r.user,data:e};d({user:n},[`user.data.${f}`])}else{window.FramerAuth.patchUserData({[f]:e}).then((({data:r,error:e})=>{if(e)throw console.log(e),new Error(`Error updating ${t} status.`)}));const r=l(),n=void 0===r?.user?.data?{}:{...r.user.data,[f]:e},a={...r.user,data:n};if(d({user:a},[`user.data.${f}`]),o?.link){const[r,t]=o.link.split(\"#\"),{routeId:e,pathVariables:n}=u(s.routes,r);e&&s.navigate(e,t,n)}}}catch(r){console.error(r)}}}):null}}function g(){return s.current()===s.canvas}function h(){return s.current()===s.preview}function m(r){return t=>{const{style:e,...n}=t;return c.jsx(r,{...n,style:{...e,gridAutoRows:\"auto\"}})}}export{g as isCanvas,h as isPreview,m as withDynamicGridHeight,v as withIsTagged,S as withTags,y as withToggleTag};\n", "/*\n***************************\n** FramerAuth **\n***************************\nModifying the core functionality (core, store or extension overrides) will void your support\nPlease add custom overrides at the end of the file.\n*/// @ts-ignore\nimport*as faCore from\"https://cdn.framerauth.com/packages/overrides/core/live/latest/core.js\";// @ts-ignore\nimport*as faStore from\"https://cdn.framerauth.com/packages/overrides/store/live/latest/store.js\";// @ts-ignore\nimport*as faExtensions from\"https://cdn.framerauth.com/packages/overrides/extensions/live/latest/extensions.js\";/*\n ***************************\n ** Core overrides **\n ***************************\n */export function withFullName(Component){return faCore.withFullName(Component);}export function withAuth(Component){return faCore.withAuth(Component);}export function withStore(Component){return faCore.withStore(Component);}export function withSignOut(Component){return faCore.withSignOut(Component);}export function withEmail(Component){return faCore.withEmail(Component);}export function withFirstName(Component){return faCore.withFirstName(Component);}export function withLoggedIn(Component){return faCore.withLoggedIn(Component);}export function withLoggedOut(Component){return faCore.withLoggedOut(Component);}/*\n ***************************\n ** Store overrides **\n ***************************\n */export function withActiveLicense(Component){return faStore.withActiveLicense(Component);}export function withNoActiveLicense(Component){return faStore.withNoActiveLicense(Component);}export function withVariant(Component){return faStore.withVariant(Component);}export function withVariantActiveLicense(Component){return faStore.withVariantActiveLicense(Component);}/*\n ***************************\n ** Extension overrides **\n ***************************\n */export function withDynamicGridHeight(Component){return faExtensions.withDynamicGridHeight(Component);}/*\n ***************************\n ** Legacy overrides **\n ***************************\n */export function withIsLessonComplete(Component){return faExtensions.withIsTagged(Component,\"course:status\",\"completed\");}export function withActionCompleteLesson(Component){return faExtensions.withToggleTag(Component,\"course:status\",\"completed\");}/*\n***********************************************************\n** FramerAuth -- Make your own CUSTOM withPlan overrides **\n***********************************************************\nTo make your own overrides for withPlan, follow these 3 steps:\n1. Copy the override below and change the override name \"withPlanStandard\" to something else (e.g. withPlanPremium).\n2. Change the licenseId field inside your new override to the license ID you want to use.\n3. Start using your new override on your site. Make sure the override code is updated on your site.\n*/export function withPlanStandard(Component){// Enter your own LemonSqueezy Product Variant ID here\nconst licenseId=\"123456\"// <-- Your LemonSqueezy Product Variant ID for this override goes here (example)\n;return faStore.withPlan(Component,licenseId);}// copy until here\n/*\n**************************************************************\n** FramerAuth -- Make your own CUSTOM bookmarking overrides **\n**************************************************************\nTo make your own overrides for bookmarking, follow these 4 steps:\n1. Copy the override below and change the override name \"withComponentBookmarkBlog\" to something else (e.g. withComponentBookmarkLesson).\n2. Change the prefix field inside your new override (e.g. \"bookmark:lesson\")\n3. Repeat steps 1 & 2 for withToggleBookmarkBlog & withToggleBookmarkLesson\n3. Start using your new override on your site. Make sure the override code is updated on your site.\n*/export function withComponentBookmarkBlog(Component){const prefix=\"bookmark:blog\"// <--- Your custom prefix for this override goes here (example)\n;return faExtensions.withTags(Component,prefix);}export function withIsBookmarkedBlog(Component){const prefix=\"bookmark:blog\"// <--- Your custom prefix for this override goes here (example)\n;return faExtensions.withIsTagged(Component,prefix);}export function withToggleBookmarkBlog(Component){const prefix=\"bookmark:blog\"// <--- Your custom prefix for this override goes here (example)\n;return faExtensions.withToggleTag(Component,prefix);}\nexport const __FramerMetadata__ = {\"exports\":{\"withAuth\":{\"type\":\"reactHoc\",\"name\":\"withAuth\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSignOut\":{\"type\":\"reactHoc\",\"name\":\"withSignOut\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withActiveLicense\":{\"type\":\"reactHoc\",\"name\":\"withActiveLicense\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withIsLessonComplete\":{\"type\":\"reactHoc\",\"name\":\"withIsLessonComplete\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withIsBookmarkedBlog\":{\"type\":\"reactHoc\",\"name\":\"withIsBookmarkedBlog\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPlanStandard\":{\"type\":\"reactHoc\",\"name\":\"withPlanStandard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withVariant\":{\"type\":\"reactHoc\",\"name\":\"withVariant\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withVariantActiveLicense\":{\"type\":\"reactHoc\",\"name\":\"withVariantActiveLicense\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withComponentBookmarkBlog\":{\"type\":\"reactHoc\",\"name\":\"withComponentBookmarkBlog\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withStore\":{\"type\":\"reactHoc\",\"name\":\"withStore\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withNoActiveLicense\":{\"type\":\"reactHoc\",\"name\":\"withNoActiveLicense\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withLoggedIn\":{\"type\":\"reactHoc\",\"name\":\"withLoggedIn\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withActionCompleteLesson\":{\"type\":\"reactHoc\",\"name\":\"withActionCompleteLesson\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFullName\":{\"type\":\"reactHoc\",\"name\":\"withFullName\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withToggleBookmarkBlog\":{\"type\":\"reactHoc\",\"name\":\"withToggleBookmarkBlog\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withDynamicGridHeight\":{\"type\":\"reactHoc\",\"name\":\"withDynamicGridHeight\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFirstName\":{\"type\":\"reactHoc\",\"name\":\"withFirstName\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEmail\":{\"type\":\"reactHoc\",\"name\":\"withEmail\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withLoggedOut\":{\"type\":\"reactHoc\",\"name\":\"withLoggedOut\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FramerAuth.map", "import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here \u2014 there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map", "import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map", "import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map", "import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map", "import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map", "import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map", "export function mstoMinAndSec(millis) {\n const minutes = Math.floor(millis / 60000);\n const seconds = parseInt((millis % 60000 / 1000).toFixed(0));\n return minutes + \":\" + (seconds < 10 ? \"0\" : \"\") + seconds;\n}\nexport function secondsToMinutes(seconds) {\n const minutes = Math.floor(seconds / 60);\n const s = Math.floor(seconds % 60);\n return minutes + \":\" + (s < 10 ? \"0\" : \"\") + s;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"mstoMinAndSec\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./time.map", "import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}", "// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map", "import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map", "import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles}from\"https://framer.com/m/framer/default-utils.js\";/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerDisableUnlink\n */export default function Embed({type,url,html,zoom,radius,border,style={}}){if(type===\"url\"&&url){return /*#__PURE__*/_jsx(EmbedUrl,{url:url,zoom:zoom,radius:radius,border:border,style:style});}if(type===\"html\"&&html){return /*#__PURE__*/_jsx(EmbedHtml,{html:html,style:style});}return /*#__PURE__*/_jsx(Instructions,{style:style});}addPropertyControls(Embed,{type:{type:ControlType.Enum,defaultValue:\"url\",displaySegmentedControl:true,options:[\"url\",\"html\"],optionTitles:[\"URL\",\"HTML\"]},url:{title:\"URL\",type:ControlType.String,description:\"Some websites don\u2019t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",type:ControlType.String,displayTextArea:true,hidden(props){return props.type!==\"html\";}},border:{title:\"Border\",type:ControlType.Border,optional:true,hidden(props){return props.type!==\"url\";}},radius:{type:ControlType.BorderRadius,title:\"Radius\",hidden(props){return props.type!==\"url\";}},zoom:{title:\"Zoom\",defaultValue:1,type:ControlType.Number,hidden(props){return props.type!==\"url\";},min:.1,max:1,step:.1,displayStepper:true}});function Instructions({style}){return /*#__PURE__*/_jsx(\"div\",{style:{minHeight:getMinHeight(style),...emptyStateStyle,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})});}function EmbedUrl({url,zoom,radius,border,style}){const hasAutoHeight=!style.height;// Add https:// if the URL does not have a protocol.\nif(!/[a-z]+:\\/\\//.test(url)){url=\"https://\"+url;}const onCanvas=useIsOnCanvas();// We need to check if the url is blocked inside an iframe by the X-Frame-Options\n// or Content-Security-Policy headers on the backend.\nconst[state,setState]=useState(onCanvas?undefined:false);useEffect(()=>{// We only want to check on the canvas.\n// On the website we want to avoid the additional delay.\nif(!onCanvas)return;// TODO: We could also use AbortController here.\nlet isLastEffect=true;setState(undefined);async function load(){const response=await fetch(\"https://api.framer.com/functions/check-iframe-url?url=\"+encodeURIComponent(url));if(response.status==200){const{isBlocked}=await response.json();if(isLastEffect){setState(isBlocked);}}else{const message=await response.text();console.error(message);const error=new Error(\"This site can\u2019t be reached.\");setState(error);}}load().catch(error=>{console.error(error);setState(error);});return()=>{isLastEffect=false;};},[url]);if(onCanvas&&hasAutoHeight){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"URL embeds do not support auto height.\",style:style});}if(!url.startsWith(\"https://\")){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Unsupported protocol.\",style:style});}if(state===undefined){return /*#__PURE__*/_jsx(LoadingIndicator,{});}if(state instanceof Error){return /*#__PURE__*/_jsx(ErrorMessage,{message:state.message,style:style});}if(state===true){const message=`Can\u2019t embed ${url} due to its content security policy.`;return /*#__PURE__*/_jsx(ErrorMessage,{message:message,style:style});}return /*#__PURE__*/_jsx(\"iframe\",{src:url,style:{...iframeStyle,...style,...border,zoom:zoom,borderRadius:radius,transformOrigin:\"top center\"},loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas)});}const iframeStyle={width:\"100%\",height:\"100%\",border:\"none\"};function getSandbox(onCanvas){const result=[\"allow-same-origin\",\"allow-scripts\"];if(!onCanvas){result.push(\"allow-downloads\",\"allow-forms\",\"allow-modals\",\"allow-orientation-lock\",\"allow-pointer-lock\",\"allow-popups\",\"allow-popups-to-escape-sandbox\",\"allow-presentation\",\"allow-storage-access-by-user-activation\",\"allow-top-navigation-by-user-activation\");}return result.join(\" \");}function EmbedHtml({html,...props}){const hasScript=html.includes(\"\");if(hasScript){const hasSplineViewer=html.includes(\"\");const hasComment=html.includes(\"\");if(hasSplineViewer||hasComment){return /*#__PURE__*/_jsx(EmbedHtmlWithScripts,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlInsideIframe,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlWithoutScripts,{html:html,...props});}function EmbedHtmlInsideIframe({html,style}){const ref=useRef();const[iframeHeight,setIframeHeight]=useState(0);// Handle auto sizing\nuseEffect(()=>{const iframeWindow=ref.current?.contentWindow;function handleMessage(event){if(event.source!==iframeWindow)return;const data=event.data;if(typeof data!==\"object\"||data===null)return;const height=data.embedHeight;if(typeof height!==\"number\")return;setIframeHeight(height);}window.addEventListener(\"message\",handleMessage);// After SSG the iframe loads before we attach the event handler,\n// therefore we need to request the latest height from the iframe.\niframeWindow?.postMessage(\"getEmbedHeight\",\"*\");return()=>{window.removeEventListener(\"message\",handleMessage);};},[]);// The CSS is mainly copied from:\n// FramerStudio/src/app/vekter/src/renderer/setDefaultFont.ts\n// FramerStudio/src/app/vekter/src/export/globalStylesForExport.ts\nconst srcDoc=`\n\n \n \n \n \n ${html}\n \n \n\n`;const currentStyle={...iframeStyle,...style};const hasAutoHeight=!style.height;if(hasAutoHeight){currentStyle.height=iframeHeight+\"px\";}return /*#__PURE__*/_jsx(\"iframe\",{ref:ref,style:currentStyle,srcDoc:srcDoc});}function EmbedHtmlWithScripts({html,style}){const ref=useRef();useEffect(()=>{const div=ref.current;if(!div)return;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...htmlStyle,...style}});}function EmbedHtmlWithoutScripts({html,style}){return /*#__PURE__*/_jsx(\"div\",{style:{...htmlStyle,...style},dangerouslySetInnerHTML:{__html:html}});}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// This function replaces scripts with executable ones.\n// https://stackoverflow.com/questions/1197575/can-scripts-be-inserted-with-innerhtml\nfunction executeScripts(node){if(node instanceof Element&&node.tagName===\"SCRIPT\"){const script=document.createElement(\"script\");script.text=node.innerHTML;for(const{name,value}of node.attributes){script.setAttribute(name,value);}node.parentElement.replaceChild(script,node);}else{for(const child of node.childNodes){executeScripts(child);}}}// Generic components\nfunction LoadingIndicator(){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-componentPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"Loading\u2026\"})});}function ErrorMessage({message,style}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{minHeight:getMinHeight(style),...containerStyles,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:message})});}const centerTextStyle={textAlign:\"center\",minWidth:140};// Returns a min-height if the component is using auto-height.\nfunction getMinHeight(style){const hasAutoHeight=!style.height;if(hasAutoHeight)return 200;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"400\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerIntrinsicWidth\":\"600\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map", "// Generated by Framer (890879b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getPropertyControls,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import FreeCopyRemixButton from\"https://framerusercontent.com/modules/e5Qw2LUBH3hQY5MRNx5Y/4msMEZz9oyNwpRiYqKWo/i69sWl94s.js\";import PremiumButton from\"https://framerusercontent.com/modules/RUxMjABiJcMZ5n8Ce0mt/nrmFmbEQf9JQTKE8GQwF/vH2pgu0FC.js\";const FreeCopyRemixButtonFonts=getFonts(FreeCopyRemixButton);const PremiumButtonFonts=getFonts(PremiumButton);const FreeCopyRemixButtonControls=getPropertyControls(FreeCopyRemixButton);const cycleOrder=[\"fxNHlAzF5\",\"LzuB05Xf8\"];const serializationHash=\"framer-87WiZ\";const variantClassNames={fxNHlAzF5:\"framer-v-1kaa90o\",LzuB05Xf8:\"framer-v-1xnkjt1\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableEnumMap={\"Copy Component\":\"wzwo0RuSv\",\"Copy Remix\":\"k3tM4HA6Z\",Copied:\"rpugrTtEM\",Hover:\"UmSRtuO7X\"};const humanReadableVariantMap={Default:\"fxNHlAzF5\",Locked:\"LzuB05Xf8\"};const getProps=({componentLink,copyRemixVariant,height,id,remixLink,width,...props})=>{return{...props,gHGbE0eZH:remixLink??props.gHGbE0eZH,JfeIO_3js:humanReadableEnumMap[copyRemixVariant]??copyRemixVariant??props.JfeIO_3js??\"wzwo0RuSv\",R_f_aZxkE:componentLink??props.R_f_aZxkE,variant:humanReadableVariantMap[props.variant]??props.variant??\"fxNHlAzF5\"};};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,JfeIO_3js,R_f_aZxkE,gHGbE0eZH,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"fxNHlAzF5\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"LzuB05Xf8\")return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"LzuB05Xf8\")return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1kaa90o\",className,classNames),\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"fxNHlAzF5\",ref:refBinding,style:{...style},...addPropertyOverrides({LzuB05Xf8:{\"data-framer-name\":\"Locked\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:39,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+0,children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1rr8em0-container\",layoutDependency:layoutDependency,layoutId:\"DF_JUBF1X-container\",nodeId:\"DF_JUBF1X\",rendersWithMotion:true,scopeId:\"b7DDpqRdw\",children:/*#__PURE__*/_jsx(FreeCopyRemixButton,{bEyVt7mi6:gHGbE0eZH,height:\"100%\",id:\"DF_JUBF1X\",layoutId:\"DF_JUBF1X\",rGy9iawG3:R_f_aZxkE,style:{width:\"100%\"},variant:JfeIO_3js,width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({LzuB05Xf8:{height:40,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1hyb58y-container\",layoutDependency:layoutDependency,layoutId:\"ec2h79F7D-container\",nodeId:\"ec2h79F7D\",rendersWithMotion:true,scopeId:\"b7DDpqRdw\",children:/*#__PURE__*/_jsx(PremiumButton,{height:\"100%\",id:\"ec2h79F7D\",layoutId:\"ec2h79F7D\",style:{width:\"100%\"},variant:\"l8liWOqdy\",width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-87WiZ.framer-1jc5935, .framer-87WiZ .framer-1jc5935 { display: block; }\",\".framer-87WiZ.framer-1kaa90o { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; width: 301px; }\",\".framer-87WiZ .framer-1rr8em0-container, .framer-87WiZ .framer-1hyb58y-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-87WiZ.framer-v-1xnkjt1.framer-1kaa90o { overflow: hidden; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 39\n * @framerIntrinsicWidth 301\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"LzuB05Xf8\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"JfeIO_3js\":\"copyRemixVariant\",\"R_f_aZxkE\":\"componentLink\",\"gHGbE0eZH\":\"remixLink\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerb7DDpqRdw=withCSS(Component,css,\"framer-87WiZ\");export default Framerb7DDpqRdw;Framerb7DDpqRdw.displayName=\"Request Copy Remix Button\";Framerb7DDpqRdw.defaultProps={height:39,width:301};addPropertyControls(Framerb7DDpqRdw,{variant:{options:[\"fxNHlAzF5\",\"LzuB05Xf8\"],optionTitles:[\"Default\",\"Locked\"],title:\"Variant\",type:ControlType.Enum},JfeIO_3js:FreeCopyRemixButtonControls?.[\"variant\"]&&{...FreeCopyRemixButtonControls[\"variant\"],defaultValue:\"wzwo0RuSv\",description:undefined,hidden:undefined,title:\"Copy / Remix Variant\"},R_f_aZxkE:{defaultValue:\"\",displayTextArea:true,title:\"Component Link\",type:ControlType.String},gHGbE0eZH:{title:\"Remix Link\",type:ControlType.Link}});addFonts(Framerb7DDpqRdw,[{explicitInter:true,fonts:[]},...FreeCopyRemixButtonFonts,...PremiumButtonFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerb7DDpqRdw\",\"slots\":[],\"annotations\":{\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"JfeIO_3js\\\":\\\"copyRemixVariant\\\",\\\"R_f_aZxkE\\\":\\\"componentLink\\\",\\\"gHGbE0eZH\\\":\\\"remixLink\\\"}\",\"framerIntrinsicWidth\":\"301\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"LzuB05Xf8\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"39\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{defaultEvents,usePadding,useRadius,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * CLIPBOARD\n *\n * @framerIntrinsicWidth 90\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function Clipboard(props){const{label,content,fill,color,style,onClick,font,hoverOptions,...rest}=props;const deprecatedFont=useFontControls({fontWeight:500,...rest});const borderRadius=useRadius(props);const paddingValue=usePadding(props);const handleClick=useCallback(()=>{var ref;(ref=navigator.clipboard)===null||ref===void 0?void 0:ref.writeText(content);onClick===null||onClick===void 0?void 0:onClick();},[onClick,content]);return /*#__PURE__*/ _jsx(motion.button,{style:{border:\"none\",outline:\"none\",resize:\"none\",width:\"max-content\",wordBreak:\"break-word\",overflowWrap:\"break-word\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",letterSpacing:\"-0.2px\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",background:fill,borderRadius,cursor:\"pointer\",padding:paddingValue,color,...deprecatedFont,...font,...style},onClick:handleClick,...rest,whileHover:hoverOptions,transition:hoverOptions===null||hoverOptions===void 0?void 0:hoverOptions.transition,children:label});};addPropertyControls(Clipboard,{content:{type:ControlType.String,title:\"Content\",displayTextArea:true,description:\"When clicked, this content will be copied to the clipboard.\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Copy to Clipboard\"},fill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#06F\"},color:{type:ControlType.Color,title:\"Text\",defaultValue:\"#fff\"},font:{// @ts-ignore - Internal\ntype:ControlType.Font,controls:\"extended\",defaultValue:{fontSize:16}},hoverOptions:{type:ControlType.Object,title:\"Hover\",buttonTitle:\"Effect\",optional:true,controls:{scale:{type:ControlType.Number,title:\"Scale\",min:0,max:10,displayStepper:true,step:.01,defaultValue:1.1},backgroundColor:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#0088FF\",optional:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFF\",optional:true},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"spring\",stiffness:400,damping:30}}}},padding:{type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0,title:\"Padding\",defaultValue:10},borderRadius:{title:\"Radius\",type:ControlType.FusedNumber,toggleKey:\"isMixedBorderRadius\",toggleTitles:[\"Radius\",\"Radius per corner\"],valueKeys:[\"topLeftRadius\",\"topRightRadius\",\"bottomRightRadius\",\"bottomLeftRadius\",],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,defaultValue:50},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Clipboard\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"50\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"90\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Clipboard.map", "let Component;\nlet IconInner;\nvar Icon = (React) => {\n if (!Component) {\n Component = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\n \"path\",\n {\n d: \"M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ React.createElement(\"path\", { d: \"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M217.9,110.1l-80-80a14,14,0,0,0-19.8,0l-80,80A13.92,13.92,0,0,0,34,120v96a6,6,0,0,0,6,6h64a6,6,0,0,0,6-6V158h36v58a6,6,0,0,0,6,6h64a6,6,0,0,0,6-6V120A13.92,13.92,0,0,0,217.9,110.1ZM210,210H158V152a6,6,0,0,0-6-6H104a6,6,0,0,0-6,6v58H46V120a2,2,0,0,1,.58-1.42l80-80a2,2,0,0,1,2.84,0l80,80A2,2,0,0,1,210,120Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M216.49,111.51l-80-80a12,12,0,0,0-17,0l-80,80A12,12,0,0,0,36,120v96a4,4,0,0,0,4,4h64a4,4,0,0,0,4-4V156h40v60a4,4,0,0,0,4,4h64a4,4,0,0,0,4-4V120A12,12,0,0,0,216.49,111.51ZM212,212H156V152a4,4,0,0,0-4-4H104a4,4,0,0,0-4,4v60H44V120a4,4,0,0,1,1.17-2.83l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,212,120Z\" }))\n ]\n ]);\n IconInner = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(\"g\", { ref, ...props }, Component.get(props.weight)));\n }\n return IconInner;\n};\nconst __FramerMetadata__ = {\n exports: {\n default: {\n type: \"reactComponent\",\n slots: [],\n annotations: { framerContractVersion: \"1\" }\n },\n __FramerMetadata__: { type: \"variable\" }\n }\n};\nvar House_default = Icon;\nexport {\n __FramerMetadata__,\n House_default as default\n};\n", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HouseFactory from\"https://framer.com/m/phosphor-icons/House.js@0.0.57\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const iconKeys=[\"Acorn\",\"AddressBook\",\"AddressBookTabs\",\"AirTrafficControl\",\"Airplane\",\"AirplaneInFlight\",\"AirplaneLanding\",\"AirplaneTakeoff\",\"AirplaneTaxiing\",\"AirplaneTilt\",\"Airplay\",\"Alarm\",\"Alien\",\"AlignBottom\",\"AlignBottomSimple\",\"AlignCenterVertical\",\"AlignLeft\",\"AlignLeftSimple\",\"AlignRight\",\"AlignRightSimple\",\"AlignTop\",\"AlignTopSimple\",\"AmazonLogo\",\"Ambulance\",\"Anchor\",\"AnchorSimple\",\"AndroidLogo\",\"Angle\",\"AngularLogo\",\"Aperture\",\"AppStoreLogo\",\"AppWindow\",\"AppleLogo\",\"ApplePodcastsLogo\",\"ApproximateEquals\",\"Archive\",\"ArchiveBox\",\"ArchiveTray\",\"Armchair\",\"ArrowArcLeft\",\"ArrowArcRight\",\"ArrowBendDownLeft\",\"ArrowBendDownRight\",\"ArrowBendLeftDown\",\"ArrowBendLeftUp\",\"ArrowBendRightDown\",\"ArrowBendRightUp\",\"ArrowBendUpLeft\",\"ArrowBendUpRight\",\"ArrowCircleDown\",\"ArrowCircleDownLeft\",\"ArrowCircleDownRight\",\"ArrowCircleLeft\",\"ArrowCircleRight\",\"ArrowCircleUp\",\"ArrowCircleUpLeft\",\"ArrowCircleUpRight\",\"ArrowClockwise\",\"ArrowDown\",\"ArrowDownLeft\",\"ArrowDownRight\",\"ArrowElbowDownLeft\",\"ArrowElbowDownRight\",\"ArrowElbowLeft\",\"ArrowElbowLeftDown\",\"ArrowElbowLeftUp\",\"ArrowElbowRight\",\"ArrowElbowRightDown\",\"ArrowElbowRightUp\",\"ArrowElbowUpLeft\",\"ArrowElbowUpRight\",\"ArrowFatDown\",\"ArrowFatLeft\",\"ArrowFatLineDown\",\"ArrowFatLineLeft\",\"ArrowFatLineRight\",\"ArrowFatLineUp\",\"ArrowFatLinesDown\",\"ArrowFatLinesLeft\",\"ArrowFatLinesRight\",\"ArrowFatLinesUp\",\"ArrowFatRight\",\"ArrowFatUp\",\"ArrowLeft\",\"ArrowLineDown\",\"ArrowLineDownLeft\",\"ArrowLineDownRight\",\"ArrowLineLeft\",\"ArrowLineRight\",\"ArrowLineUp\",\"ArrowLineUpLeft\",\"ArrowLineUpRight\",\"ArrowRight\",\"ArrowSquareDown\",\"ArrowSquareDownLeft\",\"ArrowSquareDownRight\",\"ArrowSquareIn\",\"ArrowSquareLeft\",\"ArrowSquareOut\",\"ArrowSquareRight\",\"ArrowSquareUp\",\"ArrowSquareUpLeft\",\"ArrowSquareUpRight\",\"ArrowUDownLeft\",\"ArrowUDownRight\",\"ArrowULeftDown\",\"ArrowULeftUp\",\"ArrowURightDown\",\"ArrowURightUp\",\"ArrowUUpLeft\",\"ArrowUUpRight\",\"ArrowUp\",\"ArrowUpLeft\",\"ArrowUpRight\",\"ArrowsClockwise\",\"ArrowsDownUp\",\"ArrowsHorizontal\",\"ArrowsIn\",\"ArrowsInCardinal\",\"ArrowsInLineVertical\",\"ArrowsInSimple\",\"ArrowsLeftRight\",\"ArrowsMerge\",\"ArrowsOut\",\"ArrowsOutCardinal\",\"ArrowsOutSimple\",\"ArrowsSplit\",\"ArrowsVertical\",\"Article\",\"ArticleMedium\",\"ArticleNyTimes\",\"Asclepius\",\"Asterisk\",\"AsteriskSimple\",\"At\",\"Atom\",\"Avocado\",\"Axe\",\"Baby\",\"BabyCarriage\",\"Backpack\",\"Backspace\",\"Bag\",\"BagSimple\",\"Balloon\",\"Bandaids\",\"Bank\",\"Barbell\",\"Barcode\",\"Barn\",\"Barricade\",\"Baseball\",\"BaseballCap\",\"BaseballHelmet\",\"Basket\",\"Basketball\",\"Bathtub\",\"BatteryCharging\",\"BatteryEmpty\",\"BatteryFull\",\"BatteryHigh\",\"BatteryLow\",\"BatteryMedium\",\"BatteryPlus\",\"BatteryPlusVertical\",\"BatteryVerticalEmpty\",\"BatteryVerticalFull\",\"BatteryVerticalHigh\",\"BatteryVerticalLow\",\"BatteryWarning\",\"BeachBall\",\"Beanie\",\"Bed\",\"BeerBottle\",\"BeerStein\",\"BehanceLogo\",\"Bell\",\"BellRinging\",\"BellSimple\",\"BellSimpleRinging\",\"BellSimpleSlash\",\"BellSimpleZ\",\"BellSlash\",\"BellZ\",\"Belt\",\"BezierCurve\",\"Bicycle\",\"Binary\",\"Binoculars\",\"Biohazard\",\"Bird\",\"Blueprint\",\"Bluetooth\",\"BluetoothConnected\",\"BluetoothSlash\",\"BluetoothX\",\"Boat\",\"Bomb\",\"Bone\",\"Book\",\"BookBookmark\",\"BookOpen\",\"BookOpenText\",\"BookOpenUser\",\"BookUser\",\"Bookmark\",\"BookmarkSimple\",\"Bookmarks\",\"BookmarksSimple\",\"Books\",\"Boot\",\"Boules\",\"BoundingBox\",\"BowlFood\",\"BowlSteam\",\"BowlingBall\",\"BoxArrowDown\",\"BoxArrowUp\",\"BoxingGlove\",\"BracketsAngle\",\"BracketsCurly\",\"BracketsRound\",\"BracketsSquare\",\"Brain\",\"Brandy\",\"Bread\",\"Bridge\",\"Briefcase\",\"BriefcaseMetal\",\"Broadcast\",\"Broom\",\"Browser\",\"Browsers\",\"Bug\",\"BugBeetle\",\"BugDroid\",\"Building\",\"BuildingApartment\",\"BuildingOffice\",\"Buildings\",\"Bulldozer\",\"Bus\",\"Butterfly\",\"CableCar\",\"Cactus\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarBlank\",\"CalendarCheck\",\"CalendarDot\",\"CalendarDots\",\"CalendarHeart\",\"CalendarMinus\",\"CalendarPlus\",\"CalendarSlash\",\"CalendarStar\",\"CalendarX\",\"CallBell\",\"Camera\",\"CameraPlus\",\"CameraRotate\",\"CameraSlash\",\"Campfire\",\"Car\",\"CarBattery\",\"CarProfile\",\"CarSimple\",\"Cardholder\",\"Cards\",\"CardsThree\",\"CaretCircleDoubleUp\",\"CaretCircleDown\",\"CaretCircleLeft\",\"CaretCircleRight\",\"CaretCircleUp\",\"CaretCircleUpDown\",\"CaretDoubleDown\",\"CaretDoubleLeft\",\"CaretDoubleRight\",\"CaretDoubleUp\",\"CaretDown\",\"CaretLeft\",\"CaretLineDown\",\"CaretLineLeft\",\"CaretLineRight\",\"CaretLineUp\",\"CaretRight\",\"CaretUp\",\"CaretUpDown\",\"Carrot\",\"CashRegister\",\"CassetteTape\",\"CastleTurret\",\"Cat\",\"CellSignalFull\",\"CellSignalHigh\",\"CellSignalLow\",\"CellSignalMedium\",\"CellSignalNone\",\"CellSignalSlash\",\"CellSignalX\",\"CellTower\",\"Certificate\",\"Chair\",\"Chalkboard\",\"ChalkboardSimple\",\"ChalkboardTeacher\",\"Champagne\",\"ChargingStation\",\"ChartBar\",\"ChartBarHorizontal\",\"ChartDonut\",\"ChartLine\",\"ChartLineDown\",\"ChartLineUp\",\"ChartPie\",\"ChartPieSlice\",\"ChartPolar\",\"ChartScatter\",\"Chat\",\"ChatCentered\",\"ChatCenteredDots\",\"ChatCenteredSlash\",\"ChatCenteredText\",\"ChatCircle\",\"ChatCircleDots\",\"ChatCircleSlash\",\"ChatCircleText\",\"ChatDots\",\"ChatSlash\",\"ChatTeardrop\",\"ChatTeardropDots\",\"ChatTeardropSlash\",\"ChatTeardropText\",\"ChatText\",\"Chats\",\"ChatsCircle\",\"ChatsTeardrop\",\"Check\",\"CheckCircle\",\"CheckFat\",\"CheckSquare\",\"CheckSquareOffset\",\"Checkerboard\",\"Checks\",\"Cheers\",\"Cheese\",\"ChefHat\",\"Cherries\",\"Church\",\"Cigarette\",\"CigaretteSlash\",\"Circle\",\"CircleDashed\",\"CircleHalf\",\"CircleHalfTilt\",\"CircleNotch\",\"CirclesFour\",\"CirclesThree\",\"CirclesThreePlus\",\"Circuitry\",\"City\",\"Clipboard\",\"ClipboardText\",\"Clock\",\"ClockAfternoon\",\"ClockClockwise\",\"ClockCountdown\",\"ClockUser\",\"ClosedCaptioning\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CloudCheck\",\"CloudFog\",\"CloudLightning\",\"CloudMoon\",\"CloudRain\",\"CloudSlash\",\"CloudSnow\",\"CloudSun\",\"CloudWarning\",\"CloudX\",\"Clover\",\"Club\",\"CoatHanger\",\"CodaLogo\",\"Code\",\"CodeBlock\",\"CodeSimple\",\"CodepenLogo\",\"CodesandboxLogo\",\"Coffee\",\"CoffeeBean\",\"Coin\",\"CoinVertical\",\"Coins\",\"Columns\",\"ColumnsPlusLeft\",\"ColumnsPlusRight\",\"Command\",\"Compass\",\"CompassRose\",\"CompassTool\",\"ComputerTower\",\"Confetti\",\"ContactlessPayment\",\"Control\",\"Cookie\",\"CookingPot\",\"Copy\",\"CopySimple\",\"Copyleft\",\"Copyright\",\"CornersIn\",\"CornersOut\",\"Couch\",\"CourtBasketball\",\"Cow\",\"CowboyHat\",\"Cpu\",\"Crane\",\"CraneTower\",\"CreditCard\",\"Cricket\",\"Crop\",\"Cross\",\"Crosshair\",\"CrosshairSimple\",\"Crown\",\"CrownCross\",\"CrownSimple\",\"Cube\",\"CubeFocus\",\"CubeTransparent\",\"CurrencyBtc\",\"CurrencyCircleDollar\",\"CurrencyCny\",\"CurrencyDollar\",\"CurrencyDollarSimple\",\"CurrencyEth\",\"CurrencyEur\",\"CurrencyGbp\",\"CurrencyInr\",\"CurrencyJpy\",\"CurrencyKrw\",\"CurrencyKzt\",\"CurrencyNgn\",\"CurrencyRub\",\"Cursor\",\"CursorClick\",\"CursorText\",\"Cylinder\",\"Database\",\"Desk\",\"Desktop\",\"DesktopTower\",\"Detective\",\"DevToLogo\",\"DeviceMobile\",\"DeviceMobileCamera\",\"DeviceMobileSlash\",\"DeviceMobileSpeaker\",\"DeviceRotate\",\"DeviceTablet\",\"DeviceTabletCamera\",\"DeviceTabletSpeaker\",\"Devices\",\"Diamond\",\"DiamondsFour\",\"DiceFive\",\"DiceFour\",\"DiceOne\",\"DiceSix\",\"DiceThree\",\"DiceTwo\",\"Disc\",\"DiscoBall\",\"DiscordLogo\",\"Divide\",\"Dna\",\"Dog\",\"Door\",\"DoorOpen\",\"Dot\",\"DotOutline\",\"DotsNine\",\"DotsSix\",\"DotsSixVertical\",\"DotsThree\",\"DotsThreeCircle\",\"DotsThreeOutline\",\"DotsThreeVertical\",\"Download\",\"DownloadSimple\",\"Dress\",\"Dresser\",\"DribbbleLogo\",\"Drone\",\"Drop\",\"DropHalf\",\"DropHalfBottom\",\"DropSimple\",\"DropSlash\",\"DropboxLogo\",\"Ear\",\"EarSlash\",\"Egg\",\"EggCrack\",\"Eject\",\"EjectSimple\",\"Elevator\",\"Empty\",\"Engine\",\"Envelope\",\"EnvelopeOpen\",\"EnvelopeSimple\",\"EnvelopeSimpleOpen\",\"Equalizer\",\"Equals\",\"Eraser\",\"EscalatorDown\",\"EscalatorUp\",\"Exam\",\"ExclamationMark\",\"Exclude\",\"ExcludeSquare\",\"Export\",\"Eye\",\"EyeClosed\",\"EyeSlash\",\"Eyedropper\",\"EyedropperSample\",\"Eyeglasses\",\"Eyes\",\"FaceMask\",\"FacebookLogo\",\"Factory\",\"Faders\",\"FadersHorizontal\",\"FalloutShelter\",\"Fan\",\"Farm\",\"FastForward\",\"FastForwardCircle\",\"Feather\",\"FediverseLogo\",\"FigmaLogo\",\"File\",\"FileArchive\",\"FileArrowDown\",\"FileArrowUp\",\"FileAudio\",\"FileC\",\"FileCloud\",\"FileCode\",\"FileCpp\",\"FileCss\",\"FileCsv\",\"FileDashed\",\"FileDoc\",\"FileHtml\",\"FileImage\",\"FileIni\",\"FileJpg\",\"FileJs\",\"FileJsx\",\"FileLock\",\"FileMagnifyingGlass\",\"FileMd\",\"FileMinus\",\"FilePdf\",\"FilePlus\",\"FilePng\",\"FilePpt\",\"FilePy\",\"FileRs\",\"FileSql\",\"FileSvg\",\"FileText\",\"FileTs\",\"FileTsx\",\"FileTxt\",\"FileVideo\",\"FileVue\",\"FileX\",\"FileXls\",\"FileZip\",\"Files\",\"FilmReel\",\"FilmScript\",\"FilmSlate\",\"FilmStrip\",\"Fingerprint\",\"FingerprintSimple\",\"FinnTheHuman\",\"Fire\",\"FireExtinguisher\",\"FireSimple\",\"FireTruck\",\"FirstAid\",\"FirstAidKit\",\"Fish\",\"FishSimple\",\"Flag\",\"FlagBanner\",\"FlagBannerFold\",\"FlagCheckered\",\"FlagPennant\",\"Flame\",\"Flashlight\",\"Flask\",\"FlipHorizontal\",\"FlipVertical\",\"FloppyDisk\",\"FloppyDiskBack\",\"FlowArrow\",\"Flower\",\"FlowerLotus\",\"FlowerTulip\",\"FlyingSaucer\",\"Folder\",\"FolderDashed\",\"FolderLock\",\"FolderMinus\",\"FolderNotch\",\"FolderNotchMinus\",\"FolderNotchOpen\",\"FolderNotchPlus\",\"FolderOpen\",\"FolderPlus\",\"FolderSimple\",\"FolderSimpleDashed\",\"FolderSimpleLock\",\"FolderSimpleMinus\",\"FolderSimplePlus\",\"FolderSimpleStar\",\"FolderSimpleUser\",\"FolderStar\",\"FolderUser\",\"Folders\",\"Football\",\"FootballHelmet\",\"Footprints\",\"ForkKnife\",\"FourK\",\"FrameCorners\",\"FramerLogo\",\"Function\",\"Funnel\",\"FunnelSimple\",\"FunnelSimpleX\",\"FunnelX\",\"GameController\",\"Garage\",\"GasCan\",\"GasPump\",\"Gauge\",\"Gavel\",\"Gear\",\"GearFine\",\"GearSix\",\"GenderFemale\",\"GenderIntersex\",\"GenderMale\",\"GenderNeuter\",\"GenderNonbinary\",\"GenderTransgender\",\"Ghost\",\"Gif\",\"Gift\",\"GitBranch\",\"GitCommit\",\"GitDiff\",\"GitFork\",\"GitMerge\",\"GitPullRequest\",\"GithubLogo\",\"GitlabLogo\",\"GitlabLogoSimple\",\"Globe\",\"GlobeHemisphereEast\",\"GlobeHemisphereWest\",\"GlobeSimple\",\"GlobeSimpleX\",\"GlobeStand\",\"GlobeX\",\"Goggles\",\"Golf\",\"GoodreadsLogo\",\"GoogleCardboardLogo\",\"GoogleChromeLogo\",\"GoogleDriveLogo\",\"GoogleLogo\",\"GooglePhotosLogo\",\"GooglePlayLogo\",\"GooglePodcastsLogo\",\"Gps\",\"GpsFix\",\"GpsSlash\",\"Gradient\",\"GraduationCap\",\"Grains\",\"GrainsSlash\",\"Graph\",\"GraphicsCard\",\"GreaterThan\",\"GreaterThanOrEqual\",\"GridFour\",\"GridNine\",\"Guitar\",\"HairDryer\",\"Hamburger\",\"Hammer\",\"Hand\",\"HandArrowDown\",\"HandArrowUp\",\"HandCoins\",\"HandDeposit\",\"HandEye\",\"HandFist\",\"HandGrabbing\",\"HandHeart\",\"HandPalm\",\"HandPeace\",\"HandPointing\",\"HandSoap\",\"HandSwipeLeft\",\"HandSwipeRight\",\"HandTap\",\"HandWaving\",\"HandWithdraw\",\"Handbag\",\"HandbagSimple\",\"HandsClapping\",\"HandsPraying\",\"Handshake\",\"HardDrive\",\"HardDrives\",\"HardHat\",\"Hash\",\"HashStraight\",\"HeadCircuit\",\"Headlights\",\"Headphones\",\"Headset\",\"Heart\",\"HeartBreak\",\"HeartHalf\",\"HeartStraight\",\"HeartStraightBreak\",\"Heartbeat\",\"Hexagon\",\"HighDefinition\",\"HighHeel\",\"Highlighter\",\"HighlighterCircle\",\"Hockey\",\"Hoodie\",\"Horse\",\"Hospital\",\"Hourglass\",\"HourglassHigh\",\"HourglassLow\",\"HourglassMedium\",\"HourglassSimple\",\"HourglassSimpleHigh\",\"HourglassSimpleLow\",\"House\",\"HouseLine\",\"HouseSimple\",\"Hurricane\",\"IceCream\",\"IdentificationBadge\",\"IdentificationCard\",\"Image\",\"ImageBroken\",\"ImageSquare\",\"Images\",\"ImagesSquare\",\"Infinity\",\"Info\",\"InstagramLogo\",\"Intersect\",\"IntersectSquare\",\"IntersectThree\",\"Intersection\",\"Invoice\",\"Island\",\"Jar\",\"JarLabel\",\"Jeep\",\"Joystick\",\"Kanban\",\"Key\",\"KeyReturn\",\"Keyboard\",\"Keyhole\",\"Knife\",\"Ladder\",\"LadderSimple\",\"Lamp\",\"LampPendant\",\"Laptop\",\"Lasso\",\"LastfmLogo\",\"Layout\",\"Leaf\",\"Lectern\",\"Lego\",\"LegoSmiley\",\"LessThan\",\"LessThanOrEqual\",\"LetterCircleH\",\"LetterCircleP\",\"LetterCircleV\",\"Lifebuoy\",\"Lightbulb\",\"LightbulbFilament\",\"Lighthouse\",\"Lightning\",\"LightningA\",\"LightningSlash\",\"LineSegment\",\"LineSegments\",\"LineVertical\",\"Link\",\"LinkBreak\",\"LinkSimple\",\"LinkSimpleBreak\",\"LinkSimpleHorizontal\",\"LinkedinLogo\",\"LinktreeLogo\",\"LinuxLogo\",\"List\",\"ListBullets\",\"ListChecks\",\"ListDashes\",\"ListHeart\",\"ListMagnifyingGlass\",\"ListNumbers\",\"ListPlus\",\"ListStar\",\"Lock\",\"LockKey\",\"LockKeyOpen\",\"LockLaminated\",\"LockLaminatedOpen\",\"LockOpen\",\"LockSimple\",\"LockSimpleOpen\",\"Lockers\",\"Log\",\"MagicWand\",\"Magnet\",\"MagnetStraight\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"Mailbox\",\"MapPin\",\"MapPinArea\",\"MapPinLine\",\"MapPinPlus\",\"MapPinSimple\",\"MapPinSimpleArea\",\"MapPinSimpleLine\",\"MapTrifold\",\"MarkdownLogo\",\"MarkerCircle\",\"Martini\",\"MaskHappy\",\"MaskSad\",\"MastodonLogo\",\"MathOperations\",\"MatrixLogo\",\"Medal\",\"MedalMilitary\",\"MediumLogo\",\"Megaphone\",\"MegaphoneSimple\",\"MemberOf\",\"Memory\",\"MessengerLogo\",\"MetaLogo\",\"Meteor\",\"Metronome\",\"Microphone\",\"MicrophoneSlash\",\"MicrophoneStage\",\"Microscope\",\"MicrosoftExcelLogo\",\"MicrosoftOutlookLogo\",\"MicrosoftTeamsLogo\",\"MicrosoftWordLogo\",\"Minus\",\"MinusCircle\",\"MinusSquare\",\"Money\",\"MoneyWavy\",\"Monitor\",\"MonitorArrowUp\",\"MonitorPlay\",\"Moon\",\"MoonStars\",\"Moped\",\"MopedFront\",\"Mosque\",\"Motorcycle\",\"Mountains\",\"Mouse\",\"MouseLeftClick\",\"MouseMiddleClick\",\"MouseRightClick\",\"MouseScroll\",\"MouseSimple\",\"MusicNote\",\"MusicNoteSimple\",\"MusicNotes\",\"MusicNotesMinus\",\"MusicNotesPlus\",\"MusicNotesSimple\",\"NavigationArrow\",\"Needle\",\"Network\",\"NetworkSlash\",\"NetworkX\",\"Newspaper\",\"NewspaperClipping\",\"NotEquals\",\"NotMemberOf\",\"NotSubsetOf\",\"NotSupersetOf\",\"Notches\",\"Note\",\"NoteBlank\",\"NotePencil\",\"Notebook\",\"Notepad\",\"Notification\",\"NotionLogo\",\"NuclearPlant\",\"NumberCircleEight\",\"NumberCircleFive\",\"NumberCircleFour\",\"NumberCircleNine\",\"NumberCircleOne\",\"NumberCircleSeven\",\"NumberCircleSix\",\"NumberCircleThree\",\"NumberCircleTwo\",\"NumberCircleZero\",\"NumberEight\",\"NumberFive\",\"NumberFour\",\"NumberNine\",\"NumberOne\",\"NumberSeven\",\"NumberSix\",\"NumberSquareEight\",\"NumberSquareFive\",\"NumberSquareFour\",\"NumberSquareNine\",\"NumberSquareOne\",\"NumberSquareSeven\",\"NumberSquareSix\",\"NumberSquareThree\",\"NumberSquareTwo\",\"NumberSquareZero\",\"NumberThree\",\"NumberTwo\",\"NumberZero\",\"Numpad\",\"Nut\",\"NyTimesLogo\",\"Octagon\",\"OfficeChair\",\"Onigiri\",\"OpenAiLogo\",\"Option\",\"Orange\",\"OrangeSlice\",\"Oven\",\"Package\",\"PaintBrush\",\"PaintBrushBroad\",\"PaintBrushHousehold\",\"PaintBucket\",\"PaintRoller\",\"Palette\",\"Panorama\",\"Pants\",\"PaperPlane\",\"PaperPlaneRight\",\"PaperPlaneTilt\",\"Paperclip\",\"PaperclipHorizontal\",\"Parachute\",\"Paragraph\",\"Parallelogram\",\"Park\",\"Password\",\"Path\",\"PatreonLogo\",\"Pause\",\"PauseCircle\",\"PawPrint\",\"PaypalLogo\",\"Peace\",\"Pen\",\"PenNib\",\"PenNibStraight\",\"Pencil\",\"PencilCircle\",\"PencilLine\",\"PencilRuler\",\"PencilSimple\",\"PencilSimpleLine\",\"PencilSimpleSlash\",\"PencilSlash\",\"Pentagon\",\"Pentagram\",\"Pepper\",\"Percent\",\"Person\",\"PersonArmsSpread\",\"PersonSimple\",\"PersonSimpleBike\",\"PersonSimpleCircle\",\"PersonSimpleHike\",\"PersonSimpleRun\",\"PersonSimpleSki\",\"PersonSimpleSwim\",\"PersonSimpleTaiChi\",\"PersonSimpleThrow\",\"PersonSimpleWalk\",\"Perspective\",\"Phone\",\"PhoneCall\",\"PhoneDisconnect\",\"PhoneIncoming\",\"PhoneList\",\"PhoneOutgoing\",\"PhonePause\",\"PhonePlus\",\"PhoneSlash\",\"PhoneTransfer\",\"PhoneX\",\"PhosphorLogo\",\"Pi\",\"PianoKeys\",\"PicnicTable\",\"PictureInPicture\",\"PiggyBank\",\"Pill\",\"PingPong\",\"PintGlass\",\"PinterestLogo\",\"Pinwheel\",\"Pipe\",\"PipeWrench\",\"PixLogo\",\"Pizza\",\"Placeholder\",\"Planet\",\"Plant\",\"Play\",\"PlayCircle\",\"PlayPause\",\"Playlist\",\"Plug\",\"PlugCharging\",\"Plugs\",\"PlugsConnected\",\"Plus\",\"PlusCircle\",\"PlusMinus\",\"PlusSquare\",\"PokerChip\",\"PoliceCar\",\"Polygon\",\"Popcorn\",\"Popsicle\",\"PottedPlant\",\"Power\",\"Prescription\",\"Presentation\",\"PresentationChart\",\"Printer\",\"Prohibit\",\"ProhibitInset\",\"ProjectorScreen\",\"ProjectorScreenChart\",\"Pulse\",\"PushPin\",\"PushPinSimple\",\"PushPinSimpleSlash\",\"PushPinSlash\",\"PuzzlePiece\",\"QrCode\",\"Question\",\"QuestionMark\",\"Queue\",\"Quotes\",\"Rabbit\",\"Racquet\",\"Radical\",\"Radio\",\"RadioButton\",\"Radioactive\",\"Rainbow\",\"RainbowCloud\",\"Ranking\",\"ReadCvLogo\",\"Receipt\",\"ReceiptX\",\"Record\",\"Rectangle\",\"RectangleDashed\",\"Recycle\",\"RedditLogo\",\"Repeat\",\"RepeatOnce\",\"ReplitLogo\",\"Resize\",\"Rewind\",\"RewindCircle\",\"RoadHorizon\",\"Robot\",\"Rocket\",\"RocketLaunch\",\"Rows\",\"RowsPlusBottom\",\"RowsPlusTop\",\"Rss\",\"RssSimple\",\"Rug\",\"Ruler\",\"Sailboat\",\"Scales\",\"Scan\",\"ScanSmiley\",\"Scissors\",\"Scooter\",\"Screencast\",\"Screwdriver\",\"Scribble\",\"ScribbleLoop\",\"Scroll\",\"Seal\",\"SealCheck\",\"SealPercent\",\"SealQuestion\",\"SealWarning\",\"Seat\",\"Seatbelt\",\"SecurityCamera\",\"Selection\",\"SelectionAll\",\"SelectionBackground\",\"SelectionForeground\",\"SelectionInverse\",\"SelectionPlus\",\"SelectionSlash\",\"Shapes\",\"Share\",\"ShareFat\",\"ShareNetwork\",\"Shield\",\"ShieldCheck\",\"ShieldCheckered\",\"ShieldChevron\",\"ShieldPlus\",\"ShieldSlash\",\"ShieldStar\",\"ShieldWarning\",\"ShippingContainer\",\"ShirtFolded\",\"ShootingStar\",\"ShoppingBag\",\"ShoppingBagOpen\",\"ShoppingCart\",\"ShoppingCartSimple\",\"Shovel\",\"Shower\",\"Shrimp\",\"Shuffle\",\"ShuffleAngular\",\"ShuffleSimple\",\"Sidebar\",\"SidebarSimple\",\"Sigma\",\"SignIn\",\"SignOut\",\"Signature\",\"Signpost\",\"SimCard\",\"Siren\",\"SketchLogo\",\"SkipBack\",\"SkipBackCircle\",\"SkipForward\",\"SkipForwardCircle\",\"Skull\",\"SkypeLogo\",\"SlackLogo\",\"Sliders\",\"SlidersHorizontal\",\"Slideshow\",\"Smiley\",\"SmileyAngry\",\"SmileyBlank\",\"SmileyMeh\",\"SmileyMelting\",\"SmileyNervous\",\"SmileySad\",\"SmileySticker\",\"SmileyWink\",\"SmileyXEyes\",\"SnapchatLogo\",\"Sneaker\",\"SneakerMove\",\"Snowflake\",\"SoccerBall\",\"Sock\",\"SolarPanel\",\"SolarRoof\",\"SortAscending\",\"SortDescending\",\"SoundcloudLogo\",\"Spade\",\"Sparkle\",\"SpeakerHifi\",\"SpeakerHigh\",\"SpeakerLow\",\"SpeakerNone\",\"SpeakerSimpleHigh\",\"SpeakerSimpleLow\",\"SpeakerSimpleNone\",\"SpeakerSimpleSlash\",\"SpeakerSimpleX\",\"SpeakerSlash\",\"SpeakerX\",\"Speedometer\",\"Sphere\",\"Spinner\",\"SpinnerBall\",\"SpinnerGap\",\"Spiral\",\"SplitHorizontal\",\"SplitVertical\",\"SpotifyLogo\",\"SprayBottle\",\"Square\",\"SquareHalf\",\"SquareHalfBottom\",\"SquareLogo\",\"SquareSplitVertical\",\"SquaresFour\",\"Stack\",\"StackMinus\",\"StackOverflowLogo\",\"StackPlus\",\"StackSimple\",\"Stairs\",\"Stamp\",\"StandardDefinition\",\"Star\",\"StarAndCrescent\",\"StarFour\",\"StarHalf\",\"StarOfDavid\",\"SteamLogo\",\"SteeringWheel\",\"Steps\",\"Stethoscope\",\"Sticker\",\"Stool\",\"Stop\",\"StopCircle\",\"Storefront\",\"Strategy\",\"StripeLogo\",\"Student\",\"SubsetOf\",\"SubsetProperOf\",\"Subtitles\",\"SubtitlesSlash\",\"Subtract\",\"SubtractSquare\",\"Subway\",\"Suitcase\",\"SuitcaseRolling\",\"SuitcaseSimple\",\"Sun\",\"SunDim\",\"SunHorizon\",\"Sunglasses\",\"SupersetOf\",\"SupersetProperOf\",\"Swap\",\"Swatches\",\"SwimmingPool\",\"Sword\",\"Synagogue\",\"Syringe\",\"TShirt\",\"Table\",\"Tabs\",\"Tag\",\"TagChevron\",\"TagSimple\",\"Target\",\"Taxi\",\"TeaBag\",\"TelegramLogo\",\"Television\",\"TelevisionSimple\",\"TennisBall\",\"Tent\",\"Terminal\",\"TerminalWindow\",\"TestTube\",\"TextAUnderline\",\"TextAa\",\"TextAlignCenter\",\"TextAlignJustify\",\"TextAlignLeft\",\"TextAlignRight\",\"TextB\",\"TextColumns\",\"TextH\",\"TextHFive\",\"TextHFour\",\"TextHOne\",\"TextHSix\",\"TextHThree\",\"TextHTwo\",\"TextIndent\",\"TextItalic\",\"TextOutdent\",\"TextStrikethrough\",\"TextSubscript\",\"TextSuperscript\",\"TextT\",\"TextTSlash\",\"TextUnderline\",\"Textbox\",\"Thermometer\",\"ThermometerCold\",\"ThermometerHot\",\"ThermometerSimple\",\"ThreadsLogo\",\"ThreeD\",\"ThumbsDown\",\"ThumbsUp\",\"Ticket\",\"TidalLogo\",\"TiktokLogo\",\"Tilde\",\"Timer\",\"TipJar\",\"Tipi\",\"Tire\",\"ToggleLeft\",\"ToggleRight\",\"Toilet\",\"ToiletPaper\",\"Toolbox\",\"Tooth\",\"Tornado\",\"Tote\",\"ToteSimple\",\"Towel\",\"Tractor\",\"Trademark\",\"TrademarkRegistered\",\"TrafficCone\",\"TrafficSign\",\"TrafficSignal\",\"Train\",\"TrainRegional\",\"TrainSimple\",\"Tram\",\"Translate\",\"Trash\",\"TrashSimple\",\"Tray\",\"TrayArrowDown\",\"TrayArrowUp\",\"TreasureChest\",\"Tree\",\"TreeEvergreen\",\"TreePalm\",\"TreeStructure\",\"TreeView\",\"TrendDown\",\"TrendUp\",\"Triangle\",\"TriangleDashed\",\"Trolley\",\"TrolleySuitcase\",\"Trophy\",\"Truck\",\"TruckTrailer\",\"TumblrLogo\",\"TwitchLogo\",\"TwitterLogo\",\"Umbrella\",\"UmbrellaSimple\",\"Union\",\"Unite\",\"UniteSquare\",\"Upload\",\"UploadSimple\",\"Usb\",\"User\",\"UserCheck\",\"UserCircle\",\"UserCircleCheck\",\"UserCircleDashed\",\"UserCircleGear\",\"UserCircleMinus\",\"UserCirclePlus\",\"UserFocus\",\"UserGear\",\"UserList\",\"UserMinus\",\"UserPlus\",\"UserRectangle\",\"UserSound\",\"UserSquare\",\"UserSwitch\",\"Users\",\"UsersFour\",\"UsersThree\",\"Van\",\"Vault\",\"VectorThree\",\"VectorTwo\",\"Vibrate\",\"Video\",\"VideoCamera\",\"VideoCameraSlash\",\"VideoConference\",\"Vignette\",\"VinylRecord\",\"VirtualReality\",\"Virus\",\"Visor\",\"Voicemail\",\"Volleyball\",\"Wall\",\"Wallet\",\"Warehouse\",\"Warning\",\"WarningCircle\",\"WarningDiamond\",\"WarningOctagon\",\"WashingMachine\",\"Watch\",\"WaveSawtooth\",\"WaveSine\",\"WaveSquare\",\"WaveTriangle\",\"Waveform\",\"WaveformSlash\",\"Waves\",\"Webcam\",\"WebcamSlash\",\"WebhooksLogo\",\"WechatLogo\",\"WhatsappLogo\",\"Wheelchair\",\"WheelchairMotion\",\"WifiHigh\",\"WifiLow\",\"WifiMedium\",\"WifiNone\",\"WifiSlash\",\"WifiX\",\"Wind\",\"Windmill\",\"WindowsLogo\",\"Wine\",\"Wrench\",\"X\",\"XCircle\",\"XLogo\",\"XSquare\",\"Yarn\",\"YinYang\",\"YoutubeLogo\"];const moduleBaseUrl=\"https://framer.com/m/phosphor-icons/\";const weightOptions=[\"thin\",\"light\",\"regular\",\"bold\",\"fill\",\"duotone\"];const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * PHOSPHOR\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n */export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,weight,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HouseFactory(React):null);async function importModule(){// Get the selected module\ntry{const version=\"0.0.57\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@${version}`;const module=await import(/* webpackIgnore: true */iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch(err){if(isMounted.current)setSelectedIcon(null);}}useEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/_jsx(NullState,{}):null;return /*#__PURE__*/_jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined},focusable:\"false\",color:color,children:/*#__PURE__*/_jsx(SelectedIcon,{color:color,weight:weight})}):emptyState});}Icon.displayName=\"Phosphor\";Icon.defaultProps={width:24,height:24,iconSelection:\"House\",iconSearch:\"House\",color:\"#66F\",selectByList:true,weight:\"regular\",mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Phosphor site](https://phosphoricons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},weight:{type:ControlType.Enum,title:\"Weight\",optionTitles:weightOptions.map(piece=>piece.charAt(0).toUpperCase()+piece.slice(1)),options:weightOptions,defaultValue:Icon.defaultProps.weight},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phosphor.map", "// Generated by Framer (890879b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Icon as Material}from\"https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/PCgBX5d6MdQT7E7nhdXn/Material.js\";import Clipboard from\"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/RfHh9MIwqlgi04HKZ3Qo/Clipboard.js\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/p8dptk4UIND8hbFWz9V7/Phosphor.js\";const ClipboardFonts=getFonts(Clipboard);const MaterialFonts=getFonts(Material);const PhosphorFonts=getFonts(Phosphor);const cycleOrder=[\"wzwo0RuSv\",\"x63o14fJY\",\"rpugrTtEM\",\"k3tM4HA6Z\",\"UmSRtuO7X\",\"myNAWV3Bp\",\"Dx6Uvqd8h\"];const serializationHash=\"framer-ZStix\";const variantClassNames={Dx6Uvqd8h:\"framer-v-1kpzc1u\",k3tM4HA6Z:\"framer-v-5h5prx\",myNAWV3Bp:\"framer-v-b7jg31\",rpugrTtEM:\"framer-v-1q5z7is\",UmSRtuO7X:\"framer-v-1s6m42m\",wzwo0RuSv:\"framer-v-1trlkql\",x63o14fJY:\"framer-v-1arnqor\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Copy Component\":\"wzwo0RuSv\",\"Copy Link Hover\":\"Dx6Uvqd8h\",\"Copy Link Site\":\"myNAWV3Bp\",\"Copy Remix\":\"k3tM4HA6Z\",Copied:\"rpugrTtEM\",Hover:\"UmSRtuO7X\"};const getProps=({componentLink,height,id,remixLink,width,...props})=>{return{...props,bEyVt7mi6:remixLink??props.bEyVt7mi6,rGy9iawG3:componentLink??props.rGy9iawG3,variant:humanReadableVariantMap[props.variant]??props.variant??\"wzwo0RuSv\"};};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,rGy9iawG3,bEyVt7mi6,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"wzwo0RuSv\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter1ss8x7g=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"x63o14fJY\");});const onTape2gczd=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"rpugrTtEM\");});const onMouseLeave9lby17=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"wzwo0RuSv\");});const onAppearanp8l3=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"wzwo0RuSv\"),4e3);});const onMouseEnterge5hg7=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"UmSRtuO7X\");});const onMouseLeave10zwfrt=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"k3tM4HA6Z\");});const onMouseEnter1rew7ak=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"Dx6Uvqd8h\");});const onMouseLeave6ew4nf=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"myNAWV3Bp\");});useOnVariantChange(baseVariant,{rpugrTtEM:onAppearanp8l3});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"x63o14fJY\",\"rpugrTtEM\"].includes(baseVariant))return true;return false;};const isDisplayed1=()=>{if([\"k3tM4HA6Z\",\"UmSRtuO7X\",\"myNAWV3Bp\",\"Dx6Uvqd8h\"].includes(baseVariant))return false;return true;};const isDisplayed2=()=>{if([\"k3tM4HA6Z\",\"UmSRtuO7X\",\"myNAWV3Bp\",\"Dx6Uvqd8h\"].includes(baseVariant))return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{motionChild:true,nodeId:\"wzwo0RuSv\",scopeId:\"i69sWl94s\",...addPropertyOverrides({Dx6Uvqd8h:{href:bEyVt7mi6,openInNewTab:true},k3tM4HA6Z:{href:bEyVt7mi6,openInNewTab:true},myNAWV3Bp:{href:bEyVt7mi6,openInNewTab:true},UmSRtuO7X:{href:bEyVt7mi6,openInNewTab:true}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1trlkql\",className,classNames)} framer-fujmyk`,\"data-framer-name\":\"Copy Component\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"wzwo0RuSv\",onMouseEnter:onMouseEnter1ss8x7g,ref:refBinding,style:{backgroundColor:\"rgb(232, 232, 232)\",borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,...style},...addPropertyOverrides({Dx6Uvqd8h:{\"data-framer-name\":\"Copy Link Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeave6ew4nf},k3tM4HA6Z:{\"data-framer-name\":\"Copy Remix\",onMouseEnter:onMouseEnterge5hg7},myNAWV3Bp:{\"data-framer-name\":\"Copy Link Site\",onMouseEnter:onMouseEnter1rew7ak},rpugrTtEM:{\"data-framer-name\":\"Copied\"},UmSRtuO7X:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeave10zwfrt},x63o14fJY:{\"data-framer-name\":\"Hover\",onMouseLeave:onMouseLeave9lby17,onTap:onTape2gczd}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-c8e5cc-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"tYmfxjB9D-container\",nodeId:\"tYmfxjB9D\",rendersWithMotion:true,scopeId:\"i69sWl94s\",style:{opacity:0},children:/*#__PURE__*/_jsx(Clipboard,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,color:\"rgb(255, 255, 255)\",content:rGy9iawG3,fill:\"rgb(0, 102, 255)\",font:{},height:\"100%\",id:\"tYmfxjB9D\",isMixedBorderRadius:false,label:\"Copy to Clipboard\",layoutId:\"tYmfxjB9D\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1775068-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"Pqd07TZRU-container\",nodeId:\"Pqd07TZRU\",rendersWithMotion:true,scopeId:\"i69sWl94s\",style:{rotate:-2},variants:{rpugrTtEM:{rotate:0}},children:/*#__PURE__*/_jsx(Material,{color:\"rgb(5, 5, 5)\",height:\"100%\",iconSearch:\"copy\",iconSelection:\"Home\",iconStyle15:\"Filled\",iconStyle2:\"Filled\",iconStyle7:\"Filled\",id:\"Pqd07TZRU\",layoutId:\"Pqd07TZRU\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},width:\"100%\",...addPropertyOverrides({rpugrTtEM:{color:\"rgb(34, 138, 0)\",iconSearch:\"check\",iconSelection:\"CheckBox\",selectByList:true}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Copy Component\"})}),className:\"framer-d5i6i7\",\"data-framer-name\":\"Copy component\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"SOwOoCYDo\",style:{\"--framer-paragraph-spacing\":\"0px\"},variants:{rpugrTtEM:{\"--extracted-r6o4lv\":\"rgb(34, 138, 0)\"}},verticalAlignment:\"center\",withExternalLayout:true,...addPropertyOverrides({Dx6Uvqd8h:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Go to Copy Link\"})})},k3tM4HA6Z:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Remix Project\"})})},myNAWV3Bp:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Go to Copy Link\"})})},rpugrTtEM:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(34, 138, 0))\"},children:\"Copied Successfully\"})})},UmSRtuO7X:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Remix Project\"})})},x63o14fJY:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"15.625px\",\"--framer-line-height\":\"19.2px\"},children:/*#__PURE__*/_jsx(motion.span,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter-Medium\", \"Inter\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\"},children:\"Ready to Copy\"})})})}},baseVariant,gestureVariant)}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1fk4d06-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"gakUGy1fF-container\",nodeId:\"gakUGy1fF\",rendersWithMotion:true,scopeId:\"i69sWl94s\",style:{rotate:0},variants:{Dx6Uvqd8h:{rotate:0},myNAWV3Bp:{rotate:0},UmSRtuO7X:{rotate:180}},children:/*#__PURE__*/_jsx(Phosphor,{color:\"rgb(5, 5, 5)\",height:\"100%\",iconSearch:\"arrows-clockwise\",iconSelection:\"ArrowClockwise\",id:\"gakUGy1fF\",layoutId:\"gakUGy1fF\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\",...addPropertyOverrides({Dx6Uvqd8h:{iconSelection:\"ArrowSquareOut\",selectByList:true},myNAWV3Bp:{iconSelection:\"ArrowSquareIn\",selectByList:true}},baseVariant,gestureVariant)})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ZStix.framer-fujmyk, .framer-ZStix .framer-fujmyk { display: block; }\",\".framer-ZStix.framer-1trlkql { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 40px; justify-content: center; overflow: visible; padding: 10px 20px 10px 20px; position: relative; width: 338px; }\",\".framer-ZStix .framer-c8e5cc-container { flex: none; height: 103%; left: calc(50.00000000000002% - 100% / 2); position: absolute; top: calc(51.2820512820513% - 102.56410256410255% / 2); width: 100%; z-index: 1; }\",\".framer-ZStix .framer-1775068-container, .framer-ZStix .framer-1fk4d06-container { flex: none; height: 16px; position: relative; width: 16px; }\",\".framer-ZStix .framer-d5i6i7 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-ZStix.framer-v-1arnqor.framer-1trlkql { cursor: pointer; }\",\".framer-ZStix.framer-v-1q5z7is.framer-1trlkql { height: min-content; }\",\".framer-ZStix.framer-v-1q5z7is .framer-1775068-container { height: 20px; width: 20px; }\",\".framer-ZStix.framer-v-5h5prx.framer-1trlkql, .framer-ZStix.framer-v-1s6m42m.framer-1trlkql { text-decoration: none; }\",\".framer-ZStix.framer-v-5h5prx .framer-d5i6i7, .framer-ZStix.framer-v-1s6m42m .framer-d5i6i7, .framer-ZStix.framer-v-b7jg31 .framer-d5i6i7, .framer-ZStix.framer-v-1kpzc1u .framer-d5i6i7 { order: 3; }\",\".framer-ZStix.framer-v-5h5prx .framer-1fk4d06-container, .framer-ZStix.framer-v-1s6m42m .framer-1fk4d06-container, .framer-ZStix.framer-v-b7jg31 .framer-1fk4d06-container, .framer-ZStix.framer-v-1kpzc1u .framer-1fk4d06-container { order: 2; }\",\".framer-ZStix.framer-v-b7jg31.framer-1trlkql, .framer-ZStix.framer-v-1kpzc1u.framer-1trlkql { height: min-content; text-decoration: none; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 338\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"x63o14fJY\":{\"layout\":[\"fixed\",\"fixed\"]},\"rpugrTtEM\":{\"layout\":[\"fixed\",\"auto\"]},\"k3tM4HA6Z\":{\"layout\":[\"fixed\",\"fixed\"]},\"UmSRtuO7X\":{\"layout\":[\"fixed\",\"fixed\"]},\"myNAWV3Bp\":{\"layout\":[\"fixed\",\"auto\"]},\"Dx6Uvqd8h\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"rGy9iawG3\":\"componentLink\",\"bEyVt7mi6\":\"remixLink\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Frameri69sWl94s=withCSS(Component,css,\"framer-ZStix\");export default Frameri69sWl94s;Frameri69sWl94s.displayName=\"Free Copy Remix Button\";Frameri69sWl94s.defaultProps={height:40,width:338};addPropertyControls(Frameri69sWl94s,{variant:{options:[\"wzwo0RuSv\",\"x63o14fJY\",\"rpugrTtEM\",\"k3tM4HA6Z\",\"UmSRtuO7X\",\"myNAWV3Bp\",\"Dx6Uvqd8h\"],optionTitles:[\"Copy Component\",\"Hover\",\"Copied\",\"Copy Remix\",\"Hover\",\"Copy Link Site\",\"Copy Link Hover\"],title:\"Variant\",type:ControlType.Enum},rGy9iawG3:{defaultValue:\"\",displayTextArea:true,title:\"Component Link\",type:ControlType.String},bEyVt7mi6:{title:\"Remix Link\",type:ControlType.Link}});addFonts(Frameri69sWl94s,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/d3tHnaQIAeqiE5hGcRw4mmgWYU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"}]},...ClipboardFonts,...MaterialFonts,...PhosphorFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameri69sWl94s\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"x63o14fJY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"rpugrTtEM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"k3tM4HA6Z\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"UmSRtuO7X\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"myNAWV3Bp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Dx6Uvqd8h\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"rGy9iawG3\\\":\\\"componentLink\\\",\\\"bEyVt7mi6\\\":\\\"remixLink\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"338\",\"framerIntrinsicHeight\":\"40\",\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./i69sWl94s.map", "// Generated by Framer (890879b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/p8dptk4UIND8hbFWz9V7/Phosphor.js\";const PhosphorFonts=getFonts(Phosphor);const enabledGestures={H5nf7N8UZ:{hover:true},l8liWOqdy:{hover:true},Ohx1uXYGk:{hover:true}};const cycleOrder=[\"H5nf7N8UZ\",\"l8liWOqdy\",\"Ohx1uXYGk\"];const serializationHash=\"framer-fy3J5\";const variantClassNames={H5nf7N8UZ:\"framer-v-3rbbxf\",l8liWOqdy:\"framer-v-yiiycu\",Ohx1uXYGk:\"framer-v-rqw0oa\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"All Access\":\"Ohx1uXYGk\",\"Login to Copy\":\"l8liWOqdy\",Premium:\"H5nf7N8UZ\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"H5nf7N8UZ\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"H5nf7N8UZ\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({\"l8liWOqdy-hover\":{value:undefined},l8liWOqdy:{value:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"l5CuLGZcr\"},motionChild:true,nodeId:\"H5nf7N8UZ\",openInNewTab:false,scopeId:\"vH2pgu0FC\",...addPropertyOverrides({l8liWOqdy:{href:{webPageId:\"gTGip9n3A\"}}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-3rbbxf\",className,classNames)} framer-10kkzpg`,\"data-framer-name\":\"Premium\",layoutDependency:layoutDependency,layoutId:\"H5nf7N8UZ\",ref:refBinding,style:{backgroundColor:\"var(--token-85fe3f6d-1ded-4a47-a9cd-5b79c1032b25, rgb(219, 255, 0))\",borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,...style},variants:{\"H5nf7N8UZ-hover\":{backgroundColor:\"rgba(219, 255, 0, 0.8)\"},\"Ohx1uXYGk-hover\":{backgroundColor:\"rgba(219, 255, 0, 0.8)\"},l8liWOqdy:{backgroundColor:\"rgb(232, 232, 232)\"}},...addPropertyOverrides({\"H5nf7N8UZ-hover\":{\"data-framer-name\":undefined},\"l8liWOqdy-hover\":{\"data-framer-name\":undefined},\"Ohx1uXYGk-hover\":{\"data-framer-name\":undefined},l8liWOqdy:{\"data-framer-name\":\"Login to Copy\"},Ohx1uXYGk:{\"data-framer-name\":\"All Access\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1cb1cmc-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"IWNwIvaxO-container\",nodeId:\"IWNwIvaxO\",rendersWithMotion:true,scopeId:\"vH2pgu0FC\",children:/*#__PURE__*/_jsx(Phosphor,{color:\"rgb(5, 5, 5)\",height:\"100%\",iconSearch:\"sket\",iconSelection:\"SketchLogo\",id:\"IWNwIvaxO\",layoutId:\"IWNwIvaxO\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\",...addPropertyOverrides({\"l8liWOqdy-hover\":{iconSelection:\"Key\"},l8liWOqdy:{iconSearch:\"lock\",iconSelection:\"Lock\"}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Unlock with Premium\"})}),className:\"framer-s3v9ut\",\"data-framer-name\":\"Copy component\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"HKKVriK3N\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true,...addPropertyOverrides({l8liWOqdy:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Log in to Copy\"})})},Ohx1uXYGk:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"15.63px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"19.2px\"},children:\"Get all access\"})})}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-fy3J5.framer-10kkzpg, .framer-fy3J5 .framer-10kkzpg { display: block; }\",\".framer-fy3J5.framer-3rbbxf { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 40px; justify-content: center; overflow: visible; padding: 10px 20px 10px 20px; position: relative; text-decoration: none; width: 210px; }\",\".framer-fy3J5 .framer-1cb1cmc-container { flex: none; height: 16px; position: relative; width: 16px; }\",\".framer-fy3J5 .framer-s3v9ut { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-fy3J5.framer-v-yiiycu .framer-1cb1cmc-container { height: 24px; width: 24px; }\",\".framer-fy3J5.framer-v-yiiycu.hover .framer-1cb1cmc-container { height: 20px; width: 20px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 210\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"l8liWOqdy\":{\"layout\":[\"fixed\",\"fixed\"]},\"Ohx1uXYGk\":{\"layout\":[\"fixed\",\"fixed\"]},\"H83Ibv7_d\":{\"layout\":[\"fixed\",\"fixed\"]},\"ch4CHQzjM\":{\"layout\":[\"fixed\",\"fixed\"]},\"TjfHUC4g0\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramervH2pgu0FC=withCSS(Component,css,\"framer-fy3J5\");export default FramervH2pgu0FC;FramervH2pgu0FC.displayName=\"Premium Button\";FramervH2pgu0FC.defaultProps={height:40,width:210};addPropertyControls(FramervH2pgu0FC,{variant:{options:[\"H5nf7N8UZ\",\"l8liWOqdy\",\"Ohx1uXYGk\"],optionTitles:[\"Premium\",\"Login to Copy\",\"All Access\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramervH2pgu0FC,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/d3tHnaQIAeqiE5hGcRw4mmgWYU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"}]},...PhosphorFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramervH2pgu0FC\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"40\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"l8liWOqdy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Ohx1uXYGk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"H83Ibv7_d\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ch4CHQzjM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"TjfHUC4g0\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"210\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./vH2pgu0FC.map", "/**\n * v1.0\n * hi@framer.today\n * framer.today/license\n *\n */import{jsx as n}from\"react/jsx-runtime\";export function withPreviousPage(i){return function(o){return /*#__PURE__*/n(i,{...o,onClick:()=>{\"undefined\"!=typeof window&&window.history.length>1&&window.history.back();}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withPreviousPage\":{\"type\":\"reactHoc\",\"name\":\"withPreviousPage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Back_button.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{withPreviousPage}from\"https://framerusercontent.com/modules/vO8vMtZCh008WtOAwJEI/n5ZzDuLYAiEpk44IFA3M/Back_button.js\";const MotionDivWithPreviousPage=withPreviousPage(motion.div);const enabledGestures={jcE_xgrZt:{hover:true}};const serializationHash=\"framer-cr0WL\";const variantClassNames={jcE_xgrZt:\"framer-v-hxjelj\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,title,width,...props})=>{var _ref;return{...props,VyEZ0bsYQ:(_ref=title!==null&&title!==void 0?title:props.VyEZ0bsYQ)!==null&&_ref!==void 0?_ref:\"Back\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,VyEZ0bsYQ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"jcE_xgrZt\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(MotionDivWithPreviousPage,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-hxjelj\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"jcE_xgrZt\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-bc93a03c-27ec-4c25-a378-31f6b7420dcf, rgb(221, 221, 221))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4,opacity:.65,...style},variants:{\"jcE_xgrZt-hover\":{opacity:1}},...addPropertyOverrides({\"jcE_xgrZt-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-17f1uld\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"WWAZNHUSf\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-ewboya\",layoutDependency:layoutDependency,layoutId:\"q9EGkXGmj\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-1ljnnpa\",\"data-framer-name\":\"graphic\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"vu_Rx9WkY\",opacity:1,svg:'',svgContentId:9485365166,withExternalLayout:true})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-f5w4bk\",\"data-framer-name\":\"Label\",layoutDependency:layoutDependency,layoutId:\"xoqFJZi8V\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7TWFucm9wZS1yZWd1bGFy\",\"--framer-font-family\":'\"Manrope\", \"Manrope Placeholder\", sans-serif',\"--framer-letter-spacing\":\"-0.1px\",\"--framer-line-height\":\"1em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-bc93a03c-27ec-4c25-a378-31f6b7420dcf, rgb(221, 221, 221)))\"},children:\"Back\"})}),className:\"framer-1b6b8sp\",\"data-framer-name\":\"Label\",fonts:[\"GF;Manrope-regular\"],layoutDependency:layoutDependency,layoutId:\"BPuvytfLQ\",style:{\"--extracted-r6o4lv\":\"var(--token-bc93a03c-27ec-4c25-a378-31f6b7420dcf, rgb(221, 221, 221))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:VyEZ0bsYQ,verticalAlignment:\"top\",withExternalLayout:true})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-cr0WL.framer-1tm5en0, .framer-cr0WL .framer-1tm5en0 { display: block; }\",\".framer-cr0WL.framer-hxjelj { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; overflow: hidden; padding: 6px 12px 6px 5px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-cr0WL .framer-17f1uld { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 17px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 16px; }\",\".framer-cr0WL .framer-ewboya { bottom: 0px; flex: none; height: 16px; left: 0px; overflow: visible; position: absolute; right: 0px; z-index: 1; }\",\".framer-cr0WL .framer-1ljnnpa { flex: none; height: 16px; left: calc(50.00000000000002% - 16px / 2); position: absolute; top: calc(50.00000000000002% - 16px / 2); width: 16px; }\",\".framer-cr0WL .framer-f5w4bk { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-cr0WL .framer-1b6b8sp { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cr0WL.framer-hxjelj, .framer-cr0WL .framer-17f1uld, .framer-cr0WL .framer-f5w4bk { gap: 0px; } .framer-cr0WL.framer-hxjelj > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .framer-cr0WL.framer-hxjelj > :first-child, .framer-cr0WL .framer-f5w4bk > :first-child { margin-left: 0px; } .framer-cr0WL.framer-hxjelj > :last-child, .framer-cr0WL .framer-f5w4bk > :last-child { margin-right: 0px; } .framer-cr0WL .framer-17f1uld > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-cr0WL .framer-17f1uld > :first-child { margin-top: 0px; } .framer-cr0WL .framer-17f1uld > :last-child { margin-bottom: 0px; } .framer-cr0WL .framer-f5w4bk > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } }\",\".framer-cr0WL.framer-v-hxjelj.hover .framer-ewboya { left: -2px; right: unset; width: 16px; }\",'.framer-cr0WL[data-border=\"true\"]::after, .framer-cr0WL [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 29\n * @framerIntrinsicWidth 72\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"ojooQISBN\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"VyEZ0bsYQ\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerA3jBorOxE=withCSS(Component,css,\"framer-cr0WL\");export default FramerA3jBorOxE;FramerA3jBorOxE.displayName=\"Button / Back\";FramerA3jBorOxE.defaultProps={height:29,width:72};addPropertyControls(FramerA3jBorOxE,{VyEZ0bsYQ:{defaultValue:\"Back\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramerA3jBorOxE,[{explicitInter:true,fonts:[{family:\"Manrope\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_A87jxeN7B.woff2\",weight:\"400\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerA3jBorOxE\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"29\",\"framerVariables\":\"{\\\"VyEZ0bsYQ\\\":\\\"title\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"ojooQISBN\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"72\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./A3jBorOxE.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{defaultEvents,usePadding,useRadius,paddingControl,borderRadiusControl,fontControls,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * CLIPBOARD\n *\n * @framerIntrinsicWidth 90\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function Clipboard({label,content,fill,color,style,onClick,...props}){const{fontFamily,fontSize,fontWeight}=useFontControls(props);const borderRadius=useRadius(props);const paddingValue=usePadding(props);const handleClick=useCallback(()=>{var ref;(ref=navigator.clipboard)===null||ref===void 0?void 0:ref.writeText(content);onClick===null||onClick===void 0?void 0:onClick();},[onClick,content]);return(/*#__PURE__*/ _jsx(motion.button,{style:{border:\"none\",outline:\"none\",resize:\"none\",width:\"max-content\",wordBreak:\"break-word\",overflowWrap:\"break-word\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",letterSpacing:\"-0.2px\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",background:fill,borderRadius,cursor:\"pointer\",padding:paddingValue,fontFamily,fontWeight,fontSize,color,...style},onClick:handleClick,whileHover:{opacity:0.8},whileTap:{scale:0.9},transition:{type:\"ease\",duration:0.3},...props,children:label}));};Clipboard.defaultProps={label:\"Copy to clipboard\",color:\"#fff\",fontSize:16,fontFamily:\"Inter\",fontWeight:500,padding:15,borderRadius:8};addPropertyControls(Clipboard,{content:{type:ControlType.String,title:\"Content\",displayTextArea:true,description:\"When clicked, this content will be copied to the clipboard.\"},label:{type:ControlType.String,title:\"Label\"},fill:{type:ControlType.Color,title:\"Fill\"},color:{type:ControlType.Color,title:\"Text\"},...fontControls,fontSize:{title:\"Font Size\",type:ControlType.Number,displayStepper:true,defaultValue:16},...paddingControl,...borderRadiusControl,...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Clipboard\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"90\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"50\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Clipboard.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Clipboard from\"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/EqB2oGdmJ81urPOd5L66/Clipboard.js\";const ClipboardFonts=getFonts(Clipboard);const cycleOrder=[\"X58XuWDGT\",\"HUQ3CtOUA\",\"tg4p9YxwU\"];const serializationHash=\"framer-59CDB\";const variantClassNames={HUQ3CtOUA:\"framer-v-1ocvvn0\",tg4p9YxwU:\"framer-v-11seh6k\",X58XuWDGT:\"framer-v-nu2axd\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Copied:\"tg4p9YxwU\",Hover:\"HUQ3CtOUA\",Main:\"X58XuWDGT\"};const getProps=({emailLink,height,id,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,HAJWAAyCz:(_ref=emailLink!==null&&emailLink!==void 0?emailLink:props.HAJWAAyCz)!==null&&_ref!==void 0?_ref:\"ux.omkarteli@gmail.com\",variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"X58XuWDGT\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,HAJWAAyCz,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"X58XuWDGT\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnteraerdk9=activeVariantCallback(async(...args)=>{setVariant(\"HUQ3CtOUA\");});const onMouseLeaveczkx7z=activeVariantCallback(async(...args)=>{setVariant(\"X58XuWDGT\");});const onAppear1tfn560=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"X58XuWDGT\"),1500);});const onClicketec1a=activeVariantCallback(async(...args)=>{setVariant(\"tg4p9YxwU\");});useOnVariantChange(baseVariant,{tg4p9YxwU:onAppear1tfn560});const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"tg4p9YxwU\")return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"HUQ3CtOUA\")return true;return false;};const isDisplayed2=()=>{if([\"HUQ3CtOUA\",\"tg4p9YxwU\"].includes(baseVariant))return false;return true;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-nu2axd\",className,classNames),\"data-framer-name\":\"Main\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"X58XuWDGT\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnteraerdk9,onMouseLeave:onMouseLeaveczkx7z,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({HUQ3CtOUA:{\"data-framer-name\":\"Hover\",\"data-highlight\":undefined,onMouseEnter:undefined,onMouseLeave:undefined},tg4p9YxwU:{\"data-framer-name\":\"Copied\",onMouseEnter:undefined,onMouseLeave:undefined}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-19s31n3\",\"data-framer-name\":\"Group 20\",layoutDependency:layoutDependency,layoutId:\"m7agwRFcd\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-17dzke7\",\"data-framer-name\":\"Rectangle 8\",layoutDependency:layoutDependency,layoutId:\"fNewXZgsW\",style:{backgroundColor:\"rgb(96, 96, 96)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}}),/*#__PURE__*/_jsx(SVG,{className:\"framer-o55prx\",\"data-framer-name\":\"material-symbols:content-copy-outline\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"Z9WoNgPhU\",svg:'\\n\\n\\n',withExternalLayout:true})]}),isDisplayed1()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1j6y7s\",\"data-framer-name\":\"Group 25\",layoutDependency:layoutDependency,layoutId:\"pwCqs3mFb\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-tbmcr8\",\"data-framer-name\":\"Rectangle 8\",layoutDependency:layoutDependency,layoutId:\"c0hPVsXJy\",style:{backgroundColor:\"rgb(185, 185, 185)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}}),/*#__PURE__*/_jsx(SVG,{className:\"framer-18uepug\",\"data-framer-name\":\"material-symbols:mail-rounded\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"F4Pu0P9yb\",svg:'\\n\\n\\n\\n',withExternalLayout:true})]}),isDisplayed2()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wjjxcr\",\"data-framer-name\":\"Group 20\",layoutDependency:layoutDependency,layoutId:\"FUi231cHi\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-z7m7r7\",\"data-framer-name\":\"Rectangle 8\",layoutDependency:layoutDependency,layoutId:\"Ct4FvSM5i\",style:{backgroundColor:\"rgb(96, 96, 96)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}}),/*#__PURE__*/_jsx(SVG,{className:\"framer-157f5ne\",\"data-framer-name\":\"material-symbols:mail-rounded\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"aGT1rZlCS\",svg:'\\n\\n\\n',withExternalLayout:true})]}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-16vvmah-container\",layoutDependency:layoutDependency,layoutId:\"WDUpg70pv-container\",style:{opacity:0},transformTemplate:transformTemplate1,children:/*#__PURE__*/_jsx(Clipboard,{borderRadius:10,bottomLeftRadius:10,bottomRightRadius:10,color:\"rgb(255, 255, 255)\",content:HAJWAAyCz,fill:\"rgb(0, 153, 255)\",font:false,fontFamily:\"Inter\",fontSize:16,fontWeight:500,height:\"100%\",id:\"WDUpg70pv\",isMixedBorderRadius:false,label:\"\",layoutId:\"WDUpg70pv\",onClick:onClicketec1a,onMouseLeave:onMouseLeaveczkx7z,padding:15,paddingBottom:15,paddingLeft:15,paddingPerSide:false,paddingRight:15,paddingTop:15,topLeftRadius:10,topRightRadius:10,width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-59CDB.framer-1xa7lry, .framer-59CDB .framer-1xa7lry { display: block; }\",\".framer-59CDB.framer-nu2axd { height: 34px; overflow: visible; position: relative; width: 34px; }\",\".framer-59CDB .framer-19s31n3, .framer-59CDB .framer-1j6y7s, .framer-59CDB .framer-1wjjxcr { flex: none; height: 34px; left: 0px; overflow: visible; position: absolute; top: 0px; width: 34px; }\",\".framer-59CDB .framer-17dzke7, .framer-59CDB .framer-tbmcr8, .framer-59CDB .framer-z7m7r7 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 34px); left: 0px; position: absolute; top: 0px; width: 34px; }\",\".framer-59CDB .framer-o55prx, .framer-59CDB .framer-18uepug, .framer-59CDB .framer-157f5ne { flex: none; height: 20px; left: 7px; position: absolute; top: 7px; width: 20px; }\",\".framer-59CDB .framer-16vvmah-container { flex: none; height: auto; left: 50%; pointer-events: auto; position: absolute; top: 50%; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 34\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"HUQ3CtOUA\":{\"layout\":[\"fixed\",\"fixed\"]},\"tg4p9YxwU\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"HAJWAAyCz\":\"emailLink\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerApHgGzs0Y=withCSS(Component,css,\"framer-59CDB\");export default FramerApHgGzs0Y;FramerApHgGzs0Y.displayName=\"Button/Email Icon\";FramerApHgGzs0Y.defaultProps={height:34,width:34};addPropertyControls(FramerApHgGzs0Y,{variant:{options:[\"X58XuWDGT\",\"HUQ3CtOUA\",\"tg4p9YxwU\"],optionTitles:[\"Main\",\"Hover\",\"Copied\"],title:\"Variant\",type:ControlType.Enum},HAJWAAyCz:{defaultValue:\"ux.omkarteli@gmail.com\",displayTextArea:true,title:\"Email Link\",type:ControlType.String}});addFonts(FramerApHgGzs0Y,[{explicitInter:true,fonts:[]},...ClipboardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerApHgGzs0Y\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"34\",\"framerVariables\":\"{\\\"HAJWAAyCz\\\":\\\"emailLink\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"HUQ3CtOUA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"tg4p9YxwU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"34\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ApHgGzs0Y.map", "// Generated by Framer (38fb4ea)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Material}from\"https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/PCgBX5d6MdQT7E7nhdXn/Material.js\";const MaterialFonts=getFonts(Material);const cycleOrder=[\"YTXTcXCme\",\"F1u5sZwzW\"];const serializationHash=\"framer-UiENw\";const variantClassNames={F1u5sZwzW:\"framer-v-bq7fgo\",YTXTcXCme:\"framer-v-1ipq62a\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Hover:\"F1u5sZwzW\",Primary:\"YTXTcXCme\"};const getProps=({color,height,id,link,newTab,title,width,...props})=>{var _ref,_ref1,_ref2,_humanReadableVariantMap_props_variant,_ref3;return{...props,iyOqK1V5G:(_ref=color!==null&&color!==void 0?color:props.iyOqK1V5G)!==null&&_ref!==void 0?_ref:\"rgb(255, 255, 255)\",onNdhZaq8:(_ref1=newTab!==null&&newTab!==void 0?newTab:props.onNdhZaq8)!==null&&_ref1!==void 0?_ref1:true,TDjtxT8s9:link!==null&&link!==void 0?link:props.TDjtxT8s9,tNOQjwJ4n:(_ref2=title!==null&&title!==void 0?title:props.tNOQjwJ4n)!==null&&_ref2!==void 0?_ref2:\"Learn more\",variant:(_ref3=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref3!==void 0?_ref3:\"YTXTcXCme\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,tNOQjwJ4n,TDjtxT8s9,iyOqK1V5G,onNdhZaq8,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"YTXTcXCme\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterh277uw=activeVariantCallback(async(...args)=>{setVariant(\"F1u5sZwzW\");});const onMouseLeaveko2gxc=activeVariantCallback(async(...args)=>{setVariant(\"YTXTcXCme\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:TDjtxT8s9,openInNewTab:onNdhZaq8,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-1ipq62a\",className,classNames)} framer-bdlau3`,\"data-framer-name\":\"Primary\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"YTXTcXCme\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnterh277uw,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{opacity:1,...style},variants:{F1u5sZwzW:{opacity:.75}},...addPropertyOverrides({F1u5sZwzW:{\"data-framer-name\":\"Hover\",onMouseLeave:onMouseLeaveko2gxc}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"600\",\"--framer-line-height\":\"24px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-iyOqK1V5G-B1tpSSBnl))\"},children:\"Learn more\"})}),className:\"framer-1d7wo6k\",\"data-framer-name\":\"Text\",fonts:[\"Inter-SemiBold\"],layoutDependency:layoutDependency,layoutId:\"yA1BmtTJ5\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-iyOqK1V5G-B1tpSSBnl)\",\"--framer-paragraph-spacing\":\"16px\",\"--variable-reference-iyOqK1V5G-B1tpSSBnl\":iyOqK1V5G},text:tNOQjwJ4n,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1v4oygm-container\",layoutDependency:layoutDependency,layoutId:\"M00Li60qs-container\",children:/*#__PURE__*/_jsx(Material,{color:iyOqK1V5G,height:\"100%\",iconSearch:\"Home\",iconSelection:\"ArrowForward\",iconStyle15:\"Filled\",iconStyle2:\"Filled\",iconStyle7:\"Filled\",id:\"M00Li60qs\",layoutId:\"M00Li60qs\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-UiENw.framer-bdlau3, .framer-UiENw .framer-bdlau3 { display: block; }\",\".framer-UiENw.framer-1ipq62a { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 6px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-UiENw .framer-1d7wo6k { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-UiENw .framer-1v4oygm-container { flex: none; height: 21px; position: relative; width: 20px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-UiENw.framer-1ipq62a { gap: 0px; } .framer-UiENw.framer-1ipq62a > * { margin: 0px; margin-left: calc(6px / 2); margin-right: calc(6px / 2); } .framer-UiENw.framer-1ipq62a > :first-child { margin-left: 0px; } .framer-UiENw.framer-1ipq62a > :last-child { margin-right: 0px; } }\",\".framer-UiENw.framer-v-bq7fgo.framer-1ipq62a { gap: 12px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-UiENw.framer-v-bq7fgo.framer-1ipq62a { gap: 0px; } .framer-UiENw.framer-v-bq7fgo.framer-1ipq62a > * { margin: 0px; margin-left: calc(12px / 2); margin-right: calc(12px / 2); } .framer-UiENw.framer-v-bq7fgo.framer-1ipq62a > :first-child { margin-left: 0px; } .framer-UiENw.framer-v-bq7fgo.framer-1ipq62a > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 113\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"F1u5sZwzW\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"tNOQjwJ4n\":\"title\",\"TDjtxT8s9\":\"link\",\"iyOqK1V5G\":\"color\",\"onNdhZaq8\":\"newTab\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerB1tpSSBnl=withCSS(Component,css,\"framer-UiENw\");export default FramerB1tpSSBnl;FramerB1tpSSBnl.displayName=\"Button/ Learn more\";FramerB1tpSSBnl.defaultProps={height:24,width:113};addPropertyControls(FramerB1tpSSBnl,{variant:{options:[\"YTXTcXCme\",\"F1u5sZwzW\"],optionTitles:[\"Primary\",\"Hover\"],title:\"Variant\",type:ControlType.Enum},tNOQjwJ4n:{defaultValue:\"Learn more\",displayTextArea:false,title:\"Title\",type:ControlType.String},TDjtxT8s9:{title:\"Link\",type:ControlType.Link},iyOqK1V5G:{defaultValue:\"rgb(255, 255, 255)\",title:\"Color\",type:ControlType.Color},onNdhZaq8:{defaultValue:true,title:\"New Tab\",type:ControlType.Boolean}});addFonts(FramerB1tpSSBnl,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-ext-C7KWUKA7.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-JWV7SOZ6.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-ext-FBKSFTSU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-EQ3PSENU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.latin-ext-ULRSO3ZR.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://app.framerstatic.com/Inter-SemiBold.latin-RDYY2AG2.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.vietnamese-ESQNSEQ3.woff2\",weight:\"600\"}]},...MaterialFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerB1tpSSBnl\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"F1u5sZwzW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"24\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"tNOQjwJ4n\\\":\\\"title\\\",\\\"TDjtxT8s9\\\":\\\"link\\\",\\\"iyOqK1V5G\\\":\\\"color\\\",\\\"onNdhZaq8\\\":\\\"newTab\\\"}\",\"framerIntrinsicWidth\":\"113\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./B1tpSSBnl.map", "import{jsx as e}from\"react/jsx-runtime\";import{useState as t,useEffect as o}from\"react\";import{addPropertyControls as i,ControlType as l}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */function s(i){let[l,s]=t(null);o(()=>{let e=i.customSvgCode;r(e);},[i.customSvgCode,i.customColor,i.customStrokeWidth,i.lineCap,i.lineJoin]);let r=e=>{let t=[[/width=\"[^\"]*\"/,'width=\"100%\"'],[/height=\"[^\"]*\"/,'height=\"100%\"']],o=e.includes('stroke=\"'),l=e.includes('stroke-width=\"'),r=e.includes('stroke-linecap=\"'),n=e.includes('stroke-linejoin=\"');if(e.includes(\"]*fill=\"([^\"]*)\"/,l=e.match(o);if(l){// Update the fill attribute with the custom color\nlet t=l[0].replace(l[1],i.customColor);e=e.replace(o,t);}else // If there is no fill attribute, add it with the custom color\nt.push([/{e=e.replace(t,o);}),s(e);},n={padding:`${i.customPadding}px`,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",overflow:\"visible\"};return /*#__PURE__*/e(\"div\",{dangerouslySetInnerHTML:{__html:l},style:n});}s.defaultProps={customSvgCode:' ',customColor:\"#ffffff\",customPadding:0,customStrokeWidth:2,lineCap:\"butt\",lineJoin:\"miter\"},i(s,{customSvgCode:{type:l.String,title:\"SVG Code\",displayTextArea:!1},customColor:{type:l.Color,title:\"Color\",defaultValue:\"#ffffff\"},customStrokeWidth:{type:l.Number,title:\"Stroke\",defaultValue:2,min:0,step:.1,displayStepper:!0,hidden:e=>!e.customSvgCode.includes('stroke=\"')},customPadding:{type:l.Number,title:\"Padding\",defaultValue:0,min:0,step:1,displayStepper:!0},lineCap:{type:l.Enum,title:\"Line Cap\",options:[\"butt\",\"round\",\"square\"],optionTitles:[\"Butt\",\"Round\",\"Square\"],defaultValue:\"butt\",hidden:e=>!e.customSvgCode.includes('stroke=\"')},lineJoin:{type:l.Enum,title:\"Line Join\",options:[\"round\",\"miter\",\"bevel\"],optionTitles:[\"Round\",\"Miter\",\"Bevel\"],defaultValue:\"miter\",hidden:e=>!e.customSvgCode.includes('stroke=\"')}});export default s;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVG\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG.map", "// Generated by Framer (e182fd8)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SVG as SVG1,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import SVG from\"https://framerusercontent.com/modules/I1DC9cTt2FcHsDUAaRxW/hAahUT5WhkA90ScusgxD/SVG.js\";const SVGFonts=getFonts(SVG);const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"SnriyRbot\",\"zgMIK9xSG\",\"ZjE38YABk\"];const serializationHash=\"framer-H75dd\";const variantClassNames={SnriyRbot:\"framer-v-1v3jr1w\",zgMIK9xSG:\"framer-v-tebwz0\",ZjE38YABk:\"framer-v-1daixkn\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.25,ease:[.44,0,.56,1],type:\"tween\"};const transition2={delay:0,duration:.7,ease:[.79,.07,.47,1],type:\"tween\"};const animation={opacity:1,rotate:360,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Complete:\"zgMIK9xSG\",Idle:\"ZjE38YABk\",Loading:\"SnriyRbot\"};const getProps=({check,height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,PuQ5WOk1G:check!==null&&check!==void 0?check:props.PuQ5WOk1G,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"SnriyRbot\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,PuQ5WOk1G,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"SnriyRbot\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppearuy9u68=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"zgMIK9xSG\"),3e3);});useOnVariantChange(baseVariant,{default:onAppearuy9u68,ZjE38YABk:undefined});const ref1=React.useRef(null);const isDisplayed=()=>{if([\"zgMIK9xSG\",\"ZjE38YABk\"].includes(baseVariant))return false;return true;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1v3jr1w\",className,classNames),\"data-framer-name\":\"Loading\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"SnriyRbot\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({zgMIK9xSG:{\"data-framer-name\":\"Complete\"},ZjE38YABk:{\"data-framer-name\":\"Idle\",\"data-highlight\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-156c0o1\",\"data-framer-name\":\"Check Icon\",layoutDependency:layoutDependency,layoutId:\"z0IvcH0k5\",style:{opacity:PuQ5WOk1G,scale:.2},variants:{zgMIK9xSG:{opacity:1,scale:1},ZjE38YABk:{scale:1}},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1fgjzbt-container\",\"data-framer-name\":\"SVG\",layoutDependency:layoutDependency,layoutId:\"nIf6IeZVL-container\",name:\"SVG\",children:/*#__PURE__*/_jsx(SVG,{customColor:\"rgb(255, 255, 255)\",customPadding:0,customStrokeWidth:2,customSvgCode:' ',height:\"100%\",id:\"nIf6IeZVL\",layoutId:\"nIf6IeZVL\",lineCap:\"butt\",lineJoin:\"miter\",name:\"SVG\",style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})}),isDisplayed()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-j8rjwz\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"O6SVugQWB\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1j6dy38\",\"data-framer-name\":\"Big\",layoutDependency:layoutDependency,layoutId:\"deNLNHi4K\",children:/*#__PURE__*/_jsx(SVG1,{className:\"framer-94jcwy\",\"data-framer-name\":\"SVG\",fill:\"black\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"ULZMKsI96\",svg:'',withExternalLayout:true})}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-o7lw33\",\"data-framer-name\":\"Small\",layoutDependency:layoutDependency,layoutId:\"gSS2jauE8\",children:/*#__PURE__*/_jsx(SVG1,{className:\"framer-17s8lxj\",\"data-framer-name\":\"SVG\",fill:\"black\",intrinsicHeight:10,intrinsicWidth:10,layoutDependency:layoutDependency,layoutId:\"aiYN0j_Yn\",svg:'',withExternalLayout:true})})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-H75dd.framer-1cfuexj, .framer-H75dd .framer-1cfuexj { display: block; }\",\".framer-H75dd.framer-1v3jr1w { height: 20px; overflow: hidden; position: relative; width: 20px; }\",\".framer-H75dd .framer-156c0o1, .framer-H75dd .framer-1j6dy38 { flex: none; height: 20px; left: calc(50.00000000000002% - 20px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; }\",\".framer-H75dd .framer-1fgjzbt-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-H75dd .framer-j8rjwz, .framer-H75dd .framer-o7lw33 { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }\",\".framer-H75dd .framer-94jcwy { flex: none; height: 20px; left: calc(50.00000000000002% - 20px / 2); position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; }\",\".framer-H75dd .framer-17s8lxj { flex: none; height: 10px; left: calc(75.00000000000003% - 10px / 2); position: absolute; top: calc(25.00000000000002% - 10px / 2); width: 10px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 20\n * @framerIntrinsicWidth 20\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"zgMIK9xSG\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZjE38YABk\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"PuQ5WOk1G\":\"check\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerAPim4rHnB=withCSS(Component,css,\"framer-H75dd\");export default FramerAPim4rHnB;FramerAPim4rHnB.displayName=\"Loader\";FramerAPim4rHnB.defaultProps={height:20,width:20};addPropertyControls(FramerAPim4rHnB,{variant:{options:[\"SnriyRbot\",\"zgMIK9xSG\",\"ZjE38YABk\"],optionTitles:[\"Loading\",\"Complete\",\"Idle\"],title:\"Variant\",type:ControlType.Enum},PuQ5WOk1G:{defaultValue:0,max:1,min:0,step:.01,title:\"Check\",type:ControlType.Number}});addFonts(FramerAPim4rHnB,[{explicitInter:true,fonts:[]},...SVGFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerAPim4rHnB\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"20\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"zgMIK9xSG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZjE38YABk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"PuQ5WOk1G\\\":\\\"check\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./APim4rHnB.map", "// Generated by Framer (508aa67)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Loader from\"https://framerusercontent.com/modules/WWgepZ53F0UvvW2fDAoG/9AlSFL6dAzTVzS4oiWbM/APim4rHnB.js\";const LoaderFonts=getFonts(Loader);const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"JJ0h_EJgF\",\"zhufINC8X\",\"finKrTOKD\"];const serializationHash=\"framer-iAiUQ\";const variantClassNames={finKrTOKD:\"framer-v-ptisjb\",JJ0h_EJgF:\"framer-v-1jdpkwh\",zhufINC8X:\"framer-v-1ryargn\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.25,ease:[.12,.23,.5,1],type:\"tween\"};const transition2={delay:0,duration:.7,ease:[.5,0,.88,.77],type:\"tween\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Back Up\":\"JJ0h_EJgF\",\"Backing Up\":\"zhufINC8X\",Done:\"finKrTOKD\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"JJ0h_EJgF\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"JJ0h_EJgF\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1h1pyqy=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"zhufINC8X\");});const onAppear1udi7o=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"finKrTOKD\"),2800);});const onAppearbd1nzn=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"JJ0h_EJgF\"),1500);});useOnVariantChange(baseVariant,{finKrTOKD:onAppearbd1nzn,zhufINC8X:onAppear1udi7o});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.button,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1jdpkwh\",className,classNames),\"data-framer-name\":\"Back Up\",\"data-highlight\":true,\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"JJ0h_EJgF\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:onTap1h1pyqy,onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(8, 189, 113)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15)\",...style},...addPropertyOverrides({finKrTOKD:{\"data-framer-name\":\"Done\",onTap:()=>setGestureState({isPressed:false})},zhufINC8X:{\"data-framer-name\":\"Backing Up\",onTap:()=>setGestureState({isPressed:false})}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"20px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-tvbmsb-container\",layoutDependency:layoutDependency,layoutId:\"oQrkmNqhV-container\",style:{opacity:0,scale:.6},variants:{finKrTOKD:{opacity:1,scale:1},zhufINC8X:{opacity:1,scale:1}},children:/*#__PURE__*/_jsx(Loader,{height:\"100%\",id:\"oQrkmNqhV\",layoutId:\"oQrkmNqhV\",PuQ5WOk1G:0,style:{height:\"100%\",width:\"100%\"},variant:\"ZjE38YABk\",width:\"100%\",...addPropertyOverrides({finKrTOKD:{PuQ5WOk1G:1},zhufINC8X:{variant:\"SnriyRbot\"}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Back Up Now\"})}),className:\"framer-ztoe2k\",fonts:[\"Inter-SemiBold\"],layoutDependency:layoutDependency,layoutId:\"zlQT0u3BQ\",style:{\"--extracted-r6o4lv\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",textShadow:\"0px 0.5px 0px rgba(0, 0, 0, 0.15)\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({finKrTOKD:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Backing Up\"})})},zhufINC8X:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Backing Up\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-q3zfbl\",\"data-border\":true,\"data-framer-name\":\"Ring 1\",layoutDependency:layoutDependency,layoutId:\"SnUOxIAeB\",style:{\"--border-bottom-width\":\"2px\",\"--border-color\":\"rgb(8, 189, 113)\",\"--border-left-width\":\"2px\",\"--border-right-width\":\"2px\",\"--border-style\":\"solid\",\"--border-top-width\":\"2px\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,opacity:1},tabIndex:-1,variants:{finKrTOKD:{opacity:0}},...addPropertyOverrides({finKrTOKD:{__targetOpacity:0}},baseVariant,gestureVariant)})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-iAiUQ.framer-1p625fk, .framer-iAiUQ .framer-1p625fk { display: block; }\",\".framer-iAiUQ.framer-1jdpkwh { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: 44px; justify-content: center; overflow: visible; padding: 0px 16px 0px 16px; position: relative; width: min-content; }\",\".framer-iAiUQ .framer-tvbmsb-container { flex: none; height: 20px; left: 16px; pointer-events: none; position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; z-index: 1; }\",\".framer-iAiUQ .framer-ztoe2k { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-iAiUQ .framer-q3zfbl { -webkit-user-select: none; bottom: -6px; flex: none; left: -6px; overflow: hidden; pointer-events: none; position: absolute; right: -6px; top: -6px; user-select: none; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-iAiUQ.framer-1jdpkwh { gap: 0px; } .framer-iAiUQ.framer-1jdpkwh > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-iAiUQ.framer-1jdpkwh > :first-child { margin-left: 0px; } .framer-iAiUQ.framer-1jdpkwh > :last-child { margin-right: 0px; } }\",\".framer-iAiUQ.framer-v-1ryargn .framer-tvbmsb-container, .framer-iAiUQ.framer-v-ptisjb .framer-tvbmsb-container { left: unset; position: relative; top: unset; }\",'.framer-iAiUQ[data-border=\"true\"]::after, .framer-iAiUQ [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 134\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"zhufINC8X\":{\"layout\":[\"auto\",\"fixed\"]},\"finKrTOKD\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerbaFCooI55=withCSS(Component,css,\"framer-iAiUQ\");export default FramerbaFCooI55;FramerbaFCooI55.displayName=\"Button/Backup\";FramerbaFCooI55.defaultProps={height:44,width:134};addPropertyControls(FramerbaFCooI55,{variant:{options:[\"JJ0h_EJgF\",\"zhufINC8X\",\"finKrTOKD\"],optionTitles:[\"Back Up\",\"Backing Up\",\"Done\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerbaFCooI55,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-ext-C7KWUKA7.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-JWV7SOZ6.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-ext-FBKSFTSU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-EQ3PSENU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.latin-ext-ULRSO3ZR.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://app.framerstatic.com/Inter-SemiBold.latin-RDYY2AG2.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.vietnamese-ESQNSEQ3.woff2\",weight:\"600\"}]},...LoaderFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbaFCooI55\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"134\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"zhufINC8X\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"finKrTOKD\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"44\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./baFCooI55.map", "let e=makeQueue();const raf=t=>schedule(t,e);let t=makeQueue();raf.write=e=>schedule(e,t);let n=makeQueue();raf.onStart=e=>schedule(e,n);let l=makeQueue();raf.onFrame=e=>schedule(e,l);let a=makeQueue();raf.onFinish=e=>schedule(e,a);let u=[];raf.setTimeout=(e,t)=>{let n=raf.now()+t;let cancel=()=>{let e=u.findIndex((e=>e.cancel==cancel));~e&&u.splice(e,1);c-=~e?1:0};let l={time:n,handler:e,cancel:cancel};u.splice(findTimeout(n),0,l);c+=1;start();return l};let findTimeout=e=>~(~u.findIndex((t=>t.time>e))||~u.length);raf.cancel=u=>{n.delete(u);l.delete(u);a.delete(u);e.delete(u);t.delete(u)};raf.sync=e=>{r=true;raf.batchedUpdates(e);r=false};raf.throttle=e=>{let t;function queuedFn(){try{e(...t)}finally{t=null}}function throttled(...e){t=e;raf.onStart(queuedFn)}throttled.handler=e;throttled.cancel=()=>{n.delete(queuedFn);t=null};return throttled};let d=\"undefined\"!=typeof window?window.requestAnimationFrame:()=>{};raf.use=e=>d=e;raf.now=\"undefined\"!=typeof performance?()=>performance.now():Date.now;raf.batchedUpdates=e=>e();raf.catch=console.error;raf.frameLoop=\"always\";raf.advance=()=>{\"demand\"!==raf.frameLoop?console.warn(\"Cannot call the manual advancement of rafz whilst frameLoop is not set as demand\"):update()};let o=-1;let c=0;let r=false;function schedule(e,t){if(r){t.delete(e);e(0)}else{t.add(e);start()}}function start(){if(o<0){o=0;\"demand\"!==raf.frameLoop&&d(loop)}}function stop(){o=-1}function loop(){if(~o){d(loop);raf.batchedUpdates(update)}}function update(){let d=o;o=raf.now();let r=findTimeout(o);if(r){eachSafely(u.splice(0,r),(e=>e.handler()));c-=r}if(c){n.flush();e.flush(d?Math.min(64,o-d):16.667);l.flush();t.flush();a.flush()}else stop()}function makeQueue(){let e=new Set;let t=e;return{add(n){c+=t!=e||e.has(n)?0:1;e.add(n)},delete(n){c-=t==e&&e.has(n)?1:0;return e.delete(n)},flush(n){if(t.size){e=new Set;c-=t.size;eachSafely(t,(t=>t(n)&&e.add(t)));c+=e.size;t=e}}}}function eachSafely(e,t){e.forEach((e=>{try{t(e)}catch(e){raf.catch(e)}}))}const s={count(){return c},isRunning(){return o>=0},clear(){o=-1;u=[];n=makeQueue();e=makeQueue();l=makeQueue();t=makeQueue();a=makeQueue();c=0}};export{s as __raf,raf};\n\n//# sourceMappingURL=react-spring-rafz.esm.js.map", "import{raf as e}from\"@react-spring/rafz\";export{raf}from\"@react-spring/rafz\";import{useRef as t,useEffect as n,useLayoutEffect as r,useState as o}from\"react\";function noop(){}const defineHidden=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:true,configurable:true});const a={arr:Array.isArray,obj:e=>!!e&&\"Object\"===e.constructor.name,fun:e=>\"function\"===typeof e,str:e=>\"string\"===typeof e,num:e=>\"number\"===typeof e,und:e=>void 0===e};function isEqual(e,t){if(a.arr(e)){if(!a.arr(t)||e.length!==t.length)return false;for(let n=0;ne.forEach(t);function eachProp(e,t,n){if(a.arr(e))for(let r=0;ra.und(e)?[]:a.arr(e)?e:[e];function flush(e,t){if(e.size){const n=Array.from(e);e.clear();each(n,t)}}const flushCalls=(e,...t)=>flush(e,(e=>e(...t)));const isSSR=()=>\"undefined\"===typeof window||!window.navigator||/ServerSideRendering|^Deno\\//.test(window.navigator.userAgent);let s;let i;let l=null;let c=false;let u=noop;const assign=t=>{t.to&&(i=t.to);t.now&&(e.now=t.now);void 0!==t.colors&&(l=t.colors);null!=t.skipAnimation&&(c=t.skipAnimation);t.createStringInterpolator&&(s=t.createStringInterpolator);t.requestAnimationFrame&&e.use(t.requestAnimationFrame);t.batchedUpdates&&(e.batchedUpdates=t.batchedUpdates);t.willAdvance&&(u=t.willAdvance);t.frameLoop&&(e.frameLoop=t.frameLoop)};var d=Object.freeze({__proto__:null,get createStringInterpolator(){return s},get to(){return i},get colors(){return l},get skipAnimation(){return c},get willAdvance(){return u},assign:assign});const p=new Set;let h=[];let f=[];let g=0;const m={get idle(){return!p.size&&!h.length},start(t){if(g>t.priority){p.add(t);e.onStart(flushStartQueue)}else{startSafely(t);e(advance)}},advance:advance,sort(t){if(g)e.onFrame((()=>m.sort(t)));else{const e=h.indexOf(t);if(~e){h.splice(e,1);startUnsafely(t)}}},clear(){h=[];p.clear()}};function flushStartQueue(){p.forEach(startSafely);p.clear();e(advance)}function startSafely(e){h.includes(e)||startUnsafely(e)}function startUnsafely(e){h.splice(findIndex(h,(t=>t.priority>e.priority)),0,e)}function advance(e){const t=f;for(let n=0;n0}function findIndex(e,t){const n=e.findIndex(t);return n<0?e.length:n}const clamp=(e,t,n)=>Math.min(Math.max(n,e),t);const w={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199};const b=\"[-+]?\\\\d*\\\\.?\\\\d+\";const v=b+\"%\";function call(...e){return\"\\\\(\\\\s*(\"+e.join(\")\\\\s*,\\\\s*(\")+\")\\\\s*\\\\)\"}const y=new RegExp(\"rgb\"+call(b,b,b));const M=new RegExp(\"rgba\"+call(b,b,b,b));const k=new RegExp(\"hsl\"+call(b,v,v));const x=new RegExp(\"hsla\"+call(b,v,v,b));const E=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;const O=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;const I=/^#([0-9a-fA-F]{6})$/;const A=/^#([0-9a-fA-F]{8})$/;function normalizeColor(e){let t;return\"number\"===typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=I.exec(e))?parseInt(t[1]+\"ff\",16)>>>0:l&&void 0!==l[e]?l[e]:(t=y.exec(e))?(parse255(t[1])<<24|parse255(t[2])<<16|parse255(t[3])<<8|255)>>>0:(t=M.exec(e))?(parse255(t[1])<<24|parse255(t[2])<<16|parse255(t[3])<<8|parse1(t[4]))>>>0:(t=E.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+\"ff\",16)>>>0:(t=A.exec(e))?parseInt(t[1],16)>>>0:(t=O.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=k.exec(e))?(255|hslToRgb(parse360(t[1]),parsePercentage(t[2]),parsePercentage(t[3])))>>>0:(t=x.exec(e))?(hslToRgb(parse360(t[1]),parsePercentage(t[2]),parsePercentage(t[3]))|parse1(t[4]))>>>0:null}function hue2rgb(e,t,n){n<0&&(n+=1);n>1&&(n-=1);return n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function hslToRgb(e,t,n){const r=n<.5?n*(1+t):n+t-n*t;const o=2*n-r;const a=hue2rgb(o,r,e+1/3);const s=hue2rgb(o,r,e);const i=hue2rgb(o,r,e-1/3);return Math.round(255*a)<<24|Math.round(255*s)<<16|Math.round(255*i)<<8}function parse255(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function parse360(e){const t=parseFloat(e);return(t%360+360)%360/360}function parse1(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function parsePercentage(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function colorToRgba(e){let t=normalizeColor(e);if(null===t)return e;t=t||0;let n=(4278190080&t)>>>24;let r=(16711680&t)>>>16;let o=(65280&t)>>>8;let a=(255&t)/255;return`rgba(${n}, ${r}, ${o}, ${a})`}const createInterpolator=(e,t,n)=>{if(a.fun(e))return e;if(a.arr(e))return createInterpolator({range:e,output:t,extrapolate:n});if(a.str(e.output[0]))return s(e);const r=e;const o=r.output;const i=r.range||[0,1];const l=r.extrapolateLeft||r.extrapolate||\"extend\";const c=r.extrapolateRight||r.extrapolate||\"extend\";const u=r.easing||(e=>e);return e=>{const t=findRange(e,i);return interpolate(e,i[t],i[t+1],o[t],o[t+1],u,l,c,r.map)}};function interpolate(e,t,n,r,o,a,s,i,l){let c=l?l(e):e;if(cn){if(\"identity\"===i)return c;\"clamp\"===i&&(c=n)}if(r===o)return r;if(t===n)return e<=t?r:o;-Infinity===t?c=-c:Infinity===n?c-=t:c=(c-t)/(n-t);c=a(c);-Infinity===r?c=-c:Infinity===o?c+=r:c=c*(o-r)+r;return c}function findRange(e,t){for(var n=1;n=e)break;return n-1}const steps=(e,t=\"end\")=>n=>{n=\"end\"===t?Math.min(n,.999):Math.max(n,.001);const r=n*e;const o=\"end\"===t?Math.floor(r):Math.ceil(r);return clamp(0,1,o/e)};const F=1.70158;const S=1.525*F;const z=F+1;const R=2*Math.PI/3;const $=2*Math.PI/4.5;const bounceOut=e=>{const t=7.5625;const n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375};const q={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>z*e*e*e-F*e*e,easeOutBack:e=>1+z*Math.pow(e-1,3)+F*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(2*(S+1)*e-S)/2:(Math.pow(2*e-2,2)*((S+1)*(2*e-2)+S)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*R),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*R)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*$)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*$)/2+1,easeInBounce:e=>1-bounceOut(1-e),easeOutBounce:bounceOut,easeInOutBounce:e=>e<.5?(1-bounceOut(1-2*e))/2:(1+bounceOut(2*e-1))/2,steps:steps};function _extends(){_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;tBoolean(e&&e[P]);const getFluidValue=e=>e&&e[P]?e[P]():e;const getFluidObservers=e=>e[L]||null;function callFluidObserver(e,t){e.eventObserved?e.eventObserved(t):e(t)}function callFluidObservers(e,t){let n=e[L];n&&n.forEach((e=>{callFluidObserver(e,t)}))}class FluidValue{constructor(e){this[P]=void 0;this[L]=void 0;if(!e&&!(e=this.get))throw Error(\"Unknown getter\");setFluidGetter(this,e)}}const setFluidGetter=(e,t)=>setHidden(e,P,t);function addFluidObserver(e,t){if(e[P]){let n=e[L];n||setHidden(e,L,n=new Set);if(!n.has(t)){n.add(t);e.observerAdded&&e.observerAdded(n.size,t)}}return t}function removeFluidObserver(e,t){let n=e[L];if(n&&n.has(t)){const r=n.size-1;r?n.delete(t):e[L]=null;e.observerRemoved&&e.observerRemoved(r,t)}}const setHidden=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:true,configurable:true});const C=/[+\\-]?(?:0|[1-9]\\d*)(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g;const j=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\\((-?\\d+%?[,\\s]+){2,3}\\s*[\\d\\.]+%?\\))/gi;const Q=new RegExp(`(${C.source})(%|[a-z]+)`,\"i\");const T=/rgba\\(([0-9\\.-]+), ([0-9\\.-]+), ([0-9\\.-]+), ([0-9\\.-]+)\\)/gi;const U=/var\\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\\)/;const variableToRgba=e=>{const[t,n]=parseCSSVariable(e);if(!t||isSSR())return e;const r=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(r)return r.trim();if(n&&n.startsWith(\"--\")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(n);return t||e}return n&&U.test(n)?variableToRgba(n):n||e};const parseCSSVariable=e=>{const t=U.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]};let _;const rgbaRound=(e,t,n,r,o)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}, ${o})`;const createStringInterpolator=e=>{_||(_=l?new RegExp(`(${Object.keys(l).join(\"|\")})(?!\\\\w)`,\"g\"):/^\\b$/);const t=e.output.map((e=>getFluidValue(e).replace(U,variableToRgba).replace(j,colorToRgba).replace(_,colorToRgba)));const n=t.map((e=>e.match(C).map(Number)));const r=n[0].map(((e,t)=>n.map((e=>{if(!(t in e))throw Error('The arity of each \"output\" value must be equal');return e[t]}))));const o=r.map((t=>createInterpolator(_extends({},e,{output:t}))));return e=>{var n;const r=!Q.test(t[0])&&(null==(n=t.find((e=>Q.test(e))))?void 0:n.replace(C,\"\"));let a=0;return t[0].replace(C,(()=>`${o[a++](e)}${r||\"\"}`)).replace(T,rgbaRound)}};const B=\"react-spring: \";const once=e=>{const t=e;let n=false;if(\"function\"!=typeof t)throw new TypeError(`${B}once requires a function parameter`);return(...e)=>{if(!n){t(...e);n=true}}};const W=once(console.warn);function deprecateInterpolate(){W(`${B}The \"interpolate\" function is deprecated in v9 (use \"to\" instead)`)}const V=once(console.warn);function deprecateDirectCall(){V(`${B}Directly calling start instead of using the api object is deprecated in v9 (use \".start\" instead), this will be removed in later 0.X.0 versions`)}function isAnimatedString(e){return a.str(e)&&(\"#\"==e[0]||/\\d/.test(e)||!isSSR()&&U.test(e)||e in(l||{}))}let D;const H=new WeakMap;const handleObservation=e=>e.forEach((({target:e,contentRect:t})=>{var n;return null==(n=H.get(e))?void 0:n.forEach((e=>e(t)))}));function resizeElement(e,t){D||\"undefined\"!==typeof ResizeObserver&&(D=new ResizeObserver(handleObservation));let n=H.get(t);if(!n){n=new Set;H.set(t,n)}n.add(e);D&&D.observe(t);return()=>{const n=H.get(t);if(n){n.delete(e);!n.size&&D&&D.unobserve(t)}}}const Z=new Set;let G;const createResizeHandler=()=>{const handleResize=()=>{Z.forEach((e=>e({width:window.innerWidth,height:window.innerHeight})))};window.addEventListener(\"resize\",handleResize);return()=>{window.removeEventListener(\"resize\",handleResize)}};const resizeWindow=e=>{Z.add(e);G||(G=createResizeHandler());return()=>{Z.delete(e);if(!Z.size&&G){G();G=void 0}}};const onResize=(e,{container:t=document.documentElement}={})=>t===document.documentElement?resizeWindow(e):resizeElement(e,t);const progress=(e,t,n)=>t-e===0?1:(n-e)/(t-e);const N={x:{length:\"Width\",position:\"Left\"},y:{length:\"Height\",position:\"Top\"}};class ScrollHandler{constructor(e,t){this.callback=void 0;this.container=void 0;this.info=void 0;this.createAxis=()=>({current:0,progress:0,scrollLength:0});this.updateAxis=e=>{const t=this.info[e];const{length:n,position:r}=N[e];t.current=this.container[`scroll${r}`];t.scrollLength=this.container[\"scroll\"+n]-this.container[\"client\"+n];t.progress=progress(0,t.scrollLength,t.current)};this.update=()=>{this.updateAxis(\"x\");this.updateAxis(\"y\")};this.sendEvent=()=>{this.callback(this.info)};this.advance=()=>{this.update();this.sendEvent()};this.callback=e;this.container=t;this.info={time:0,x:this.createAxis(),y:this.createAxis()}}}const X=new WeakMap;const J=new WeakMap;const K=new WeakMap;const getTarget=e=>e===document.documentElement?window:e;const onScroll=(t,{container:n=document.documentElement}={})=>{let r=K.get(n);if(!r){r=new Set;K.set(n,r)}const o=new ScrollHandler(t,n);r.add(o);if(!X.has(n)){const listener=()=>{var e;null==(e=r)?void 0:e.forEach((e=>e.advance()));return true};X.set(n,listener);const e=getTarget(n);window.addEventListener(\"resize\",listener,{passive:true});n!==document.documentElement&&J.set(n,onResize(listener,{container:n}));e.addEventListener(\"scroll\",listener,{passive:true})}const a=X.get(n);e(a);return()=>{e.cancel(a);const t=K.get(n);if(!t)return;t.delete(o);if(t.size)return;const r=X.get(n);X.delete(n);if(r){var s;getTarget(n).removeEventListener(\"scroll\",r);window.removeEventListener(\"resize\",r);null==(s=J.get(n))?void 0:s()}}};function useConstant(e){const n=t(null);null===n.current&&(n.current=e());return n.current}const Y=isSSR()?n:r;const useIsMounted=()=>{const e=t(false);Y((()=>{e.current=true;return()=>{e.current=false}}),[]);return e};function useForceUpdate(){const e=o()[1];const t=useIsMounted();return()=>{t.current&&e(Math.random())}}function useMemoOne(e,r){const[a]=o((()=>({inputs:r,result:e()})));const s=t();const i=s.current;let l=i;if(l){const t=Boolean(r&&l.inputs&&areInputsEqual(r,l.inputs));t||(l={inputs:r,result:e()})}else l=a;n((()=>{s.current=l;i==a&&(a.inputs=a.result=void 0)}),[l]);return l.result}function areInputsEqual(e,t){if(e.length!==t.length)return false;for(let n=0;nn(e,ee);const ee=[];function usePrev(e){const r=t();n((()=>{r.current=e}));return r.current}const useReducedMotion=()=>{const[e,t]=o(null);Y((()=>{const e=window.matchMedia(\"(prefers-reduced-motion)\");const handleMediaChange=e=>{t(e.matches);assign({skipAnimation:e.matches})};handleMediaChange(e);e.addEventListener(\"change\",handleMediaChange);return()=>{e.removeEventListener(\"change\",handleMediaChange)}}),[]);return e};export{FluidValue,d as Globals,addFluidObserver,callFluidObserver,callFluidObservers,clamp,colorToRgba,w as colors,createInterpolator,createStringInterpolator,defineHidden,deprecateDirectCall,deprecateInterpolate,each,eachProp,q as easings,flush,flushCalls,m as frameLoop,getFluidObservers,getFluidValue,hasFluidValue,E as hex3,O as hex4,I as hex6,A as hex8,k as hsl,x as hsla,a as is,isAnimatedString,isEqual,isSSR,noop,onResize,onScroll,once,B as prefix,removeFluidObserver,y as rgb,M as rgba,setFluidGetter,toArray,useConstant,useForceUpdate,Y as useIsomorphicLayoutEffect,useMemoOne,useOnce,usePrev,useReducedMotion};\n\n//# sourceMappingURL=react-spring-shared.esm.js.map", "import{defineHidden as t,is as e,createInterpolator as n,eachProp as s,hasFluidValue as r,getFluidValue as a,each as i,isAnimatedString as o,useForceUpdate as u,useIsomorphicLayoutEffect as l,addFluidObserver as d,removeFluidObserver as c,raf as m,useOnce as p}from\"@react-spring/shared\";import*as h from\"react\";import{forwardRef as A,useRef as g,useCallback as y,useEffect as f}from\"react\";const _=Symbol.for(\"Animated:node\");const isAnimated=t=>!!t&&t[_]===t;const getAnimated=t=>t&&t[_];const setAnimated=(e,n)=>t(e,_,n);const getPayload=t=>t&&t[_]&&t[_].getPayload();class Animated{constructor(){this.payload=void 0;setAnimated(this,this)}getPayload(){return this.payload||[]}}class AnimatedValue extends Animated{constructor(t){super();this.done=true;this.elapsedTime=void 0;this.lastPosition=void 0;this.lastVelocity=void 0;this.v0=void 0;this.durationProgress=0;this._value=t;e.num(this._value)&&(this.lastPosition=this._value)}static create(t){return new AnimatedValue(t)}getPayload(){return[this]}getValue(){return this._value}setValue(t,n){if(e.num(t)){this.lastPosition=t;if(n){t=Math.round(t/n)*n;this.done&&(this.lastPosition=t)}}if(this._value===t)return false;this._value=t;return true}reset(){const{done:t}=this;this.done=false;if(e.num(this._value)){this.elapsedTime=0;this.durationProgress=0;this.lastPosition=this._value;t&&(this.lastVelocity=null);this.v0=null}}}class AnimatedString extends AnimatedValue{constructor(t){super(0);this._string=null;this._toString=void 0;this._toString=n({output:[t,t]})}static create(t){return new AnimatedString(t)}getValue(){let t=this._string;return null==t?this._string=this._toString(this._value):t}setValue(t){if(e.str(t)){if(t==this._string)return false;this._string=t;this._value=1}else{if(!super.setValue(t))return false;this._string=null}return true}reset(t){t&&(this._toString=n({output:[this.getValue(),t]}));this._value=0;super.reset()}}const V={dependencies:null};class AnimatedObject extends Animated{constructor(t){super();this.source=t;this.setValue(t)}getValue(t){const e={};s(this.source,((n,s)=>{isAnimated(n)?e[s]=n.getValue(t):r(n)?e[s]=a(n):t||(e[s]=n)}));return e}setValue(t){this.source=t;this.payload=this._makePayload(t)}reset(){this.payload&&i(this.payload,(t=>t.reset()))}_makePayload(t){if(t){const e=new Set;s(t,this._addToPayload,e);return Array.from(e)}}_addToPayload(t){V.dependencies&&r(t)&&V.dependencies.add(t);const e=getPayload(t);e&&i(e,(t=>this.add(t)))}}class AnimatedArray extends AnimatedObject{constructor(t){super(t)}static create(t){return new AnimatedArray(t)}getValue(){return this.source.map((t=>t.getValue()))}setValue(t){const e=this.getPayload();if(t.length==e.length)return e.map(((e,n)=>e.setValue(t[n]))).some(Boolean);super.setValue(t.map(makeAnimated));return true}}function makeAnimated(t){const e=o(t)?AnimatedString:AnimatedValue;return e.create(t)}function getAnimatedType(t){const n=getAnimated(t);return n?n.constructor:e.arr(t)?AnimatedArray:o(t)?AnimatedString:AnimatedValue}function _extends(){_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e{const s=!e.fun(t)||t.prototype&&t.prototype.isReactComponent;return A(((e,r)=>{const a=g(null);const o=s&&y((t=>{a.current=updateRef(r,t)}),[r]);const[A,_]=getAnimatedState(e,n);const V=u();const callback=()=>{const t=a.current;if(s&&!t)return;const e=!!t&&n.applyAnimatedValues(t,A.getValue(true));false===e&&V()};const v=new PropsObserver(callback,_);const P=g();l((()=>{P.current=v;i(_,(t=>d(t,v)));return()=>{if(P.current){i(P.current.deps,(t=>c(t,P.current)));m.cancel(P.current.update)}}}));f(callback,[]);p((()=>()=>{const t=P.current;i(t.deps,(e=>c(e,t)))}));const S=n.getComponentProps(A.getValue());return h.createElement(t,_extends({},S,{ref:o}))}))};class PropsObserver{constructor(t,e){this.update=t;this.deps=e}eventObserved(t){\"change\"==t.type&&m.write(this.update)}}function getAnimatedState(t,e){const n=new Set;V.dependencies=n;t.style&&(t=_extends({},t,{style:e.createAnimatedStyle(t.style)}));t=new AnimatedObject(t);V.dependencies=null;return[t,n]}function updateRef(t,n){t&&(e.fun(t)?t(n):t.current=n);return n}const v=Symbol.for(\"AnimatedComponent\");const createHost=(t,{applyAnimatedValues:n=(()=>false),createAnimatedStyle:r=(t=>new AnimatedObject(t)),getComponentProps:a=(t=>t)}={})=>{const i={applyAnimatedValues:n,createAnimatedStyle:r,getComponentProps:a};const animated=t=>{const n=getDisplayName(t)||\"Anonymous\";t=e.str(t)?animated[t]||(animated[t]=withAnimated(t,i)):t[v]||(t[v]=withAnimated(t,i));t.displayName=`Animated(${n})`;return t};s(t,((n,s)=>{e.arr(t)&&(s=getDisplayName(n));animated[s]=animated(n)}));return{animated:animated}};const getDisplayName=t=>e.str(t)?t:t&&e.str(t.displayName)?t.displayName:e.fun(t)&&t.name||null;export{Animated,AnimatedArray,AnimatedObject,AnimatedString,AnimatedValue,createHost,getAnimated,getAnimatedType,getPayload,isAnimated,setAnimated};\n\n//# sourceMappingURL=react-spring-animated.esm.js.map", "import{is as t,toArray as e,eachProp as s,getFluidValue as n,isAnimatedString as i,Globals as o,useIsomorphicLayoutEffect as r,each as a,easings as c,raf as u,flush as l,FluidValue as d,deprecateInterpolate as h,callFluidObservers as f,frameLoop as p,hasFluidValue as m,flushCalls as g,isEqual as y,getFluidObservers as _,addFluidObserver as v,removeFluidObserver as P,noop as b,useMemoOne as S,deprecateDirectCall as w,useForceUpdate as x,usePrev as I,useOnce as k,useConstant as A,onScroll as C,onResize as T,createInterpolator as R,createStringInterpolator as E}from\"@react-spring/shared\";export{Globals,createInterpolator,easings,useIsomorphicLayoutEffect,useReducedMotion}from\"@react-spring/shared\";import*as V from\"react\";import{useContext as j,useMemo as U,useRef as O,useState as q}from\"react\";import{getAnimated as F,AnimatedValue as M,getPayload as Q,AnimatedString as L,getAnimatedType as N,setAnimated as z}from\"@react-spring/animated\";export*from\"@react-spring/types/animated\";export*from\"@react-spring/types/interpolation\";function _extends(){_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;etrue===s||!!(n&&s&&(t.fun(s)?s(n):e(s).includes(n)));const resolveProp=(e,s)=>t.obj(e)?s&&e[s]:e;const getDefaultProp=(t,e)=>true===t.default?t[e]:t.default?t.default[e]:void 0;const noopTransform=t=>t;const getDefaultProps=(e,s=noopTransform)=>{let n=D;if(e.default&&true!==e.default){e=e.default;n=Object.keys(e)}const i={};for(const o of n){const n=s(e[o],o);t.und(n)||(i[o]=n)}return i};const D=[\"config\",\"onProps\",\"onStart\",\"onChange\",\"onPause\",\"onResume\",\"onRest\"];const W={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function getForwardProps(t){const e={};let n=0;s(t,((t,s)=>{if(!W[s]){e[s]=t;n++}}));if(n)return e}function inferTo(t){const e=getForwardProps(t);if(e){const n={to:e};s(t,((t,s)=>s in e||(n[s]=t)));return n}return _extends({},t)}function computeGoal(e){e=n(e);return t.arr(e)?e.map(computeGoal):i(e)?o.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function hasProps(t){for(const e in t)return true;return false}function isAsyncTo(e){return t.fun(e)||t.arr(e)&&t.obj(e[0])}function detachRefs(t,e){var s;null==(s=t.ref)?void 0:s.delete(t);null==e?void 0:e.delete(t)}function replaceRef(t,e){if(e&&t.ref!==e){var s;null==(s=t.ref)?void 0:s.delete(t);e.add(t);t.ref=e}}function useChain(t,e,s=1e3){r((()=>{if(e){let n=0;a(t,((t,i)=>{const o=t.current;if(o.length){let r=s*e[i];isNaN(r)?r=n:n=r;a(o,(t=>{a(t.queue,(t=>{const e=t.delay;t.delay=t=>r+callProp(e||0,t)}))}));t.start()}}))}else{let e=Promise.resolve();a(t,(t=>{const s=t.current;if(s.length){const n=s.map((t=>{const e=t.queue;t.queue=[];return e}));e=e.then((()=>{a(s,((t,e)=>a(n[e]||[],(e=>t.queue.push(e)))));return Promise.all(t.start())}))}}))}}))}const G={default:{tension:170,friction:26},gentle:{tension:120,friction:14},wobbly:{tension:180,friction:12},stiff:{tension:210,friction:20},slow:{tension:280,friction:60},molasses:{tension:280,friction:120}};const B=_extends({},G.default,{mass:1,damping:1,easing:c.linear,clamp:false});class AnimationConfig{constructor(){this.tension=void 0;this.friction=void 0;this.frequency=void 0;this.damping=void 0;this.mass=void 0;this.velocity=0;this.restVelocity=void 0;this.precision=void 0;this.progress=void 0;this.duration=void 0;this.easing=void 0;this.clamp=void 0;this.bounce=void 0;this.decay=void 0;this.round=void 0;Object.assign(this,B)}}function mergeConfig(e,s,n){if(n){n=_extends({},n);sanitizeConfig(n,s);s=_extends({},n,s)}sanitizeConfig(e,s);Object.assign(e,s);for(const t in B)null==e[t]&&(e[t]=B[t]);let{mass:i,frequency:o,damping:r}=e;if(!t.und(o)){o<.01&&(o=.01);r<0&&(r=0);e.tension=Math.pow(2*Math.PI/o,2)*i;e.friction=4*Math.PI*r*i/o}return e}function sanitizeConfig(e,s){if(t.und(s.decay)){const n=!t.und(s.tension)||!t.und(s.friction);if(n||!t.und(s.frequency)||!t.und(s.damping)||!t.und(s.mass)){e.duration=void 0;e.decay=void 0}n&&(e.frequency=void 0)}else e.duration=void 0}const K=[];class Animation{constructor(){this.changed=false;this.values=K;this.toValues=null;this.fromValues=K;this.to=void 0;this.from=void 0;this.config=new AnimationConfig;this.immediate=false}}function scheduleProps(e,{key:s,props:n,defaultProps:i,state:r,actions:a}){return new Promise(((c,l)=>{var d;let h;let f;let p=matchProp(null!=(d=n.cancel)?d:null==i?void 0:i.cancel,s);if(p)onStart();else{t.und(n.pause)||(r.paused=matchProp(n.pause,s));let e=null==i?void 0:i.pause;true!==e&&(e=r.paused||matchProp(e,s));h=callProp(n.delay||0,s);if(e){r.resumeQueue.add(onResume);a.pause()}else{a.resume();onResume()}}function onPause(){r.resumeQueue.add(onResume);r.timeouts.delete(f);f.cancel();h=f.time-u.now()}function onResume(){if(h>0&&!o.skipAnimation){r.delayed=true;f=u.setTimeout(onStart,h);r.pauseQueue.add(onPause);r.timeouts.add(f)}else onStart()}function onStart(){r.delayed&&(r.delayed=false);r.pauseQueue.delete(onPause);r.timeouts.delete(f);e<=(r.cancelId||0)&&(p=true);try{a.start(_extends({},n,{callId:e,cancel:p}),c)}catch(t){l(t)}}}))}const getCombinedResult=(t,e)=>1==e.length?e[0]:e.some((t=>t.cancelled))?getCancelledResult(t.get()):e.every((t=>t.noop))?getNoopResult(t.get()):getFinishedResult(t.get(),e.every((t=>t.finished)));const getNoopResult=t=>({value:t,noop:true,finished:true,cancelled:false});const getFinishedResult=(t,e,s=false)=>({value:t,finished:e,cancelled:s});const getCancelledResult=t=>({value:t,cancelled:true,finished:false});function runAsync(e,n,i,r){const{callId:a,parentId:c,onRest:l}=n;const{asyncTo:d,promise:h}=i;return c||e!==d||n.reset?i.promise=(async()=>{i.asyncId=a;i.asyncTo=e;const f=getDefaultProps(n,((t,e)=>\"onRest\"===e?void 0:t));let p;let m;const g=new Promise(((t,e)=>(p=t,m=e)));const bailIfEnded=t=>{const e=a<=(i.cancelId||0)&&getCancelledResult(r)||a!==i.asyncId&&getFinishedResult(r,false);if(e){t.result=e;m(t);throw t}};const animate=(e,n)=>{const c=new BailSignal;const u=new SkipAnimationSignal;return(async()=>{if(o.skipAnimation){stopAsync(i);u.result=getFinishedResult(r,false);m(u);throw u}bailIfEnded(c);const l=t.obj(e)?_extends({},e):_extends({},n,{to:e});l.parentId=a;s(f,((e,s)=>{t.und(l[s])&&(l[s]=e)}));const d=await r.start(l);bailIfEnded(c);i.paused&&await new Promise((t=>{i.resumeQueue.add(t)}));return d})()};let y;if(o.skipAnimation){stopAsync(i);return getFinishedResult(r,false)}try{let s;s=t.arr(e)?(async t=>{for(const e of t)await animate(e)})(e):Promise.resolve(e(animate,r.stop.bind(r)));await Promise.all([s.then(p),g]);y=getFinishedResult(r.get(),true,false)}catch(t){if(t instanceof BailSignal)y=t.result;else{if(!(t instanceof SkipAnimationSignal))throw t;y=t.result}}finally{if(a==i.asyncId){i.asyncId=c;i.asyncTo=c?d:void 0;i.promise=c?h:void 0}}t.fun(l)&&u.batchedUpdates((()=>{l(y,r,r.item)}));return y})():h}function stopAsync(t,e){l(t.timeouts,(t=>t.cancel()));t.pauseQueue.clear();t.resumeQueue.clear();t.asyncId=t.asyncTo=t.promise=void 0;e&&(t.cancelId=e)}class BailSignal extends Error{constructor(){super(\"An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.\");this.result=void 0}}class SkipAnimationSignal extends Error{constructor(){super(\"SkipAnimationSignal\");this.result=void 0}}const isFrameValue=t=>t instanceof FrameValue;let Y=1;class FrameValue extends d{constructor(...t){super(...t);this.id=Y++;this.key=void 0;this._priority=0}get priority(){return this._priority}set priority(t){if(this._priority!=t){this._priority=t;this._onPriorityChange(t)}}get(){const t=F(this);return t&&t.getValue()}to(...t){return o.to(this,t)}interpolate(...t){h();return o.to(this,t)}toJSON(){return this.get()}observerAdded(t){1==t&&this._attach()}observerRemoved(t){0==t&&this._detach()}_attach(){}_detach(){}_onChange(t,e=false){f(this,{type:\"change\",parent:this,value:t,idle:e})}_onPriorityChange(t){this.idle||p.sort(this);f(this,{type:\"priority\",parent:this,priority:t})}}const X=Symbol.for(\"SpringPhase\");const $=1;const J=2;const H=4;const hasAnimated=t=>(t[X]&$)>0;const isAnimating=t=>(t[X]&J)>0;const isPaused=t=>(t[X]&H)>0;const setActiveBit=(t,e)=>e?t[X]|=J|$:t[X]&=~J;const setPausedBit=(t,e)=>e?t[X]|=H:t[X]&=~H;class SpringValue extends FrameValue{constructor(e,s){super();this.key=void 0;this.animation=new Animation;this.queue=void 0;this.defaultProps={};this._state={paused:false,delayed:false,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};this._pendingCalls=new Set;this._lastCallId=0;this._lastToId=0;this._memoizedDuration=0;if(!t.und(e)||!t.und(s)){const n=t.obj(e)?_extends({},e):_extends({},s,{from:e});t.und(n.default)&&(n.default=true);this.start(n)}}get idle(){return!(isAnimating(this)||this._state.asyncTo)||isPaused(this)}get goal(){return n(this.animation.to)}get velocity(){const t=F(this);return t instanceof M?t.lastVelocity||0:t.getPayload().map((t=>t.lastVelocity||0))}get hasAnimated(){return hasAnimated(this)}get isAnimating(){return isAnimating(this)}get isPaused(){return isPaused(this)}get isDelayed(){return this._state.delayed}advance(s){let i=true;let o=false;const r=this.animation;let{config:a,toValues:c}=r;const u=Q(r.to);!u&&m(r.to)&&(c=e(n(r.to)));r.values.forEach(((e,n)=>{if(e.done)return;const l=e.constructor==L?1:u?u[n].lastPosition:c[n];let d=r.immediate;let h=l;if(!d){h=e.lastPosition;if(a.tension<=0){e.done=true;return}let i=e.elapsedTime+=s;const o=r.fromValues[n];const c=null!=e.v0?e.v0:e.v0=t.arr(a.velocity)?a.velocity[n]:a.velocity;let u;const f=a.precision||(o==l?.005:Math.min(1,.001*Math.abs(l-o)));if(t.und(a.duration))if(a.decay){const t=true===a.decay?.998:a.decay;const s=Math.exp(-(1-t)*i);h=o+c/(1-t)*(1-s);d=Math.abs(e.lastPosition-h)<=f;u=c*s}else{u=null==e.lastVelocity?c:e.lastVelocity;const n=a.restVelocity||f/10;const i=a.clamp?0:a.bounce;const r=!t.und(i);const p=o==l?e.v0>0:on;if(!m){d=Math.abs(l-h)<=f;if(d)break}if(r){g=h==l||h>l==p;if(g){u=-u*i;h=l}}const t=1e-6*-a.tension*(h-l);const e=.001*-a.friction*u;const s=(t+e)/a.mass;u+=s*y;h+=u*y}}else{let t=1;if(a.duration>0){if(this._memoizedDuration!==a.duration){this._memoizedDuration=a.duration;if(e.durationProgress>0){e.elapsedTime=a.duration*e.durationProgress;i=e.elapsedTime+=s}}t=(a.progress||0)+i/this._memoizedDuration;t=t>1?1:t<0?0:t;e.durationProgress=t}h=o+a.easing(t)*(l-o);u=(h-e.lastPosition)/s;d=1==t}e.lastVelocity=u;if(Number.isNaN(h)){console.warn(\"Got NaN while animating:\",this);d=true}}u&&!u[n].done&&(d=false);d?e.done=true:i=false;e.setValue(h,a.round)&&(o=true)}));const l=F(this);const d=l.getValue();if(i){const t=n(r.to);if(d===t&&!o||a.decay)o&&a.decay&&this._onChange(d);else{l.setValue(t);this._onChange(t)}this._stop()}else o&&this._onChange(d)}set(t){u.batchedUpdates((()=>{this._stop();this._focus(t);this._set(t)}));return this}pause(){this._update({pause:true})}resume(){this._update({pause:false})}finish(){if(isAnimating(this)){const{to:t,config:e}=this.animation;u.batchedUpdates((()=>{this._onStart();e.decay||this._set(t,false);this._stop()}))}return this}update(t){const e=this.queue||(this.queue=[]);e.push(t);return this}start(e,s){let n;if(t.und(e)){n=this.queue||[];this.queue=[]}else n=[t.obj(e)?e:_extends({},s,{to:e})];return Promise.all(n.map((t=>{const e=this._update(t);return e}))).then((t=>getCombinedResult(this,t)))}stop(t){const{to:e}=this.animation;this._focus(this.get());stopAsync(this._state,t&&this._lastCallId);u.batchedUpdates((()=>this._stop(e,t)));return this}reset(){this._update({reset:true})}eventObserved(t){\"change\"==t.type?this._start():\"priority\"==t.type&&(this.priority=t.priority+1)}_prepareNode(e){const s=this.key||\"\";let{to:i,from:o}=e;i=t.obj(i)?i[s]:i;(null==i||isAsyncTo(i))&&(i=void 0);o=t.obj(o)?o[s]:o;null==o&&(o=void 0);const r={to:i,from:o};if(!hasAnimated(this)){e.reverse&&([i,o]=[o,i]);o=n(o);t.und(o)?F(this)||this._set(i):this._set(o)}return r}_update(t,e){let s=_extends({},t);const{key:n,defaultProps:i}=this;s.default&&Object.assign(i,getDefaultProps(s,((t,e)=>/^on/.test(e)?resolveProp(t,n):t)));mergeActiveFn(this,s,\"onProps\");sendEvent(this,\"onProps\",s,this);const o=this._prepareNode(s);if(Object.isFrozen(this))throw Error(\"Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?\");const r=this._state;return scheduleProps(++this._lastCallId,{key:n,props:s,defaultProps:i,state:r,actions:{pause:()=>{if(!isPaused(this)){setPausedBit(this,true);g(r.pauseQueue);sendEvent(this,\"onPause\",getFinishedResult(this,checkFinished(this,this.animation.to)),this)}},resume:()=>{if(isPaused(this)){setPausedBit(this,false);isAnimating(this)&&this._resume();g(r.resumeQueue);sendEvent(this,\"onResume\",getFinishedResult(this,checkFinished(this,this.animation.to)),this)}},start:this._merge.bind(this,o)}}).then((t=>{if(s.loop&&t.finished&&!(e&&t.noop)){const t=createLoopUpdate(s);if(t)return this._update(t,true)}return t}))}_merge(s,o,r){if(o.cancel){this.stop(true);return r(getCancelledResult(this))}const c=!t.und(s.to);const l=!t.und(s.from);if(c||l){if(!(o.callId>this._lastToId))return r(getCancelledResult(this));this._lastToId=o.callId}const{key:d,defaultProps:h,animation:f}=this;const{to:p,from:_}=f;let{to:v=p,from:P=_}=s;!l||c||o.default&&!t.und(v)||(v=P);o.reverse&&([v,P]=[P,v]);const b=!y(P,_);b&&(f.from=P);P=n(P);const S=!y(v,p);S&&this._focus(v);const w=isAsyncTo(o.to);const{config:x}=f;const{decay:I,velocity:k}=x;(c||l)&&(x.velocity=0);o.config&&!w&&mergeConfig(x,callProp(o.config,d),o.config!==h.config?callProp(h.config,d):void 0);let A=F(this);if(!A||t.und(v))return r(getFinishedResult(this,true));const C=t.und(o.reset)?l&&!o.default:!t.und(P)&&matchProp(o.reset,d);const T=C?P:this.get();const R=computeGoal(v);const E=t.num(R)||t.arr(R)||i(R);const V=!w&&(!E||matchProp(h.immediate||o.immediate,d));if(S){const t=N(v);if(t!==A.constructor){if(!V)throw Error(`Cannot animate between ${A.constructor.name} and ${t.name}, as the \"to\" prop suggests`);A=this._set(R)}}const j=A.constructor;let U=m(v);let O=false;if(!U){const t=C||!hasAnimated(this)&&b;if(S||t){O=y(computeGoal(T),R);U=!O}(y(f.immediate,V)||V)&&y(x.decay,I)&&y(x.velocity,k)||(U=true)}O&&isAnimating(this)&&(f.changed&&!C?U=true:U||this._stop(p));if(!w){if(U||m(p)){f.values=A.getPayload();f.toValues=m(v)?null:j==L?[1]:e(R)}if(f.immediate!=V){f.immediate=V;V||C||this._set(p)}if(U){const{onRest:t}=f;a(Z,(t=>mergeActiveFn(this,o,t)));const e=getFinishedResult(this,checkFinished(this,p));g(this._pendingCalls,e);this._pendingCalls.add(r);f.changed&&u.batchedUpdates((()=>{f.changed=!C;null==t?void 0:t(e,this);C?callProp(h.onRest,e):null==f.onStart?void 0:f.onStart(e,this)}))}}C&&this._set(T);w?r(runAsync(o.to,o,this._state,this)):U?this._start():isAnimating(this)&&!S?this._pendingCalls.add(r):r(getNoopResult(T))}_focus(t){const e=this.animation;if(t!==e.to){_(this)&&this._detach();e.to=t;_(this)&&this._attach()}}_attach(){let t=0;const{to:e}=this.animation;if(m(e)){v(e,this);isFrameValue(e)&&(t=e.priority+1)}this.priority=t}_detach(){const{to:t}=this.animation;m(t)&&P(t,this)}_set(e,s=true){const i=n(e);if(!t.und(i)){const t=F(this);if(!t||!y(i,t.getValue())){const e=N(i);t&&t.constructor==e?t.setValue(i):z(this,e.create(i));t&&u.batchedUpdates((()=>{this._onChange(i,s)}))}}return F(this)}_onStart(){const t=this.animation;if(!t.changed){t.changed=true;sendEvent(this,\"onStart\",getFinishedResult(this,checkFinished(this,t.to)),this)}}_onChange(t,e){if(!e){this._onStart();callProp(this.animation.onChange,t,this)}callProp(this.defaultProps.onChange,t,this);super._onChange(t,e)}_start(){const t=this.animation;F(this).reset(n(t.to));t.immediate||(t.fromValues=t.values.map((t=>t.lastPosition)));if(!isAnimating(this)){setActiveBit(this,true);isPaused(this)||this._resume()}}_resume(){o.skipAnimation?this.finish():p.start(this)}_stop(t,e){if(isAnimating(this)){setActiveBit(this,false);const s=this.animation;a(s.values,(t=>{t.done=true}));s.toValues&&(s.onChange=s.onPause=s.onResume=void 0);f(this,{type:\"idle\",parent:this});const n=e?getCancelledResult(this.get()):getFinishedResult(this.get(),checkFinished(this,null!=t?t:s.to));g(this._pendingCalls,n);if(s.changed){s.changed=false;sendEvent(this,\"onRest\",n,this)}}}}function checkFinished(t,e){const s=computeGoal(e);const n=computeGoal(t.get());return y(n,s)}function createLoopUpdate(t,e=t.loop,s=t.to){let n=callProp(e);if(n){const i=true!==n&&inferTo(n);const o=(i||t).reverse;const r=!i||i.reset;return createUpdate(_extends({},t,{loop:e,default:false,pause:void 0,to:!o||isAsyncTo(s)?s:void 0,from:r?t.from:void 0,reset:r},i))}}function createUpdate(e){const{to:s,from:n}=e=inferTo(e);const i=new Set;t.obj(s)&&findDefined(s,i);t.obj(n)&&findDefined(n,i);e.keys=i.size?Array.from(i):null;return e}function declareUpdate(e){const s=createUpdate(e);t.und(s.default)&&(s.default=getDefaultProps(s));return s}function findDefined(t,e){s(t,((t,s)=>null!=t&&e.add(s)))}const Z=[\"onStart\",\"onRest\",\"onChange\",\"onPause\",\"onResume\"];function mergeActiveFn(t,e,s){t.animation[s]=e[s]!==getDefaultProp(e,s)?resolveProp(e[s],t.key):void 0}function sendEvent(t,e,...s){var n,i,o,r;null==(n=(i=t.animation)[e])?void 0:n.call(i,...s);null==(o=(r=t.defaultProps)[e])?void 0:o.call(r,...s)}const tt=[\"onStart\",\"onChange\",\"onRest\"];let et=1;class Controller{constructor(t,e){this.id=et++;this.springs={};this.queue=[];this.ref=void 0;this._flush=void 0;this._initialProps=void 0;this._lastAsyncId=0;this._active=new Set;this._changed=new Set;this._started=false;this._item=void 0;this._state={paused:false,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};this._events={onStart:new Map,onChange:new Map,onRest:new Map};this._onFrame=this._onFrame.bind(this);e&&(this._flush=e);t&&this.start(_extends({default:true},t))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((t=>t.idle&&!t.isDelayed&&!t.isPaused))}get item(){return this._item}set item(t){this._item=t}get(){const t={};this.each(((e,s)=>t[s]=e.get()));return t}set(e){for(const s in e){const n=e[s];t.und(n)||this.springs[s].set(n)}}update(t){t&&this.queue.push(createUpdate(t));return this}start(t){let{queue:s}=this;t?s=e(t).map(createUpdate):this.queue=[];if(this._flush)return this._flush(this,s);prepareKeys(this,s);return flushUpdateQueue(this,s)}stop(t,s){t!==!!t&&(s=t);if(s){const n=this.springs;a(e(s),(e=>n[e].stop(!!t)))}else{stopAsync(this._state,this._lastAsyncId);this.each((e=>e.stop(!!t)))}return this}pause(s){if(t.und(s))this.start({pause:true});else{const t=this.springs;a(e(s),(e=>t[e].pause()))}return this}resume(s){if(t.und(s))this.start({pause:false});else{const t=this.springs;a(e(s),(e=>t[e].resume()))}return this}each(t){s(this.springs,t)}_onFrame(){const{onStart:t,onChange:e,onRest:s}=this._events;const n=this._active.size>0;const i=this._changed.size>0;if(n&&!this._started||i&&!this._started){this._started=true;l(t,(([t,e])=>{e.value=this.get();t(e,this,this._item)}))}const o=!n&&this._started;const r=i||o&&s.size?this.get():null;i&&e.size&&l(e,(([t,e])=>{e.value=r;t(e,this,this._item)}));if(o){this._started=false;l(s,(([t,e])=>{e.value=r;t(e,this,this._item)}))}}eventObserved(t){if(\"change\"==t.type){this._changed.add(t.parent);t.idle||this._active.add(t.parent)}else{if(\"idle\"!=t.type)return;this._active.delete(t.parent)}u.onFrame(this._onFrame)}}function flushUpdateQueue(t,e){return Promise.all(e.map((e=>flushUpdate(t,e)))).then((e=>getCombinedResult(t,e)))}async function flushUpdate(e,s,n){const{keys:i,to:o,from:r,loop:c,onRest:l,onResolve:d}=s;const h=t.obj(s.default)&&s.default;c&&(s.loop=false);false===o&&(s.to=null);false===r&&(s.from=null);const f=t.arr(o)||t.fun(o)?o:void 0;if(f){s.to=void 0;s.onRest=void 0;h&&(h.onRest=void 0)}else a(tt,(n=>{const i=s[n];if(t.fun(i)){const t=e._events[n];s[n]=({finished:e,cancelled:s})=>{const n=t.get(i);if(n){e||(n.finished=false);s&&(n.cancelled=true)}else t.set(i,{value:null,finished:e||false,cancelled:s||false})};h&&(h[n]=s[n])}}));const p=e._state;if(s.pause===!p.paused){p.paused=s.pause;g(s.pause?p.pauseQueue:p.resumeQueue)}else p.paused&&(s.pause=true);const m=(i||Object.keys(e.springs)).map((t=>e.springs[t].start(s)));const y=true===s.cancel||true===getDefaultProp(s,\"cancel\");(f||y&&p.asyncId)&&m.push(scheduleProps(++e._lastAsyncId,{props:s,state:p,actions:{pause:b,resume:b,start(t,s){if(y){stopAsync(p,e._lastAsyncId);s(getCancelledResult(e))}else{t.onRest=l;s(runAsync(f,t,p,e))}}}}));p.paused&&await new Promise((t=>{p.resumeQueue.add(t)}));const _=getCombinedResult(e,await Promise.all(m));if(c&&_.finished&&!(n&&_.noop)){const t=createLoopUpdate(s,c,o);if(t){prepareKeys(e,[t]);return flushUpdate(e,t,true)}}d&&u.batchedUpdates((()=>d(_,e,e.item)));return _}function getSprings(s,n){const i=_extends({},s.springs);n&&a(e(n),(e=>{t.und(e.keys)&&(e=createUpdate(e));t.obj(e.to)||(e=_extends({},e,{to:void 0}));prepareSprings(i,e,(t=>createSpring(t)))}));setSprings(s,i);return i}function setSprings(t,e){s(e,((e,s)=>{if(!t.springs[s]){t.springs[s]=e;v(e,t)}}))}function createSpring(t,e){const s=new SpringValue;s.key=t;e&&v(s,e);return s}function prepareSprings(t,e,s){e.keys&&a(e.keys,(n=>{const i=t[n]||(t[n]=s(n));i._prepareNode(e)}))}function prepareKeys(t,e){a(e,(e=>{prepareSprings(t.springs,e,(e=>createSpring(e,t)))}))}function _objectWithoutPropertiesLoose(t,e){if(null==t)return{};var s={};var n=Object.keys(t);var i,o;for(o=0;o=0||(s[i]=t[i])}return s}const st=[\"children\"];const SpringContext=t=>{let{children:e}=t,s=_objectWithoutPropertiesLoose(t,st);const n=j(nt);const i=s.pause||!!n.pause,o=s.immediate||!!n.immediate;s=S((()=>({pause:i,immediate:o})),[i,o]);const{Provider:r}=nt;return V.createElement(r,{value:s},e)};const nt=makeContext(SpringContext,{});SpringContext.Provider=nt.Provider;SpringContext.Consumer=nt.Consumer;function makeContext(t,e){Object.assign(t,V.createContext(e));t.Provider._context=t;t.Consumer._context=t;return t}const SpringRef=()=>{const e=[];const s=function SpringRef(s){w();const i=[];a(e,((e,o)=>{if(t.und(s))i.push(e.start());else{const t=n(s,e,o);t&&i.push(e.start(t))}}));return i};s.current=e;s.add=function(t){e.includes(t)||e.push(t)};s.delete=function(t){const s=e.indexOf(t);~s&&e.splice(s,1)};s.pause=function(){a(e,(t=>t.pause(...arguments)));return this};s.resume=function(){a(e,(t=>t.resume(...arguments)));return this};s.set=function(t){a(e,(e=>e.set(t)))};s.start=function(s){const n=[];a(e,((e,i)=>{if(t.und(s))n.push(e.start());else{const t=this._getProps(s,e,i);t&&n.push(e.start(t))}}));return n};s.stop=function(){a(e,(t=>t.stop(...arguments)));return this};s.update=function(t){a(e,((e,s)=>e.update(this._getProps(t,e,s))));return this};const n=function _getProps(e,s,n){return t.fun(e)?e(n,s):e};s._getProps=n;return s};function useSprings(e,s,n){const i=t.fun(s)&&s;i&&!n&&(n=[]);const o=U((()=>i||3==arguments.length?SpringRef():void 0),[]);const c=O(0);const u=x();const l=U((()=>({ctrls:[],queue:[],flush(t,e){const s=getSprings(t,e);const n=c.current>0&&!l.queue.length&&!Object.keys(s).some((e=>!t.springs[e]));return n?flushUpdateQueue(t,e):new Promise((n=>{setSprings(t,s);l.queue.push((()=>{n(flushUpdateQueue(t,e))}));u()}))}})),[]);const d=O([...l.ctrls]);const h=[];const f=I(e)||0;U((()=>{a(d.current.slice(e,f),(t=>{detachRefs(t,o);t.stop(true)}));d.current.length=e;declareUpdates(f,e)}),[e]);U((()=>{declareUpdates(0,Math.min(f,e))}),n);function declareUpdates(t,e){for(let n=t;ngetSprings(t,h[e])));const m=j(SpringContext);const g=I(m);const y=m!==g&&hasProps(m);r((()=>{c.current++;l.ctrls=d.current;const{queue:t}=l;if(t.length){l.queue=[];a(t,(t=>t()))}a(d.current,((t,e)=>{null==o?void 0:o.add(t);y&&t.start({default:m});const s=h[e];if(s){replaceRef(t,s.ref);t.ref?t.queue.push(s):t.start(s)}}))}));k((()=>()=>{a(l.ctrls,(t=>t.stop(true)))}));const _=p.map((t=>_extends({},t)));return o?[_,o]:_}function useSpring(e,s){const n=t.fun(e);const[[i],o]=useSprings(1,n?e:[e],n?s||[]:s);return n||2==arguments.length?[i,o]:i}const initSpringRef=()=>SpringRef();const useSpringRef=()=>q(initSpringRef)[0];const useSpringValue=(t,e)=>{const s=A((()=>new SpringValue(t,e)));k((()=>()=>{s.stop()}));return s};function useTrail(e,s,n){const i=t.fun(s)&&s;i&&!n&&(n=[]);let o=true;let c;const u=useSprings(e,((t,e)=>{const n=i?i(t,e):s;c=n.ref;o=o&&n.reverse;return n}),n||[{}]);r((()=>{a(u[1].current,((t,e)=>{const s=u[1].current[e+(o?1:-1)];replaceRef(t,c);t.ref?s&&t.update({to:s.springs}):s?t.start({to:s.springs}):t.start()}))}),n);if(i||3==arguments.length){var l;const e=null!=(l=c)?l:u[1];e._getProps=(s,n,i)=>{const o=t.fun(s)?s(i,n):s;if(o){const t=e.current[i+(o.reverse?1:-1)];t&&(o.to=t.springs);return o}};return u}return u[0]}let it;(function(t){t.MOUNT=\"mount\";t.ENTER=\"enter\";t.UPDATE=\"update\";t.LEAVE=\"leave\"})(it||(it={}));function useTransition(s,n,i){const o=t.fun(n)&&n;const{reset:c,sort:u,trail:l=0,expires:d=true,exitBeforeEnter:h=false,onDestroyed:f,ref:p,config:m}=o?o():n;const g=U((()=>o||3==arguments.length?SpringRef():void 0),[]);const y=e(s);const _=[];const v=O(null);const P=c?null:v.current;r((()=>{v.current=_}));k((()=>{a(_,(t=>{null==g?void 0:g.add(t.ctrl);t.ctrl.ref=g}));return()=>{a(v.current,(t=>{t.expired&&clearTimeout(t.expirationId);detachRefs(t.ctrl,g);t.ctrl.stop(true)}))}}));const b=getKeys(y,o?o():n,P);const S=c&&v.current||[];r((()=>a(S,(({ctrl:t,item:e,key:s})=>{detachRefs(t,g);callProp(f,e,s)}))));const w=[];P&&a(P,((t,e)=>{if(t.expired){clearTimeout(t.expirationId);S.push(t)}else{e=w[e]=b.indexOf(t.key);~e&&(_[e]=t)}}));a(y,((t,e)=>{if(!_[e]){_[e]={key:b[e],item:t,phase:it.MOUNT,ctrl:new Controller};_[e].ctrl.item=t}}));if(w.length){let t=-1;const{leave:e}=o?o():n;a(w,((s,n)=>{const i=P[n];if(~s){t=_.indexOf(i);_[t]=_extends({},i,{item:y[s]})}else e&&_.splice(++t,0,i)}))}t.fun(u)&&_.sort(((t,e)=>u(t.item,e.item)));let A=-l;const C=x();const T=getDefaultProps(n);const R=new Map;const E=O(new Map);const q=O(false);a(_,((e,s)=>{const i=e.key;const r=e.phase;const a=o?o():n;let c;let u;let f=callProp(a.delay||0,i);if(r==it.MOUNT){c=a.enter;u=it.ENTER}else{const t=b.indexOf(i)<0;if(r!=it.LEAVE)if(t){c=a.leave;u=it.LEAVE}else{if(!(c=a.update))return;u=it.UPDATE}else{if(t)return;c=a.enter;u=it.ENTER}}c=callProp(c,e.item,s);c=t.obj(c)?inferTo(c):{to:c};if(!c.config){const t=m||T.config;c.config=callProp(t,e.item,s,u)}A+=l;const g=_extends({},T,{delay:f+A,ref:p,immediate:a.immediate,reset:false},c);if(u==it.ENTER&&t.und(g.from)){const i=o?o():n;const r=t.und(i.initial)||P?i.from:i.initial;g.from=callProp(r,e.item,s)}const{onResolve:y}=g;g.onResolve=t=>{callProp(y,t);const e=v.current;const s=e.find((t=>t.key===i));if(s&&(!t.cancelled||s.phase==it.UPDATE)&&s.ctrl.idle){const t=e.every((t=>t.ctrl.idle));if(s.phase==it.LEAVE){const e=callProp(d,s.item);if(false!==e){const n=true===e?0:e;s.expired=true;if(!t&&n>0){n<=2147483647&&(s.expirationId=setTimeout(C,n));return}}}if(t&&e.some((t=>t.expired))){E.current.delete(s);h&&(q.current=true);C()}}};const _=getSprings(e.ctrl,g);u===it.LEAVE&&h?E.current.set(e,{phase:u,springs:_,payload:g}):R.set(e,{phase:u,springs:_,payload:g})}));const F=j(SpringContext);const M=I(F);const Q=F!==M&&hasProps(F);r((()=>{Q&&a(_,(t=>{t.ctrl.start({default:F})}))}),[F]);a(R,((t,e)=>{if(E.current.size){const t=_.findIndex((t=>t.key===e.key));_.splice(t,1)}}));r((()=>{a(E.current.size?E.current:R,(({phase:t,payload:e},s)=>{const{ctrl:n}=s;s.phase=t;null==g?void 0:g.add(n);Q&&t==it.ENTER&&n.start({default:F});if(e){replaceRef(n,e.ref);if(!n.ref&&!g||q.current){n.start(e);q.current&&(q.current=false)}else n.update(e)}}))}),c?void 0:i);const renderTransitions=e=>V.createElement(V.Fragment,null,_.map(((s,n)=>{const{springs:i}=R.get(s)||s.ctrl;const o=e(_extends({},i),s.item,s,n);return o&&o.type?V.createElement(o.type,_extends({},o.props,{key:t.str(s.key)||t.num(s.key)?s.key:s.ctrl.id,ref:o.ref})):o})));return g?[renderTransitions,g]:renderTransitions}let ot=1;function getKeys(s,{key:n,keys:i=n},o){if(null===i){const t=new Set;return s.map((e=>{const s=o&&o.find((s=>s.item===e&&s.phase!==it.LEAVE&&!t.has(s)));if(s){t.add(s);return s.key}return ot++}))}return t.und(i)?s:t.fun(i)?s.map(i):e(i)}const rt=[\"container\"];const useScroll=(t={})=>{let{container:e}=t,s=_objectWithoutPropertiesLoose(t,rt);const[n,i]=useSpring((()=>_extends({scrollX:0,scrollY:0,scrollXProgress:0,scrollYProgress:0},s)),[]);r((()=>{const t=C((({x:t,y:e})=>{i.start({scrollX:t.current,scrollXProgress:t.progress,scrollY:e.current,scrollYProgress:e.progress})}),{container:(null==e?void 0:e.current)||void 0});return()=>{a(Object.values(n),(t=>t.stop()));t()}}),[]);return n};const at=[\"container\"];const useResize=t=>{let{container:e}=t,s=_objectWithoutPropertiesLoose(t,at);const[n,i]=useSpring((()=>_extends({width:0,height:0},s)),[]);r((()=>{const t=T((({width:t,height:e})=>{i.start({width:t,height:e,immediate:0===n.width.get()||0===n.height.get()})}),{container:(null==e?void 0:e.current)||void 0});return()=>{a(Object.values(n),(t=>t.stop()));t()}}),[]);return n};const ct=[\"to\",\"from\"],ut=[\"root\",\"once\",\"amount\"];const lt={any:0,all:1};function useInView(e,s){const[n,i]=q(false);const o=O();const a=t.fun(e)&&e;const c=a?a():{};const{to:u={},from:l={}}=c,d=_objectWithoutPropertiesLoose(c,ct);const h=a?s:e;const[f,p]=useSpring((()=>_extends({from:l},d)),[]);r((()=>{const e=o.current;const s=null!=h?h:{},{root:r,once:a,amount:c=\"any\"}=s,d=_objectWithoutPropertiesLoose(s,ut);if(!e||a&&n||\"undefined\"===typeof IntersectionObserver)return;const f=new WeakMap;const onEnter=()=>{u&&p.start(u);i(true);const cleanup=()=>{l&&p.start(l);i(false)};return a?void 0:cleanup};const handleIntersection=e=>{e.forEach((e=>{const s=f.get(e.target);if(e.isIntersecting!==Boolean(s))if(e.isIntersecting){const s=onEnter();t.fun(s)?f.set(e.target,s):m.unobserve(e.target)}else if(s){s();f.delete(e.target)}}))};const m=new IntersectionObserver(handleIntersection,_extends({root:r&&r.current||void 0,threshold:\"number\"===typeof c||Array.isArray(c)?c:lt[c]},d));m.observe(e);return()=>m.unobserve(e)}),[h]);return a?[o,f]:[o,n]}const dt=[\"children\"];function Spring(t){let{children:e}=t,s=_objectWithoutPropertiesLoose(t,dt);return e(useSpring(s))}const ht=[\"items\",\"children\"];function Trail(e){let{items:s,children:n}=e,i=_objectWithoutPropertiesLoose(e,ht);const o=useTrail(s.length,i);return s.map(((e,s)=>{const i=n(e,s);return t.fun(i)?i(o[s]):i}))}const ft=[\"items\",\"children\"];function Transition(t){let{items:e,children:s}=t,n=_objectWithoutPropertiesLoose(t,ft);return useTransition(e,n)(s)}class Interpolation extends FrameValue{constructor(t,e){super();this.key=void 0;this.idle=true;this.calc=void 0;this._active=new Set;this.source=t;this.calc=R(...e);const s=this._get();const n=N(s);z(this,n.create(s))}advance(t){const e=this._get();const s=this.get();if(!y(e,s)){F(this).setValue(e);this._onChange(e,this.idle)}!this.idle&&checkIdle(this._active)&&becomeIdle(this)}_get(){const s=t.arr(this.source)?this.source.map(n):e(n(this.source));return this.calc(...s)}_start(){if(this.idle&&!checkIdle(this._active)){this.idle=false;a(Q(this),(t=>{t.done=false}));if(o.skipAnimation){u.batchedUpdates((()=>this.advance()));becomeIdle(this)}else p.start(this)}}_attach(){let t=1;a(e(this.source),(e=>{m(e)&&v(e,this);if(isFrameValue(e)){e.idle||this._active.add(e);t=Math.max(t,e.priority+1)}}));this.priority=t;this._start()}_detach(){a(e(this.source),(t=>{m(t)&&P(t,this)}));this._active.clear();becomeIdle(this)}eventObserved(t){if(\"change\"==t.type)if(t.idle)this.advance();else{this._active.add(t.parent);this._start()}else\"idle\"==t.type?this._active.delete(t.parent):\"priority\"==t.type&&(this.priority=e(this.source).reduce(((t,e)=>Math.max(t,(isFrameValue(e)?e.priority:0)+1)),0))}}function isIdle(t){return false!==t.idle}function checkIdle(t){return!t.size||Array.from(t).every(isIdle)}function becomeIdle(t){if(!t.idle){t.idle=true;a(Q(t),(t=>{t.done=true}));f(t,{type:\"idle\",parent:t})}}const to=(t,...e)=>new Interpolation(t,e);const interpolate=(t,...e)=>(h(),new Interpolation(t,e));o.assign({createStringInterpolator:E,to:(t,e)=>new Interpolation(t,e)});const pt=p.advance;export{BailSignal,Controller,FrameValue,Interpolation,Spring,SpringContext,SpringRef,SpringValue,Trail,Transition,G as config,inferTo,interpolate,to,pt as update,useChain,useInView,useResize,useScroll,useSpring,useSpringRef,useSpringValue,useSprings,useTrail,useTransition};\n\n//# sourceMappingURL=react-spring-core.esm.js.map", "import{Globals as t}from\"@react-spring/core\";export*from\"@react-spring/core\";import{unstable_batchedUpdates as e}from\"react-dom\";import{is as r,eachProp as o,toArray as s,FluidValue as a,each as n,getFluidValue as i,hasFluidValue as l,addFluidObserver as u,removeFluidObserver as c,callFluidObservers as p,createStringInterpolator as d,colors as m}from\"@react-spring/shared\";import{AnimatedObject as h,createHost as f}from\"@react-spring/animated\";function _objectWithoutPropertiesLoose(t,e){if(null==t)return{};var r={};var o=Object.keys(t);var s,a;for(a=0;a=0||(r[s]=t[s])}return r}const g=[\"style\",\"children\",\"scrollTop\",\"scrollLeft\",\"viewBox\"];const b=/^--/;function dangerousStyleValue(t,e){return null==e||\"boolean\"===typeof e||\"\"===e?\"\":\"number\"!==typeof e||0===e||b.test(t)||v.hasOwnProperty(t)&&v[t]?(\"\"+e).trim():e+\"px\"}const y={};function applyAnimatedValues(t,e){if(!t.nodeType||!t.setAttribute)return false;const r=\"filter\"===t.nodeName||t.parentNode&&\"filter\"===t.parentNode.nodeName;const o=e,{style:s,children:a,scrollTop:n,scrollLeft:i,viewBox:l}=o,u=_objectWithoutPropertiesLoose(o,g);const c=Object.values(u);const p=Object.keys(u).map((e=>r||t.hasAttribute(e)?e:y[e]||(y[e]=e.replace(/([A-Z])/g,(t=>\"-\"+t.toLowerCase())))));void 0!==a&&(t.textContent=a);for(let e in s)if(s.hasOwnProperty(e)){const r=dangerousStyleValue(e,s[e]);b.test(e)?t.style.setProperty(e,r):t.style[e]=r}p.forEach(((e,r)=>{t.setAttribute(e,c[r])}));void 0!==n&&(t.scrollTop=n);void 0!==i&&(t.scrollLeft=i);void 0!==l&&t.setAttribute(\"viewBox\",l)}let v={animationIterationCount:true,borderImageOutset:true,borderImageSlice:true,borderImageWidth:true,boxFlex:true,boxFlexGroup:true,boxOrdinalGroup:true,columnCount:true,columns:true,flex:true,flexGrow:true,flexPositive:true,flexShrink:true,flexNegative:true,flexOrder:true,gridRow:true,gridRowEnd:true,gridRowSpan:true,gridRowStart:true,gridColumn:true,gridColumnEnd:true,gridColumnSpan:true,gridColumnStart:true,fontWeight:true,lineClamp:true,lineHeight:true,opacity:true,order:true,orphans:true,tabSize:true,widows:true,zIndex:true,zoom:true,fillOpacity:true,floodOpacity:true,stopOpacity:true,strokeDasharray:true,strokeDashoffset:true,strokeMiterlimit:true,strokeOpacity:true,strokeWidth:true};const prefixKey=(t,e)=>t+e.charAt(0).toUpperCase()+e.substring(1);const x=[\"Webkit\",\"Ms\",\"Moz\",\"O\"];v=Object.keys(v).reduce(((t,e)=>{x.forEach((r=>t[prefixKey(r,e)]=t[e]));return t}),v);const k=[\"x\",\"y\",\"z\"];const w=/^(matrix|translate|scale|rotate|skew)/;const O=/^(translate)/;const A=/^(rotate|skew)/;const addUnit=(t,e)=>r.num(t)&&0!==t?t+e:t;const isValueIdentity=(t,e)=>r.arr(t)?t.every((t=>isValueIdentity(t,e))):r.num(t)?t===e:parseFloat(t)===e;class AnimatedStyle extends h{constructor(t){let{x:e,y:a,z:n}=t,i=_objectWithoutPropertiesLoose(t,k);const l=[];const u=[];if(e||a||n){l.push([e||0,a||0,n||0]);u.push((t=>[`translate3d(${t.map((t=>addUnit(t,\"px\"))).join(\",\")})`,isValueIdentity(t,0)]))}o(i,((t,e)=>{if(\"transform\"===e){l.push([t||\"\"]);u.push((t=>[t,\"\"===t]))}else if(w.test(e)){delete i[e];if(r.und(t))return;const o=O.test(e)?\"px\":A.test(e)?\"deg\":\"\";l.push(s(t));u.push(\"rotate3d\"===e?([t,e,r,s])=>[`rotate3d(${t},${e},${r},${addUnit(s,o)})`,isValueIdentity(s,0)]:t=>[`${e}(${t.map((t=>addUnit(t,o))).join(\",\")})`,isValueIdentity(t,e.startsWith(\"scale\")?1:0)])}}));l.length&&(i.transform=new FluidTransform(l,u));super(i)}}class FluidTransform extends a{constructor(t,e){super();this._value=null;this.inputs=t;this.transforms=e}get(){return this._value||(this._value=this._get())}_get(){let t=\"\";let e=true;n(this.inputs,((o,s)=>{const a=i(o[0]);const[n,l]=this.transforms[s](r.arr(a)?a:o.map(i));t+=\" \"+n;e=e&&l}));return e?\"none\":t}observerAdded(t){1==t&&n(this.inputs,(t=>n(t,(t=>l(t)&&u(t,this)))))}observerRemoved(t){0==t&&n(this.inputs,(t=>n(t,(t=>l(t)&&c(t,this)))))}eventObserved(t){\"change\"==t.type&&(this._value=null);p(this,t)}}const S=[\"a\",\"abbr\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"base\",\"bdi\",\"bdo\",\"big\",\"blockquote\",\"body\",\"br\",\"button\",\"canvas\",\"caption\",\"cite\",\"code\",\"col\",\"colgroup\",\"data\",\"datalist\",\"dd\",\"del\",\"details\",\"dfn\",\"dialog\",\"div\",\"dl\",\"dt\",\"em\",\"embed\",\"fieldset\",\"figcaption\",\"figure\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"head\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"iframe\",\"img\",\"input\",\"ins\",\"kbd\",\"keygen\",\"label\",\"legend\",\"li\",\"link\",\"main\",\"map\",\"mark\",\"menu\",\"menuitem\",\"meta\",\"meter\",\"nav\",\"noscript\",\"object\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"param\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"script\",\"section\",\"select\",\"small\",\"source\",\"span\",\"strong\",\"style\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"title\",\"tr\",\"track\",\"u\",\"ul\",\"var\",\"video\",\"wbr\",\"circle\",\"clipPath\",\"defs\",\"ellipse\",\"foreignObject\",\"g\",\"image\",\"line\",\"linearGradient\",\"mask\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialGradient\",\"rect\",\"stop\",\"svg\",\"text\",\"tspan\"];const j=[\"scrollTop\",\"scrollLeft\"];t.assign({batchedUpdates:e,createStringInterpolator:d,colors:m});const C=f(S,{applyAnimatedValues:applyAnimatedValues,createAnimatedStyle:t=>new AnimatedStyle(t),getComponentProps:t=>{let e=_objectWithoutPropertiesLoose(t,j);return e}});const P=C.animated;export{P as a,P as animated};\n\n//# sourceMappingURL=react-spring-web.esm.js.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useState}from\"react\";import{useEffect}from\"react\";import{useSpring,animated}from\"react-spring\";export function withCursorFollow(Component){return props=>{const ref=useRef(null);const[isHovering,setIsHovering]=useState(false);const[originalPosition,setOriginalPosition]=useState({left:0,top:0});const[centerPosition,setCenterPosition]=useState({left:0,top:0});const springProps=useSpring({left:isHovering?originalPosition.left:centerPosition.left,top:isHovering?originalPosition.top:centerPosition.top,config:{mass:1,tension:170,friction:26}});useEffect(()=>{if(!ref.current)return;const buttonRect=ref.current.getBoundingClientRect();const elementRect=ref.current.getBoundingClientRect();setCenterPosition({left:buttonRect.width/2-elementRect.width/2,top:buttonRect.height/2-elementRect.height/2});const handleMouseMove=e=>{if(!ref.current)return;if(e.target.closest(\"button\")){setIsHovering(true);const buttonRect=e.target.getBoundingClientRect();const elementRect=ref.current.getBoundingClientRect();setOriginalPosition({left:buttonRect.left+buttonRect.width/2-(e.clientX+elementRect.width/2),top:buttonRect.top+buttonRect.height/2-(e.clientY+elementRect.height/2)});setCenterPosition({left:buttonRect.width/2-elementRect.width/2,top:buttonRect.height/2-elementRect.height/2});}else{setIsHovering(false);}};window.addEventListener(\"mousemove\",handleMouseMove);return()=>{window.removeEventListener(\"mousemove\",handleMouseMove);};},[]);return /*#__PURE__*/ _jsx(animated.div,{ref:ref,style:{position:\"absolute\",pointerEvents:\"none\",left:springProps.left,top:springProps.top,transform:\"translate3d(0, 0, 0)\",transformStyle:\"preserve-3d\"},children:/*#__PURE__*/ _jsx(Component,{...props})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withCursorFollow\":{\"type\":\"reactHoc\",\"name\":\"withCursorFollow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimateOnHover.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{withCursorFollow}from\"https://framerusercontent.com/modules/OoMgycNnP4MmYLe8vXCZ/QhQOGqWxe537WUrHSEvR/AnimateOnHover.js\";const ImageWithCursorFollow=withCursorFollow(Image);const enabledGestures={eV8tv2jHY:{hover:true}};const cycleOrder=[\"eV8tv2jHY\"];const serializationHash=\"framer-5aB3y\";const variantClassNames={eV8tv2jHY:\"framer-v-hrd9wm\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({height,id,title,width,...props})=>{var _ref;return{...props,oRQ18v9s0:(_ref=title!==null&&title!==void 0?title:props.oRQ18v9s0)!==null&&_ref!==void 0?_ref:\"Galaxy button\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,oRQ18v9s0,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"eV8tv2jHY\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.button,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-hrd9wm\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Primary\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"eV8tv2jHY\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(71, 71, 73, 0.42)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgb(22, 23, 24)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,boxShadow:\"0px 0px 20px -5px hsla(222, 34%, 48%, 0), 0px 1px 4px 0px rgba(1, 2, 4, 0.2)\",...style},variants:{\"eV8tv2jHY-hover\":{\"--border-color\":\"rgb(153, 154, 163)\",boxShadow:\"0px 0px 20px -3px rgba(81, 106, 164, 0.8), 0px 1px 4px 0px rgba(1, 2, 4, 0.87)\"}},...addPropertyOverrides({\"eV8tv2jHY-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ImageWithCursorFollow,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:492,intrinsicWidth:2446,pixelHeight:492,pixelWidth:2446,sizes:`calc(${(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\"} + 744px)`,src:\"https://framerusercontent.com/images/bIlG1WkIaSFDvG1U3fgGAzua0.png\",srcSet:\"https://framerusercontent.com/images/bIlG1WkIaSFDvG1U3fgGAzua0.png?scale-down-to=512 512w,https://framerusercontent.com/images/bIlG1WkIaSFDvG1U3fgGAzua0.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/bIlG1WkIaSFDvG1U3fgGAzua0.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/bIlG1WkIaSFDvG1U3fgGAzua0.png 2446w\"},className:\"framer-1bh4n11\",\"data-framer-name\":\"BG\",layoutDependency:layoutDependency,layoutId:\"lDwPCVUUf\",style:{opacity:0},variants:{\"eV8tv2jHY-hover\":{opacity:1}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1NhdG9zaGkgQm9sZA==\",\"--framer-font-family\":'\"Satoshi Bold\", \"Satoshi Bold Placeholder\", sans-serif',\"--framer-font-size\":\"20px\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgb(255, 255, 255) 100%)\"},children:\"Galaxy button\"})})}),className:\"framer-f7kx3b\",\"data-framer-name\":\"Text\",fonts:[\"CUSTOM;Satoshi Bold\"],layoutDependency:layoutDependency,layoutId:\"wZRUEzfsK\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:oRQ18v9s0,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-5aB3y.framer-y00x3, .framer-5aB3y .framer-y00x3 { display: block; }\",\".framer-5aB3y.framer-hrd9wm { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 22px 44px 22px 44px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-5aB3y .framer-1bh4n11 { bottom: -141px; flex: none; left: -372px; overflow: visible; position: absolute; right: -371px; top: -140px; }\",\".framer-5aB3y .framer-f7kx3b { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-5aB3y.framer-hrd9wm { gap: 0px; } .framer-5aB3y.framer-hrd9wm > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-5aB3y.framer-hrd9wm > :first-child { margin-left: 0px; } .framer-5aB3y.framer-hrd9wm > :last-child { margin-right: 0px; } }\",'.framer-5aB3y[data-border=\"true\"]::after, .framer-5aB3y [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 68\n * @framerIntrinsicWidth 211\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"QPYspCe6h\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"oRQ18v9s0\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerbkB3mbnvR=withCSS(Component,css,\"framer-5aB3y\");export default FramerbkB3mbnvR;FramerbkB3mbnvR.displayName=\"Button/Galaxy\";FramerbkB3mbnvR.defaultProps={height:68,width:211};addPropertyControls(FramerbkB3mbnvR,{oRQ18v9s0:{defaultValue:\"Galaxy button\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramerbkB3mbnvR,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbkB3mbnvR\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"oRQ18v9s0\\\":\\\"title\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"211\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"68\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"QPYspCe6h\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./bkB3mbnvR.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * TEXTMASK\n * By Benjamin den Boer\n * @benjaminnathan\n *\n * @framerIntrinsicWidth 260\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n */ export default function TextMask(props){const{textContent,image,bgSizeType,bgSize,bgPosX,bgPosY,font,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft}=props;const{color,fontSize,fontFamily,fontWeight,fontStyle,textAlign,letterSpacing,whiteSpace,lineHeight,lineHeightPixels,lineHeightType}=font;const backgroundSizeValue=props.bgSizeType===\"cover\"||props.bgSizeType===\"contain\"?bgSizeType:`${bgSize}%`;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;return /*#__PURE__*/ _jsx(\"h1\",{style:{backgroundImage:image&&`url(${image.src})`,backgroundSize:backgroundSizeValue,backgroundRepeat:\"no-repeat\",backgroundPosition:`${bgPosX}% ${bgPosY}%`,backgroundClip:image&&\"text\",WebkitBackgroundClip:image&&\"text\",WebkitTextFillColor:image&&\"transparent\",textFillColor:image&&\"transparent\",color,fontSize,fontFamily:`\"${fontFamily}\", sans-serif`,fontStyle,fontWeight,textAlign,letterSpacing,whiteSpace,lineHeight:lineHeightType?lineHeight:`${lineHeightPixels}px`,margin:0,padding:paddingValue},children:textContent});};/* Default Properties */ TextMask.defaultProps={textContent:\"Hello\",bgSize:100,bgPosX:0,bgPosY:0,font:{fontSize:100,lineHeight:1,lineHeightType:true}};TextMask.displayName=\"Text Mask\";/* Property Controls */ addPropertyControls(TextMask,{textContent:{type:ControlType.String,title:\"Text\",defaultValue:\"Hello\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"},bgSizeType:{type:ControlType.Enum,options:[\"cover\",\"contain\",\"percentage\"],optionTitles:[\"Cover\",\"Contain\",\"Percentage\"],title:\"Background\",defaultValue:\"cover\"},bgSize:{type:ControlType.Number,min:0,max:200,defaultValue:100,unit:\"%\",title:\"Size\",hidden:props=>props.bgSizeType===\"cover\"||props.bgSizeType===\"contain\"},bgPosX:{type:ControlType.Number,min:0,max:100,defaultValue:0,unit:\"%\",title:\"Offset X\"},bgPosY:{type:ControlType.Number,min:0,max:100,defaultValue:0,unit:\"%\",title:\"Offset Y\"},font:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"#888\"},fontSize:{type:ControlType.Number,title:\"Size\",min:0,displayStepper:true,step:1,defaultValue:100},fontFamily:{type:ControlType.String,title:\"Font\",defaultValue:\"Inter\"},fontWeight:{type:ControlType.Enum,title:\"Weight\",options:[100,200,300,400,500,600,700,800,900],defaultValue:400},fontStyle:{type:ControlType.Enum,title:\"Style\",options:[\"normal\",\"italic\",\"oblique\"],optionTitles:[\"Normal\",\"Italic\",\"Oblique\"],defaultValue:\"normal\"},textAlign:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},whiteSpace:{type:ControlType.Enum,title:\"Space\",options:[\"normal\",\"nowrap\",\"pre\",\"pre-wrap\",\"preline\",\"break-spaces\",],optionTitles:[\"Normal\",\"No Wrap\",\"Pre\",\"Pre Wrap\",\"Preline\",\"Break Spaces\",],defaultValue:\"center\"},letterSpacing:{type:ControlType.Number,title:\"Letter\",min:-100,max:100,displayStepper:true,step:.1,defaultValue:0},lineHeight:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:1,hidden:props=>!props.lineHeightType},lineHeightPixels:{type:ControlType.Number,title:\"Line\",min:-500,max:500,displayStepper:true,step:.1,defaultValue:100,hidden:props=>props.lineHeightType},lineHeightType:{type:ControlType.Boolean,title:\" \",enabledTitle:\"em\",disabledTitle:\"px\",defaultValue:true}}},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:0,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextMask\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"200\",\"framerIntrinsicWidth\":\"260\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextMask.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import TextMask from\"https://framerusercontent.com/modules/9N50PMbCaZNc8J76vXRL/zbPz4O3CnWxY2tjbhM7b/TextMask.js\";const TextMaskFonts=getFonts(TextMask);const enabledGestures={XqM6WTwXt:{hover:true}};const cycleOrder=[\"XqM6WTwXt\"];const serializationHash=\"framer-YSLn0\";const variantClassNames={XqM6WTwXt:\"framer-v-10jf80i\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const addImageAlt=(image,alt)=>{if(!image||typeof image!==\"object\"){return;}return{...image,alt};};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({height,id,text,width,...props})=>{var _ref;return{...props,TxfZIMDNy:(_ref=text!==null&&text!==void 0?text:props.TxfZIMDNy)!==null&&_ref!==void 0?_ref:\"Join today!\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,TxfZIMDNy,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"XqM6WTwXt\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-10jf80i\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"XqM6WTwXt\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,boxShadow:\"0px 0.3010936508871964px 0.5419685715969536px -0.25px rgba(0, 0, 0, 0.19215), 0px 1.1442666516217286px 2.0596799729191115px -0.5px rgba(0, 0, 0, 0.3102), 0px 5px 9px -0.75px rgba(0, 0, 0, 0.85)\",...style},...addPropertyOverrides({\"XqM6WTwXt-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"stretch\",intrinsicHeight:70,intrinsicWidth:250,pixelHeight:70,pixelWidth:250,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/aMVlbcf6JbARo4O486yECrpENRM.webp\"},className:\"framer-5e2p4h\",\"data-framer-name\":\"Glow (Absolute)\",layoutDependency:layoutDependency,layoutId:\"vB_D8ebxn\",style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,filter:\"blur(30px)\",opacity:0,WebkitFilter:\"blur(30px)\"},variants:{\"XqM6WTwXt-hover\":{opacity:1}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-11zc698\",\"data-framer-name\":\"Border-Solid (Absolute)\",layoutDependency:layoutDependency,layoutId:\"vHgPCPEYP\",style:{backgroundColor:\"rgb(38, 38, 38)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12}}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:70,intrinsicWidth:250,pixelHeight:70,pixelWidth:250,src:\"https://framerusercontent.com/images/aMVlbcf6JbARo4O486yECrpENRM.webp\"},className:\"framer-l6s9yd\",\"data-framer-name\":\"Border-Gradient (Absolute)\",layoutDependency:layoutDependency,layoutId:\"fkwIJahrP\",style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,opacity:0},variants:{\"XqM6WTwXt-hover\":{opacity:1}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-otfemg\",\"data-framer-name\":\"BG (Absolute)\",layoutDependency:layoutDependency,layoutId:\"zQLWSNwiv\",style:{backgroundColor:\"rgb(0, 0, 0)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12}}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-odbxet-container\",\"data-framer-name\":\"Text-Solid (Relative)\",layoutDependency:layoutDependency,layoutId:\"bVew2dc6V-container\",name:\"Text-Solid (Relative)\",children:/*#__PURE__*/_jsx(TextMask,{bgPosX:0,bgPosY:0,bgSize:100,bgSizeType:\"cover\",font:{color:\"rgb(196, 196, 196)\",fontFamily:\"Satoshi\",fontSize:24,fontStyle:\"normal\",fontWeight:500,letterSpacing:0,lineHeight:1.2,lineHeightPixels:100,lineHeightType:true,textAlign:\"center\",whiteSpace:\"normal\"},height:\"100%\",id:\"bVew2dc6V\",layoutId:\"bVew2dc6V\",name:\"Text-Solid (Relative)\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,style:{width:\"100%\"},textContent:TxfZIMDNy,width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1kydlid-container\",\"data-framer-name\":\"Text-Gradient (Absolute)\",layoutDependency:layoutDependency,layoutId:\"VIuHXYln4-container\",name:\"Text-Gradient (Absolute)\",style:{opacity:0},variants:{\"XqM6WTwXt-hover\":{opacity:1}},children:/*#__PURE__*/_jsx(TextMask,{bgPosX:0,bgPosY:0,bgSize:100,bgSizeType:\"cover\",font:{color:\"rgb(255, 255, 255)\",fontFamily:\"Satoshi\",fontSize:24,fontStyle:\"normal\",fontWeight:500,letterSpacing:0,lineHeight:1.2,lineHeightPixels:100,lineHeightType:true,textAlign:\"center\",whiteSpace:\"normal\"},height:\"100%\",id:\"VIuHXYln4\",image:addImageAlt({src:\"https://framerusercontent.com/images/aMVlbcf6JbARo4O486yECrpENRM.webp\"},\"\"),layoutId:\"VIuHXYln4\",name:\"Text-Gradient (Absolute)\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,style:{width:\"100%\"},textContent:TxfZIMDNy,width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-YSLn0.framer-nl6ln7, .framer-YSLn0 .framer-nl6ln7 { display: block; }\",\".framer-YSLn0.framer-10jf80i { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 14px 28px 14px 28px; position: relative; width: min-content; }\",\".framer-YSLn0 .framer-5e2p4h { bottom: 10px; flex: none; left: 10px; overflow: hidden; position: absolute; right: 10px; top: 10px; will-change: var(--framer-will-change-override, transform); }\",\".framer-YSLn0 .framer-11zc698, .framer-YSLn0 .framer-l6s9yd { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; }\",\".framer-YSLn0 .framer-otfemg { bottom: 1px; flex: none; left: 1px; overflow: visible; position: absolute; right: 1px; top: 1px; }\",\".framer-YSLn0 .framer-odbxet-container { flex: none; height: auto; pointer-events: none; position: relative; width: 144px; }\",\".framer-YSLn0 .framer-1kydlid-container { bottom: 14px; flex: none; height: auto; left: 28px; pointer-events: none; position: absolute; right: 28px; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-YSLn0.framer-10jf80i { gap: 0px; } .framer-YSLn0.framer-10jf80i > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-YSLn0.framer-10jf80i > :first-child { margin-left: 0px; } .framer-YSLn0.framer-10jf80i > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 57\n * @framerIntrinsicWidth 200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"kPCHK3AFG\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"TxfZIMDNy\":\"text\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerc1QFthCJz=withCSS(Component,css,\"framer-YSLn0\");export default Framerc1QFthCJz;Framerc1QFthCJz.displayName=\"Button/Glow Button\";Framerc1QFthCJz.defaultProps={height:57,width:200};addPropertyControls(Framerc1QFthCJz,{TxfZIMDNy:{defaultValue:\"Join today!\",title:\"Text\",type:ControlType.String}});addFonts(Framerc1QFthCJz,[{explicitInter:true,fonts:[]},...TextMaskFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerc1QFthCJz\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"200\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"kPCHK3AFG\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"57\",\"framerVariables\":\"{\\\"TxfZIMDNy\\\":\\\"text\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./c1QFthCJz.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"bkjs_yjir\",\"ZYd8r5e5n\",\"leS7nlrPo\"];const serializationHash=\"framer-WcpD8\";const variantClassNames={bkjs_yjir:\"framer-v-1ruo8hb\",leS7nlrPo:\"framer-v-g0girm\",ZYd8r5e5n:\"framer-v-1oemes0\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Clicked:\"leS7nlrPo\",Default:\"bkjs_yjir\",Hover:\"ZYd8r5e5n\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"bkjs_yjir\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"bkjs_yjir\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTappss2nv=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"leS7nlrPo\");});const onMouseEnter1ixsa7w=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"ZYd8r5e5n\");});const onMouseLeavey4jd62=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"bkjs_yjir\");});const onAppear14d4df7=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"bkjs_yjir\"),2e3);});useOnVariantChange(baseVariant,{leS7nlrPo:onAppear14d4df7});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1ruo8hb\",className,classNames),\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"bkjs_yjir\",onMouseEnter:onMouseEnter1ixsa7w,onTap:onTappss2nv,ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({leS7nlrPo:{\"data-framer-name\":\"Clicked\",onMouseEnter:undefined},ZYd8r5e5n:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeavey4jd62}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1q2tlum\",\"data-framer-name\":\"BG\",layoutDependency:layoutDependency,layoutId:\"cbBKjdJg7\",style:{backgroundColor:\"rgb(255, 255, 255)\"},variants:{ZYd8r5e5n:{backgroundColor:\"rgb(201, 201, 201)\"}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-96gw28\",\"data-framer-name\":\"First text\",layoutDependency:layoutDependency,layoutId:\"bEc46oxFi\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.6em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Download Framer\"})}),className:\"framer-1nl90ex\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"qZpDWDhdr\",style:{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-7efg2g\",\"data-framer-name\":\"Left icon fix\",layoutDependency:layoutDependency,layoutId:\"FWVwL65OX\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-nxetxm\",\"data-framer-name\":\"Logo\",layoutDependency:layoutDependency,layoutId:\"DA0Tq8YN0\",children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-176yko7\",\"data-framer-name\":\"Black\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"IBxvLB3Pu\",opacity:1,svg:'',svgContentId:10346901953,withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-194zd1o\",\"data-framer-name\":\"White\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"nbJpcf1C3\",opacity:0,style:{opacity:0},svg:'',svgContentId:10893788363,variants:{leS7nlrPo:{opacity:1}},withExternalLayout:true,...addPropertyOverrides({leS7nlrPo:{opacity:1,svgContentId:10204631266}},baseVariant,gestureVariant)})]})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-vjsv51\",\"data-framer-name\":\"Second text\",layoutDependency:layoutDependency,layoutId:\"fxYZ0omqW\",style:{backgroundColor:\"var(--token-965e5c17-6359-41cc-bd03-2fa4898e2c2b, rgb(34, 36, 38))\"},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.6em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Good decision\"})}),className:\"framer-m8zucq\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"naR7PP5s1\",style:{\"--extracted-r6o4lv\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-mhozt9\",\"data-framer-name\":\"Left icon\",layoutDependency:layoutDependency,layoutId:\"wVF9XR7pE\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-1w4uh7c\",\"data-framer-name\":\"Check\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"YUOWxCiSD\",opacity:1,svg:'',svgContentId:12751150098,withExternalLayout:true})})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-WcpD8.framer-owboc8, .framer-WcpD8 .framer-owboc8 { display: block; }\",\".framer-WcpD8.framer-1ruo8hb { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 44px; justify-content: center; overflow: hidden; padding: 0px 44px 0px 62px; position: relative; width: min-content; }\",\".framer-WcpD8 .framer-1q2tlum { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 0; }\",\".framer-WcpD8 .framer-96gw28 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-WcpD8 .framer-1nl90ex, .framer-WcpD8 .framer-m8zucq { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-WcpD8 .framer-7efg2g { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: flex-end; left: 0px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 50px; z-index: 2; }\",\".framer-WcpD8 .framer-nxetxm { flex: none; height: 20px; overflow: hidden; position: relative; width: 13px; }\",\".framer-WcpD8 .framer-176yko7, .framer-WcpD8 .framer-194zd1o { flex: none; height: 20px; position: absolute; right: 0px; top: calc(50.00000000000002% - 20px / 2); width: 13px; }\",\".framer-WcpD8 .framer-vjsv51 { align-content: center; align-items: center; bottom: -48px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 48px; justify-content: center; left: -2px; overflow: hidden; padding: 0px; position: absolute; right: -2px; z-index: 1; }\",\".framer-WcpD8 .framer-mhozt9 { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: flex-start; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; width: 50px; z-index: 1; }\",\".framer-WcpD8 .framer-1w4uh7c { flex: none; height: 20px; position: relative; width: 20px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-WcpD8.framer-1ruo8hb, .framer-WcpD8 .framer-96gw28, .framer-WcpD8 .framer-7efg2g, .framer-WcpD8 .framer-vjsv51, .framer-WcpD8 .framer-mhozt9 { gap: 0px; } .framer-WcpD8.framer-1ruo8hb > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-WcpD8.framer-1ruo8hb > :first-child { margin-top: 0px; } .framer-WcpD8.framer-1ruo8hb > :last-child { margin-bottom: 0px; } .framer-WcpD8 .framer-96gw28 > *, .framer-WcpD8 .framer-7efg2g > *, .framer-WcpD8 .framer-vjsv51 > *, .framer-WcpD8 .framer-mhozt9 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-WcpD8 .framer-96gw28 > :first-child, .framer-WcpD8 .framer-7efg2g > :first-child, .framer-WcpD8 .framer-vjsv51 > :first-child, .framer-WcpD8 .framer-mhozt9 > :first-child { margin-left: 0px; } .framer-WcpD8 .framer-96gw28 > :last-child, .framer-WcpD8 .framer-7efg2g > :last-child, .framer-WcpD8 .framer-vjsv51 > :last-child, .framer-WcpD8 .framer-mhozt9 > :last-child { margin-right: 0px; } }\",\".framer-WcpD8.framer-v-g0girm .framer-vjsv51 { bottom: -2px; height: 49px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 238\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"ZYd8r5e5n\":{\"layout\":[\"auto\",\"fixed\"]},\"leS7nlrPo\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCikPzs0cd=withCSS(Component,css,\"framer-WcpD8\");export default FramerCikPzs0cd;FramerCikPzs0cd.displayName=\"Button/Swipe Button\";FramerCikPzs0cd.defaultProps={height:44,width:238};addPropertyControls(FramerCikPzs0cd,{variant:{options:[\"bkjs_yjir\",\"ZYd8r5e5n\",\"leS7nlrPo\"],optionTitles:[\"Default\",\"Hover\",\"Clicked\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerCikPzs0cd,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCikPzs0cd\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"238\",\"framerIntrinsicHeight\":\"44\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"ZYd8r5e5n\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"leS7nlrPo\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CikPzs0cd.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={HCIsw_gfH:{hover:true}};const cycleOrder=[\"HCIsw_gfH\"];const serializationHash=\"framer-23DGr\";const variantClassNames={HCIsw_gfH:\"framer-v-i24zs1\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({background,height,id,link,title,width,...props})=>{var _ref,_ref1;return{...props,jmY78Uh78:link!==null&&link!==void 0?link:props.jmY78Uh78,xB2NoBVmn:(_ref=background!==null&&background!==void 0?background:props.xB2NoBVmn)!==null&&_ref!==void 0?_ref:\"var(--token-7c9b38e5-c08a-4759-aba5-c198565b7674, rgb(28, 28, 28))\",yP3vj5Jjm:(_ref1=title!==null&&title!==void 0?title:props.yP3vj5Jjm)!==null&&_ref1!==void 0?_ref1:\"Explore all\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,jmY78Uh78,yP3vj5Jjm,xB2NoBVmn,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"HCIsw_gfH\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:jmY78Uh78,openInNewTab:false,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-i24zs1\",className,classNames)} framer-1b2y10s`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"HCIsw_gfH\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,...style},variants:{\"HCIsw_gfH-hover\":{backgroundColor:xB2NoBVmn}},...addPropertyOverrides({\"HCIsw_gfH-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItcmVndWxhcg==\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-letter-spacing\":\"-0.32px\",\"--framer-line-height\":\"22.4px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(240, 240, 240))\"},children:\"Explore all\"})}),className:\"framer-nabzjp\",fonts:[\"GF;Inter-regular\"],layoutDependency:layoutDependency,layoutId:\"FRJWwdEx3\",style:{\"--extracted-r6o4lv\":\"rgb(240, 240, 240)\"},text:yP3vj5Jjm,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-174f30b\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"FkzlFIIV1\",svg:'',withExternalLayout:true})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-23DGr.framer-1b2y10s, .framer-23DGr .framer-1b2y10s { display: block; }\",\".framer-23DGr.framer-i24zs1 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 6px 12px 6px 12px; position: relative; text-decoration: none; width: 110px; will-change: var(--framer-will-change-override, transform); }\",\".framer-23DGr .framer-nabzjp { -webkit-user-select: none; flex: none; height: auto; pointer-events: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-23DGr .framer-174f30b { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 16px); position: relative; width: 16px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-23DGr.framer-i24zs1 { gap: 0px; } .framer-23DGr.framer-i24zs1 > * { margin: 0px; margin-left: calc(5px / 2); margin-right: calc(5px / 2); } .framer-23DGr.framer-i24zs1 > :first-child { margin-left: 0px; } .framer-23DGr.framer-i24zs1 > :last-child { margin-right: 0px; } }\",\".framer-23DGr.framer-v-i24zs1.hover.framer-i24zs1 { gap: 10px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-23DGr.framer-v-i24zs1.hover.framer-i24zs1 { gap: 0px; } .framer-23DGr.framer-v-i24zs1.hover.framer-i24zs1 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-23DGr.framer-v-i24zs1.hover.framer-i24zs1 > :first-child { margin-left: 0px; } .framer-23DGr.framer-v-i24zs1.hover.framer-i24zs1 > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 110\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Mmuq7jytG\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"jmY78Uh78\":\"link\",\"yP3vj5Jjm\":\"title\",\"xB2NoBVmn\":\"background\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCKzGAi8Ac=withCSS(Component,css,\"framer-23DGr\");export default FramerCKzGAi8Ac;FramerCKzGAi8Ac.displayName=\"Button/Arrow Push\";FramerCKzGAi8Ac.defaultProps={height:34,width:110};addPropertyControls(FramerCKzGAi8Ac,{jmY78Uh78:{title:\"Link\",type:ControlType.Link},yP3vj5Jjm:{defaultValue:\"Explore all\",displayTextArea:false,title:\"Title\",type:ControlType.String},xB2NoBVmn:{defaultValue:'var(--token-7c9b38e5-c08a-4759-aba5-c198565b7674, rgb(28, 28, 28)) /* {\"name\":\"Black Accent - Light\"} */',title:\"Background\",type:ControlType.Color}});addFonts(FramerCKzGAi8Ac,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZ1rib2Bg-4.woff2\",weight:\"400\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCKzGAi8Ac\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"jmY78Uh78\\\":\\\"link\\\",\\\"yP3vj5Jjm\\\":\\\"title\\\",\\\"xB2NoBVmn\\\":\\\"background\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Mmuq7jytG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"110\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"34\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CKzGAi8Ac.map", "import{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-gDFRo .framer-styles-preset-18yr1ch:not(.rich-text-wrapper), .framer-gDFRo .framer-styles-preset-18yr1ch.rich-text-wrapper a { --framer-link-current-text-decoration: none; --framer-link-hover-text-decoration: none; --framer-link-text-decoration: none; }\"];export const className=\"framer-gDFRo\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=['.framer-xzADN .framer-styles-preset-4ryzuc:not(.rich-text-wrapper), .framer-xzADN .framer-styles-preset-4ryzuc.rich-text-wrapper a { --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-85fe3f6d-1ded-4a47-a9cd-5b79c1032b25, #dbff00) /* {\"name\":\"Glow Light\"} */; --framer-link-hover-text-decoration: none; --framer-link-text-color: #ffffff; --framer-link-text-decoration: none; }'];export const className=\"framer-xzADN\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (e942a9a)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/i6utQWQ69APfUogEl51j/c3IKqSKlh3qUNHpkfNns/gJBTzyKYT.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/tT7N6fJ3DI4E1WeIVzlN/95Gh2PO6dSTrqbgjKqBU/TxoE8qegT.js\";const serializationHash=\"framer-tL5Pg\";const variantClassNames={qOdmcgMZC:\"framer-v-1o97xi0\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,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 Variants=motion.create(React.Fragment);const getProps=({creator,height,id,title,twitterLink,width,...props})=>{return{...props,Lno65qXhY:twitterLink??props.Lno65qXhY,R4XM9Rpc9:creator??props.R4XM9Rpc9??\"Omkar Teli\",xUhYH7B7X:title??props.xUhYH7B7X??\"Created by (\uD835\uDD4F)\"};};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,Lno65qXhY,R4XM9Rpc9,xUhYH7B7X,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"qOdmcgMZC\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1o97xi0\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"qOdmcgMZC\",ref:refBinding,style:{...style},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItMzAw\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"300\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-310ebed3-699e-415f-a351-71fd111ec39a, rgb(153, 153, 153)))\"},children:/*#__PURE__*/_jsx(Link,{href:Lno65qXhY,motionChild:true,nodeId:\"rdcBN5zxs\",openInNewTab:true,scopeId:\"CSyaBtpRU\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-18yr1ch\",\"data-styles-preset\":\"gJBTzyKYT\",children:\"Created by (\uD835\uDD4F)\"})})})}),className:\"framer-uhymes\",fonts:[\"GF;Inter-300\"],layoutDependency:layoutDependency,layoutId:\"rdcBN5zxs\",style:{\"--extracted-r6o4lv\":\"var(--token-310ebed3-699e-415f-a351-71fd111ec39a, rgb(153, 153, 153))\",\"--framer-paragraph-spacing\":\"0px\"},text:xUhYH7B7X,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItMzAw\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"300\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-310ebed3-699e-415f-a351-71fd111ec39a, rgb(153, 153, 153)))\"},children:/*#__PURE__*/_jsx(Link,{href:Lno65qXhY,motionChild:true,nodeId:\"FhZxQZhDl\",openInNewTab:true,scopeId:\"CSyaBtpRU\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4ryzuc\",\"data-styles-preset\":\"TxoE8qegT\",children:\"Omkar Teli\"})})})}),className:\"framer-9k2g9y\",fonts:[\"GF;Inter-300\"],layoutDependency:layoutDependency,layoutId:\"FhZxQZhDl\",style:{\"--extracted-r6o4lv\":\"var(--token-310ebed3-699e-415f-a351-71fd111ec39a, rgb(153, 153, 153))\",\"--framer-paragraph-spacing\":\"0px\"},text:R4XM9Rpc9,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-tL5Pg.framer-1wgtmup, .framer-tL5Pg .framer-1wgtmup { display: block; }\",\".framer-tL5Pg.framer-1o97xi0 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: 17px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-tL5Pg .framer-uhymes, .framer-tL5Pg .framer-9k2g9y { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; z-index: 1; }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 17\n * @framerIntrinsicWidth 169\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"Lno65qXhY\":\"twitterLink\",\"R4XM9Rpc9\":\"creator\",\"xUhYH7B7X\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerCSyaBtpRU=withCSS(Component,css,\"framer-tL5Pg\");export default FramerCSyaBtpRU;FramerCSyaBtpRU.displayName=\"Other/Created by\";FramerCSyaBtpRU.defaultProps={height:17,width:169};addPropertyControls(FramerCSyaBtpRU,{Lno65qXhY:{title:\"Twitter Link\",type:ControlType.Link},R4XM9Rpc9:{defaultValue:\"Omkar Teli\",displayTextArea:false,title:\"Creator\",type:ControlType.String},xUhYH7B7X:{defaultValue:\"Created by (\uD835\uDD4F)\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramerCSyaBtpRU,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZ1rib2Bg-4.woff2\",weight:\"300\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCSyaBtpRU\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"Lno65qXhY\\\":\\\"twitterLink\\\",\\\"R4XM9Rpc9\\\":\\\"creator\\\",\\\"xUhYH7B7X\\\":\\\"title\\\"}\",\"framerIntrinsicWidth\":\"169\",\"framerIntrinsicHeight\":\"17\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSyaBtpRU.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={PWydZSZ8x:{hover:true,pressed:true}};const cycleOrder=[\"sfTfFOE_i\",\"HwXFexQXg\",\"PWydZSZ8x\"];const serializationHash=\"framer-uAeeK\";const variantClassNames={HwXFexQXg:\"framer-v-80c1zj\",PWydZSZ8x:\"framer-v-1h5d2xh\",sfTfFOE_i:\"framer-v-1w99dhd\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:800,type:\"spring\"};const transformTemplate1=(_,t)=>`translateY(-50%) ${t}`;const transformTemplate2=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Toggle Off\":\"sfTfFOE_i\",\"Toggle On\":\"HwXFexQXg\",Button:\"PWydZSZ8x\"};const getProps=({height,id,label,link,newTab,off,on,smoothScroll,text,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2,_ref3,_ref4;return{...props,owmTQaXUc:(_ref=on!==null&&on!==void 0?on:props.owmTQaXUc)!==null&&_ref!==void 0?_ref:\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(0, 128, 255))\",Qo_N3yLV5:(_ref1=off!==null&&off!==void 0?off:props.Qo_N3yLV5)!==null&&_ref1!==void 0?_ref1:\"var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29))\",variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"sfTfFOE_i\",wdxw1mOUC:(_ref3=text!==null&&text!==void 0?text:props.wdxw1mOUC)!==null&&_ref3!==void 0?_ref3:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",WNaYb0RVm:link!==null&&link!==void 0?link:props.WNaYb0RVm,WpD_SfAGl:(_ref4=label!==null&&label!==void 0?label:props.WpD_SfAGl)!==null&&_ref4!==void 0?_ref4:\"Get started\",XSIfmJB3f:newTab!==null&&newTab!==void 0?newTab:props.XSIfmJB3f,xYgeGwLTh:smoothScroll!==null&&smoothScroll!==void 0?smoothScroll:props.xYgeGwLTh};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,Qo_N3yLV5,owmTQaXUc,WpD_SfAGl,wdxw1mOUC,WNaYb0RVm,XSIfmJB3f,xYgeGwLTh,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"sfTfFOE_i\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1sw4uhz=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"HwXFexQXg\");});const onTappy76je=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"sfTfFOE_i\");});const ref1=React.useRef(null);const isDisplayed=()=>{if([\"PWydZSZ8x-hover\",\"PWydZSZ8x-pressed\"].includes(gestureVariant))return true;if(baseVariant===\"PWydZSZ8x\")return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{...addPropertyOverrides({PWydZSZ8x:{href:WNaYb0RVm,openInNewTab:XSIfmJB3f,smoothScroll:xYgeGwLTh}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-1w99dhd\",className,classNames)} framer-1964gdu`,\"data-framer-name\":\"Toggle Off\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"sfTfFOE_i\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:onTap1sw4uhz,onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:Qo_N3yLV5,boxShadow:\"inset 0px 0px 3px 2px rgba(0,0,0,0.25)\",...style},variants:{HwXFexQXg:{backgroundColor:owmTQaXUc}},...addPropertyOverrides({\"PWydZSZ8x-hover\":{\"data-framer-name\":undefined,\"data-highlight\":undefined},\"PWydZSZ8x-pressed\":{\"data-framer-name\":undefined,\"data-highlight\":undefined},HwXFexQXg:{\"data-framer-name\":\"Toggle On\",onTap:onTappy76je},PWydZSZ8x:{\"data-framer-name\":\"Button\",\"data-highlight\":undefined,onTap:()=>setGestureState({isPressed:false})}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-fjikw4\",\"data-framer-name\":\"Brick\",layoutDependency:layoutDependency,layoutId:\"NgxxfJnaG\",style:{backgroundColor:Qo_N3yLV5,boxShadow:\"inset 2px 2px 0px 0px rgba(255, 255, 255, 0.15), inset -2px -2px 0px 0px rgba(0, 0, 0, 0.5)\"},variants:{HwXFexQXg:{backgroundColor:owmTQaXUc}},...addPropertyOverrides({\"PWydZSZ8x-hover\":{transformTemplate:transformTemplate1},\"PWydZSZ8x-pressed\":{transformTemplate:transformTemplate1}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-rkx45m\",\"data-framer-name\":\"Head\",layoutDependency:layoutDependency,layoutId:\"Jdj1hUS6Y\",style:{backgroundColor:Qo_N3yLV5,borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,boxShadow:\"inset 2px 2px 0px 0px rgba(255, 255, 255, 0.15), inset -2px -2px 0px 0px rgba(0, 0, 0, 0.5)\"},transformTemplate:transformTemplate2,variants:{HwXFexQXg:{backgroundColor:owmTQaXUc}}})}),isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-wdxw1mOUC-CUclgRkWa))\"},children:\"Get started\"})}),className:\"framer-ewq4nz\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"BDb7Ydd6z\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-wdxw1mOUC-CUclgRkWa)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-wdxw1mOUC-CUclgRkWa\":wdxw1mOUC},text:WpD_SfAGl,verticalAlignment:\"top\",withExternalLayout:true})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-uAeeK.framer-1964gdu, .framer-uAeeK .framer-1964gdu { display: block; }\",\".framer-uAeeK.framer-1w99dhd { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 44px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 88px; }\",\".framer-uAeeK .framer-fjikw4 { aspect-ratio: 1 / 1; bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; top: 0px; width: var(--framer-aspect-ratio-supported, 44px); z-index: 1; }\",\".framer-uAeeK .framer-rkx45m { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 26px); left: 50%; overflow: hidden; position: absolute; top: 50%; width: 26px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-uAeeK .framer-ewq4nz { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-uAeeK.framer-1w99dhd { gap: 0px; } .framer-uAeeK.framer-1w99dhd > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-uAeeK.framer-1w99dhd > :first-child { margin-left: 0px; } .framer-uAeeK.framer-1w99dhd > :last-child { margin-right: 0px; } }\",\".framer-uAeeK.framer-v-80c1zj .framer-fjikw4 { left: unset; right: 0px; }\",\".framer-uAeeK.framer-v-1h5d2xh.framer-1w99dhd { justify-content: flex-end; padding: 0px 20px 0px 60px; text-decoration: none; width: auto; }\",\".framer-uAeeK.framer-v-1h5d2xh.hover .framer-fjikw4 { bottom: unset; height: var(--framer-aspect-ratio-supported, 40px); left: 2px; top: 50%; width: 40px; }\",\".framer-uAeeK.framer-v-1h5d2xh.hover .framer-rkx45m { height: var(--framer-aspect-ratio-supported, 22px); width: 22px; }\",\".framer-uAeeK.framer-v-1h5d2xh.pressed .framer-fjikw4 { bottom: unset; height: var(--framer-aspect-ratio-supported, 36px); left: 4px; top: 50%; width: 36px; }\",\".framer-uAeeK.framer-v-1h5d2xh.pressed .framer-rkx45m { height: var(--framer-aspect-ratio-supported, 18px); width: 18px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 88\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"HwXFexQXg\":{\"layout\":[\"fixed\",\"fixed\"]},\"PWydZSZ8x\":{\"layout\":[\"auto\",\"fixed\"]},\"EQTHqKpw9\":{\"layout\":[\"auto\",\"fixed\"]},\"wwMivTnXn\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"Qo_N3yLV5\":\"off\",\"owmTQaXUc\":\"on\",\"WpD_SfAGl\":\"label\",\"wdxw1mOUC\":\"text\",\"WNaYb0RVm\":\"link\",\"XSIfmJB3f\":\"newTab\",\"xYgeGwLTh\":\"smoothScroll\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCUclgRkWa=withCSS(Component,css,\"framer-uAeeK\");export default FramerCUclgRkWa;FramerCUclgRkWa.displayName=\"Button/Lego Elements\";FramerCUclgRkWa.defaultProps={height:44,width:88};addPropertyControls(FramerCUclgRkWa,{variant:{options:[\"sfTfFOE_i\",\"HwXFexQXg\",\"PWydZSZ8x\"],optionTitles:[\"Toggle Off\",\"Toggle On\",\"Button\"],title:\"Variant\",type:ControlType.Enum},Qo_N3yLV5:{defaultValue:'var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',title:\"Off\",type:ControlType.Color},owmTQaXUc:{defaultValue:'var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(0, 128, 255)) /* {\"name\":\"Accent\"} */',title:\"On\",type:ControlType.Color},WpD_SfAGl:{defaultValue:\"Get started\",displayTextArea:false,title:\"Label\",type:ControlType.String},wdxw1mOUC:{defaultValue:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",title:\"Text\",type:ControlType.Color},WNaYb0RVm:{title:\"Link\",type:ControlType.Link},XSIfmJB3f:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},xYgeGwLTh:{defaultValue:false,title:\"Smooth Scroll\",type:ControlType.Boolean}});addFonts(FramerCUclgRkWa,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCUclgRkWa\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"44\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"88\",\"framerVariables\":\"{\\\"Qo_N3yLV5\\\":\\\"off\\\",\\\"owmTQaXUc\\\":\\\"on\\\",\\\"WpD_SfAGl\\\":\\\"label\\\",\\\"wdxw1mOUC\\\":\\\"text\\\",\\\"WNaYb0RVm\\\":\\\"link\\\",\\\"XSIfmJB3f\\\":\\\"newTab\\\",\\\"xYgeGwLTh\\\":\\\"smoothScroll\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"HwXFexQXg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PWydZSZ8x\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"EQTHqKpw9\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"wwMivTnXn\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CUclgRkWa.map", "// Generated by Framer (4b8bcae)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"MjxoStP8C\",\"MhWOncgBp\"];const serializationHash=\"framer-4imJf\";const variantClassNames={MhWOncgBp:\"framer-v-1six19w\",MjxoStP8C:\"framer-v-15hjnbi\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:800,type:\"spring\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const transition2={damping:60,delay:.1,mass:1,stiffness:800,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const transformTemplate2=(_,t)=>`translate(-50%, -50%) ${t}`;const transition3={damping:60,delay:.15,mass:1,stiffness:800,type:\"spring\"};const transition4={damping:60,delay:.2,mass:1,stiffness:800,type:\"spring\"};const transition5={damping:60,delay:.25,mass:1,stiffness:800,type:\"spring\"};const transition6={damping:60,delay:.3,mass:1,stiffness:800,type:\"spring\"};const transition7={damping:60,delay:.35,mass:1,stiffness:800,type:\"spring\"};const transition8={damping:60,delay:.4,mass:1,stiffness:800,type:\"spring\"};const Variants=motion(React.Fragment);const humanReadableVariantMap={Default:\"MjxoStP8C\",Hover:\"MhWOncgBp\"};const getProps=({height,id,image1,image2,image3,image4,image5,image6,label,link,tooltipTitle,width,...props})=>{var _ref,_ref1,_ref2,_ref3,_humanReadableVariantMap_props_variant,_ref4,_ref5,_ref6,_ref7,_ref8;return{...props,JUdgJF6Qr:(_ref=image3!==null&&image3!==void 0?image3:props.JUdgJF6Qr)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/4Po9T33MeVG2JWguUJI7ukos.jpeg\"},KyI0INJIR:(_ref1=image5!==null&&image5!==void 0?image5:props.KyI0INJIR)!==null&&_ref1!==void 0?_ref1:{src:\"https://framerusercontent.com/images/bcx325UNyNBkyiA3RLmnSx3AivQ.jpeg\"},M0cNWwUbm:(_ref2=tooltipTitle!==null&&tooltipTitle!==void 0?tooltipTitle:props.M0cNWwUbm)!==null&&_ref2!==void 0?_ref2:\"15k+ already joined\",sXP_r_d1y:(_ref3=image2!==null&&image2!==void 0?image2:props.sXP_r_d1y)!==null&&_ref3!==void 0?_ref3:{src:\"https://framerusercontent.com/images/EJefr5fJvuOwno77six4SXpLZnA.jpeg\"},UMgXdc76u:link!==null&&link!==void 0?link:props.UMgXdc76u,variant:(_ref4=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref4!==void 0?_ref4:\"MjxoStP8C\",wPsNSmv8K:(_ref5=image6!==null&&image6!==void 0?image6:props.wPsNSmv8K)!==null&&_ref5!==void 0?_ref5:{src:\"https://framerusercontent.com/images/CS03YetD156YhcmuODVbPGVyXc.png\"},xDSzyxdvk:(_ref6=image1!==null&&image1!==void 0?image1:props.xDSzyxdvk)!==null&&_ref6!==void 0?_ref6:{src:\"https://framerusercontent.com/images/HALO860GG8HdyB6G1ao9hkSrTlE.jpeg\"},xhhXTHb64:(_ref7=label!==null&&label!==void 0?label:props.xhhXTHb64)!==null&&_ref7!==void 0?_ref7:\"Join waitlist\",XQw4VhsZ5:(_ref8=image4!==null&&image4!==void 0?image4:props.XQw4VhsZ5)!==null&&_ref8!==void 0?_ref8:{src:\"https://framerusercontent.com/images/lpITPEykwDSRklvUdN7SyrEvXgo.jpeg\"}};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,xhhXTHb64,M0cNWwUbm,xDSzyxdvk,sXP_r_d1y,JUdgJF6Qr,XQw4VhsZ5,KyI0INJIR,wPsNSmv8K,UMgXdc76u,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"MjxoStP8C\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter1lvusvp=activeVariantCallback(async(...args)=>{setVariant(\"MhWOncgBp\");});const onMouseLeavepikh3z=activeVariantCallback(async(...args)=>{setVariant(\"MjxoStP8C\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:UMgXdc76u,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-15hjnbi\",className,classNames)} framer-134hksg`,\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"MjxoStP8C\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnter1lvusvp,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,...style},...addPropertyOverrides({MhWOncgBp:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeavepikh3z}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-wimvc9\",\"data-framer-name\":\"Social-Proof-Tip\",layoutDependency:layoutDependency,layoutId:\"FV9LOesH7\",style:{backgroundColor:\"var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29))\",borderBottomLeftRadius:18,borderBottomRightRadius:18,borderTopLeftRadius:18,borderTopRightRadius:18,opacity:0},transformTemplate:transformTemplate1,variants:{MhWOncgBp:{opacity:1}},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1mlgths\",\"data-framer-name\":\"Title\",layoutDependency:layoutDependency,layoutId:\"AywuQZX34\",children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1tZWRpdW0=\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"15k+ already joined\"})}),className:\"framer-s9yg6u\",fonts:[\"FS;Satoshi-medium\"],layoutDependency:layoutDependency,layoutId:\"Xvzes7wfh\",style:{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",opacity:0},text:M0cNWwUbm,transformTemplate:transformTemplate1,variants:{MhWOncgBp:{opacity:1}},verticalAlignment:\"top\",withExternalLayout:true})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1fe2k9t\",\"data-framer-name\":\"Profiles\",layoutDependency:layoutDependency,layoutId:\"Z0HtF4Tks\",children:[/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition3}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:400,intrinsicWidth:400,pixelHeight:400,pixelWidth:400,sizes:\"24px\",...toResponsiveImage(xDSzyxdvk)},className:\"framer-1pd7ag3\",\"data-framer-name\":\"PP1\",layoutDependency:layoutDependency,layoutId:\"vWxct1iNa\",style:{borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition4}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:399,intrinsicWidth:399,pixelHeight:399,pixelWidth:399,sizes:\"24px\",...toResponsiveImage(sXP_r_d1y)},className:\"framer-jixfh\",\"data-framer-name\":\"PP2\",layoutDependency:layoutDependency,layoutId:\"NQfH4x3k9\",style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition5}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:400,intrinsicWidth:400,pixelHeight:400,pixelWidth:400,sizes:\"24px\",...toResponsiveImage(JUdgJF6Qr)},className:\"framer-1580km8\",\"data-framer-name\":\"PP3\",layoutDependency:layoutDependency,layoutId:\"kA_gTvu9Q\",style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition6}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:400,intrinsicWidth:400,pixelHeight:400,pixelWidth:400,sizes:\"24px\",...toResponsiveImage(XQw4VhsZ5)},className:\"framer-d17kex\",\"data-framer-name\":\"PP4\",layoutDependency:layoutDependency,layoutId:\"xqnc0RGFn\",style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition7}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:400,intrinsicWidth:400,pixelHeight:400,pixelWidth:400,sizes:\"24px\",...toResponsiveImage(KyI0INJIR)},className:\"framer-3hq7hm\",\"data-framer-name\":\"PP5\",layoutDependency:layoutDependency,layoutId:\"gTX2LLLI4\",style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({MhWOncgBp:{value:transition8}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:400,intrinsicWidth:400,pixelHeight:400,pixelWidth:400,sizes:\"24px\",...toResponsiveImage(wPsNSmv8K)},className:\"framer-h8kqbg\",\"data-framer-name\":\"PP6\",layoutDependency:layoutDependency,layoutId:\"DKfDuUIPU\",style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:'0px 0px 0px 3px var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29)) /* {\"name\":\"4\"} */',opacity:0},transformTemplate:transformTemplate2,variants:{MhWOncgBp:{opacity:1}}})})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1qggckx\",\"data-framer-name\":\"Tip\",layoutDependency:layoutDependency,layoutId:\"Soz64Phaa\",style:{backgroundColor:\"var(--token-38c4cf9a-0aa8-4902-ad35-3a2d52d62d05, rgb(26, 28, 29))\",rotate:45},transformTemplate:transformTemplate1})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1flfj8p\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"CFm0fX_Wz\",style:{backgroundColor:\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(0, 128, 255))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100},variants:{MhWOncgBp:{backgroundColor:\"rgb(4, 99, 194)\"}},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Join waitlist\"})}),className:\"framer-15dyybj\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"hgZT6KGut\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:xhhXTHb64,verticalAlignment:\"top\",withExternalLayout:true})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-4imJf.framer-134hksg, .framer-4imJf .framer-134hksg { display: block; }\",\".framer-4imJf.framer-15hjnbi { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 44px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-4imJf .framer-wimvc9 { -webkit-user-select: none; align-content: center; align-items: center; bottom: 52px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; left: 50%; overflow: visible; padding: 15px 18px 14px 18px; pointer-events: none; position: absolute; user-select: none; width: min-content; z-index: 3; }\",\".framer-4imJf .framer-1mlgths { flex: none; height: 17px; overflow: visible; position: relative; width: 122px; }\",\".framer-4imJf .framer-s9yg6u { bottom: -10px; flex: none; height: auto; left: 50%; position: absolute; white-space: pre; width: auto; }\",\".framer-4imJf .framer-1fe2k9t { -webkit-user-select: none; align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 25px; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; pointer-events: none; position: relative; user-select: none; width: 120px; }\",\".framer-4imJf .framer-1pd7ag3 { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 12%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-jixfh { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 27%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-1580km8 { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 42%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-d17kex { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 57%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-3hq7hm { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 72%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-h8kqbg { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); left: 87%; overflow: hidden; pointer-events: none; position: absolute; top: 88%; user-select: none; width: 24px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-4imJf .framer-1qggckx { aspect-ratio: 1 / 1; bottom: -5px; flex: none; height: var(--framer-aspect-ratio-supported, 11px); left: 50%; overflow: hidden; position: absolute; width: 11px; z-index: 1; }\",\".framer-4imJf .framer-1flfj8p { align-content: center; align-items: center; cursor: pointer; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 44px; justify-content: center; overflow: hidden; padding: 0px 20px 0px 20px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-4imJf .framer-15dyybj { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-4imJf.framer-15hjnbi, .framer-4imJf .framer-wimvc9, .framer-4imJf .framer-1fe2k9t, .framer-4imJf .framer-1flfj8p { gap: 0px; } .framer-4imJf.framer-15hjnbi > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-4imJf.framer-15hjnbi > :first-child, .framer-4imJf .framer-wimvc9 > :first-child, .framer-4imJf .framer-1flfj8p > :first-child { margin-top: 0px; } .framer-4imJf.framer-15hjnbi > :last-child, .framer-4imJf .framer-wimvc9 > :last-child, .framer-4imJf .framer-1flfj8p > :last-child { margin-bottom: 0px; } .framer-4imJf .framer-wimvc9 > *, .framer-4imJf .framer-1flfj8p > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-4imJf .framer-1fe2k9t > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-4imJf .framer-1fe2k9t > :first-child { margin-left: 0px; } .framer-4imJf .framer-1fe2k9t > :last-child { margin-right: 0px; } }\",\".framer-4imJf.framer-v-1six19w .framer-wimvc9 { bottom: 60px; }\",\".framer-4imJf.framer-v-1six19w .framer-s9yg6u { bottom: 0px; }\",\".framer-4imJf.framer-v-1six19w .framer-1pd7ag3, .framer-4imJf.framer-v-1six19w .framer-jixfh, .framer-4imJf.framer-v-1six19w .framer-1580km8, .framer-4imJf.framer-v-1six19w .framer-d17kex, .framer-4imJf.framer-v-1six19w .framer-3hq7hm, .framer-4imJf.framer-v-1six19w .framer-h8kqbg { top: 48%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 127\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"MhWOncgBp\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"xhhXTHb64\":\"label\",\"M0cNWwUbm\":\"tooltipTitle\",\"xDSzyxdvk\":\"image1\",\"sXP_r_d1y\":\"image2\",\"JUdgJF6Qr\":\"image3\",\"XQw4VhsZ5\":\"image4\",\"KyI0INJIR\":\"image5\",\"wPsNSmv8K\":\"image6\",\"UMgXdc76u\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerdIUga1Zst=withCSS(Component,css,\"framer-4imJf\");export default FramerdIUga1Zst;FramerdIUga1Zst.displayName=\"Button/Waitlist Button\";FramerdIUga1Zst.defaultProps={height:44,width:127};addPropertyControls(FramerdIUga1Zst,{variant:{options:[\"MjxoStP8C\",\"MhWOncgBp\"],optionTitles:[\"Default\",\"Hover\"],title:\"Variant\",type:ControlType.Enum},xhhXTHb64:{defaultValue:\"Join waitlist\",displayTextArea:false,title:\"Label\",type:ControlType.String},M0cNWwUbm:{defaultValue:\"15k+ already joined\",displayTextArea:false,title:\"Tooltip Title\",type:ControlType.String},xDSzyxdvk:{__defaultAssetReference:\"data:framer/asset-reference,HALO860GG8HdyB6G1ao9hkSrTlE.jpeg?originalFilename=Jurre.jpeg&preferredSize=auto\",title:\"Image 1\",type:ControlType.ResponsiveImage},sXP_r_d1y:{__defaultAssetReference:\"data:framer/asset-reference,EJefr5fJvuOwno77six4SXpLZnA.jpeg?originalFilename=Jorn.jpeg&preferredSize=auto\",title:\"Image 2\",type:ControlType.ResponsiveImage},JUdgJF6Qr:{__defaultAssetReference:\"data:framer/asset-reference,4Po9T33MeVG2JWguUJI7ukos.jpeg?originalFilename=Hunter.jpeg&preferredSize=auto\",title:\"Image 3\",type:ControlType.ResponsiveImage},XQw4VhsZ5:{__defaultAssetReference:\"data:framer/asset-reference,lpITPEykwDSRklvUdN7SyrEvXgo.jpeg?originalFilename=Charles.jpeg&preferredSize=auto\",title:\"Image 4\",type:ControlType.ResponsiveImage},KyI0INJIR:{__defaultAssetReference:\"data:framer/asset-reference,bcx325UNyNBkyiA3RLmnSx3AivQ.jpeg?originalFilename=Cedric.jpeg&preferredSize=auto\",title:\"Image 5\",type:ControlType.ResponsiveImage},wPsNSmv8K:{__defaultAssetReference:\"data:framer/asset-reference,CS03YetD156YhcmuODVbPGVyXc.png?originalFilename=image.png&preferredSize=auto\",title:\"Image 6\",type:ControlType.ResponsiveImage},UMgXdc76u:{title:\"Link\",type:ControlType.Link}});addFonts(FramerdIUga1Zst,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2\",weight:\"500\"},{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerdIUga1Zst\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"44\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"MhWOncgBp\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"127\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"xhhXTHb64\\\":\\\"label\\\",\\\"M0cNWwUbm\\\":\\\"tooltipTitle\\\",\\\"xDSzyxdvk\\\":\\\"image1\\\",\\\"sXP_r_d1y\\\":\\\"image2\\\",\\\"JUdgJF6Qr\\\":\\\"image3\\\",\\\"XQw4VhsZ5\\\":\\\"image4\\\",\\\"KyI0INJIR\\\":\\\"image5\\\",\\\"wPsNSmv8K\\\":\\\"image6\\\",\\\"UMgXdc76u\\\":\\\"link\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./dIUga1Zst.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"xXhPzs11E\",\"wBDl42wjx\",\"xHP9GorMF\"];const serializationHash=\"framer-qjPlv\";const variantClassNames={wBDl42wjx:\"framer-v-yle1w2\",xHP9GorMF:\"framer-v-1empue7\",xXhPzs11E:\"framer-v-jbvtw0\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={duration:0,type:\"tween\"};const transition2={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const transformTemplate2=(_,t)=>`translateX(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Default:\"xXhPzs11E\",Hover:\"wBDl42wjx\",Mid:\"xHP9GorMF\"};const getProps=({bG,height,id,label,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2;return{...props,nAraFIBQl:(_ref=bG!==null&&bG!==void 0?bG:props.nAraFIBQl)!==null&&_ref!==void 0?_ref:\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(0, 128, 255))\",S5EqVDFx5:(_ref1=label!==null&&label!==void 0?label:props.S5EqVDFx5)!==null&&_ref1!==void 0?_ref1:\"Get started now\",variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"xXhPzs11E\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,S5EqVDFx5,nAraFIBQl,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"xXhPzs11E\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterglfkkg=activeVariantCallback(async(...args)=>{setVariant(\"wBDl42wjx\");});const onMouseLeaveok9v7c=activeVariantCallback(async(...args)=>{setVariant(\"xHP9GorMF\");});const onAppears53cq4=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"xXhPzs11E\"),450);});useOnVariantChange(baseVariant,{xHP9GorMF:onAppears53cq4});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({wBDl42wjx:{value:transition2},xHP9GorMF:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-jbvtw0\",className,classNames),\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"xXhPzs11E\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnterglfkkg,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:nAraFIBQl,borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,...style},...addPropertyOverrides({wBDl42wjx:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeaveok9v7c},xHP9GorMF:{\"data-framer-name\":\"Mid\",onMouseEnter:undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started now\"})}),className:\"framer-fm21pk\",\"data-framer-name\":\"Helper Text\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"Jn1N8cpXZ\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:0},text:S5EqVDFx5,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-ke7zi7\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"KCFlMcS4v\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\",opacity:.25}}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-c5hejk\",\"data-framer-name\":\"Texts\",layoutDependency:layoutDependency,layoutId:\"XIRS_J0OP\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started now\"})}),className:\"framer-1fdh6qe\",\"data-framer-name\":\"1\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"et33eCepq\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:1},text:S5EqVDFx5,transformTemplate:transformTemplate1,variants:{wBDl42wjx:{opacity:0},xHP9GorMF:{opacity:0}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({wBDl42wjx:{transformTemplate:transformTemplate2},xHP9GorMF:{transformTemplate:transformTemplate2}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started now\"})}),className:\"framer-iwwis0\",\"data-framer-name\":\"2\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"Uj9b6Ai5h\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:0},text:S5EqVDFx5,transformTemplate:transformTemplate2,variants:{wBDl42wjx:{opacity:1}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({wBDl42wjx:{transformTemplate:transformTemplate1}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started now\"})}),className:\"framer-1k6l36r\",\"data-framer-name\":\"3\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"fNmDW65Hg\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:0},text:S5EqVDFx5,transformTemplate:transformTemplate2,variants:{xHP9GorMF:{opacity:1}},verticalAlignment:\"top\",withExternalLayout:true})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-qjPlv.framer-1lkamkm, .framer-qjPlv .framer-1lkamkm { display: block; }\",\".framer-qjPlv.framer-jbvtw0 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 56px; justify-content: center; overflow: hidden; padding: 0px 32px 0px 32px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-qjPlv .framer-fm21pk { -webkit-user-select: none; flex: none; height: auto; pointer-events: none; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-qjPlv .framer-ke7zi7 { bottom: -259px; flex: none; height: 258px; left: -111px; overflow: hidden; pointer-events: none; position: absolute; right: -111px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-qjPlv .framer-c5hejk { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 1; }\",\".framer-qjPlv .framer-1fdh6qe { -webkit-user-select: none; flex: none; height: auto; left: 50%; pointer-events: none; position: absolute; top: 50%; user-select: none; white-space: pre; width: auto; }\",\".framer-qjPlv .framer-iwwis0, .framer-qjPlv .framer-1k6l36r { -webkit-user-select: none; bottom: 0px; flex: none; height: auto; left: 50%; pointer-events: none; position: absolute; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-qjPlv.framer-jbvtw0 { gap: 0px; } .framer-qjPlv.framer-jbvtw0 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-qjPlv.framer-jbvtw0 > :first-child { margin-top: 0px; } .framer-qjPlv.framer-jbvtw0 > :last-child { margin-bottom: 0px; } }\",\".framer-qjPlv.framer-v-yle1w2 .framer-ke7zi7 { bottom: -101px; }\",\".framer-qjPlv.framer-v-yle1w2 .framer-1fdh6qe, .framer-qjPlv.framer-v-1empue7 .framer-1fdh6qe { top: 0px; }\",\".framer-qjPlv.framer-v-yle1w2 .framer-iwwis0 { bottom: unset; top: 50%; }\",\".framer-qjPlv.framer-v-1empue7 .framer-ke7zi7 { bottom: unset; left: -111px; right: -112px; top: -259px; }\",\".framer-qjPlv.framer-v-1empue7 .framer-iwwis0 { bottom: unset; top: 0px; }\",\".framer-qjPlv.framer-v-1empue7 .framer-1k6l36r { bottom: 18px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 56\n * @framerIntrinsicWidth 183\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"wBDl42wjx\":{\"layout\":[\"auto\",\"fixed\"]},\"xHP9GorMF\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"S5EqVDFx5\":\"label\",\"nAraFIBQl\":\"bG\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerEguA4iNTB=withCSS(Component,css,\"framer-qjPlv\");export default FramerEguA4iNTB;FramerEguA4iNTB.displayName=\"Button/Magnetic Button\";FramerEguA4iNTB.defaultProps={height:56,width:183};addPropertyControls(FramerEguA4iNTB,{variant:{options:[\"xXhPzs11E\",\"wBDl42wjx\",\"xHP9GorMF\"],optionTitles:[\"Default\",\"Hover\",\"Mid\"],title:\"Variant\",type:ControlType.Enum},S5EqVDFx5:{defaultValue:\"Get started now\",displayTextArea:false,title:\"Label\",type:ControlType.String},nAraFIBQl:{defaultValue:'var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(0, 128, 255)) /* {\"name\":\"Accent\"} */',title:\"BG\",type:ControlType.Color}});addFonts(FramerEguA4iNTB,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerEguA4iNTB\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"56\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"183\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"wBDl42wjx\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"xHP9GorMF\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"S5EqVDFx5\\\":\\\"label\\\",\\\"nAraFIBQl\\\":\\\"bG\\\"}\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EguA4iNTB.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"m_2eYVnrP\",\"ChDROJWB4\"];const serializationHash=\"framer-ZezIZ\";const variantClassNames={ChDROJWB4:\"framer-v-10fy6d1\",m_2eYVnrP:\"framer-v-tzwiy3\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:70,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:0,duration:.5,ease:[1,.37,.43,.92],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Default:\"m_2eYVnrP\",Hover:\"ChDROJWB4\"};const getProps=({height,id,label,link,newTab,smoothScroll,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,KuymbKm8D:newTab!==null&&newTab!==void 0?newTab:props.KuymbKm8D,lJ9h3E8hf:smoothScroll!==null&&smoothScroll!==void 0?smoothScroll:props.lJ9h3E8hf,SAD9wdqPK:(_ref=label!==null&&label!==void 0?label:props.SAD9wdqPK)!==null&&_ref!==void 0?_ref:\"CONNECT WALLET\",Thk1bUUsJ:link!==null&&link!==void 0?link:props.Thk1bUUsJ,variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"m_2eYVnrP\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,SAD9wdqPK,Thk1bUUsJ,KuymbKm8D,lJ9h3E8hf,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"m_2eYVnrP\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterbhbz1j=activeVariantCallback(async(...args)=>{setVariant(\"ChDROJWB4\");});const onMouseLeave5ztmee=activeVariantCallback(async(...args)=>{setVariant(\"m_2eYVnrP\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:Thk1bUUsJ,openInNewTab:KuymbKm8D,smoothScroll:lJ9h3E8hf,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-tzwiy3\",className,classNames)} framer-dcc1k5`,\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"m_2eYVnrP\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnterbhbz1j,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({ChDROJWB4:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeave5ztmee}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-gmxl6m\",\"data-framer-name\":\"Animated Line\",layoutDependency:layoutDependency,layoutId:\"t4G0NFiPQ\",style:{background:'conic-gradient(from 3deg at 50% 50%, var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231)) /* {\"name\":\"Accent\"} */ 17.668704094541344deg, rgba(5, 5, 5, 1) 17.959112523090944deg, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */ 18.396077962837637deg, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */ 335.2042766873942deg, var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231)) /* {\"name\":\"Accent\"} */ 335.3280920566207deg)'},variants:{ChDROJWB4:{background:'conic-gradient(from 182deg at 50% 50%, var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231)) /* {\"name\":\"Accent\"} */ 17.668704094541344deg, rgba(5, 5, 5, 1) 17.959112523090944deg, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */ 18.396077962837637deg, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */ 335.2042766873942deg, var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231)) /* {\"name\":\"Accent\"} */ 335.3280920566207deg)'}}})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-ehq8aw\",\"data-framer-name\":\"Black Cover\",layoutDependency:layoutDependency,layoutId:\"UJqaZZtS3\",style:{backgroundColor:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-34fbmk\",\"data-framer-name\":\"Real BG\",layoutDependency:layoutDependency,layoutId:\"aSMWXwB6O\",style:{backgroundColor:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"},variants:{ChDROJWB4:{backgroundColor:\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231))\"}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7U3BhY2UgR3JvdGVzay03MDA=\",\"--framer-font-family\":'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"0.05em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231)))\"},children:\"CONNECT WALLET\"})}),className:\"framer-1rvbgn2\",fonts:[\"GF;Space Grotesk-700\"],layoutDependency:layoutDependency,layoutId:\"Y0WjY6CFl\",style:{\"--extracted-r6o4lv\":\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(51, 221, 231))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:SAD9wdqPK,variants:{ChDROJWB4:{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ChDROJWB4:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7U3BhY2UgR3JvdGVzay03MDA=\",\"--framer-font-family\":'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"0.05em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"CONNECT WALLET\"})})}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ZezIZ.framer-dcc1k5, .framer-ZezIZ .framer-dcc1k5 { display: block; }\",\".framer-ZezIZ.framer-tzwiy3 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 25px 35px 25px 35px; position: relative; text-decoration: none; width: min-content; }\",\".framer-ZezIZ .framer-gmxl6m { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }\",\".framer-ZezIZ .framer-ehq8aw { bottom: 2px; flex: none; left: 2px; overflow: hidden; position: absolute; right: 2px; top: 2px; }\",\".framer-ZezIZ .framer-34fbmk { bottom: 6px; flex: none; left: 6px; overflow: hidden; position: absolute; right: 6px; top: 6px; }\",\".framer-ZezIZ .framer-1rvbgn2 { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-ZezIZ.framer-tzwiy3 { gap: 0px; } .framer-ZezIZ.framer-tzwiy3 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-ZezIZ.framer-tzwiy3 > :first-child { margin-top: 0px; } .framer-ZezIZ.framer-tzwiy3 > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 69\n * @framerIntrinsicWidth 215\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"ChDROJWB4\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"SAD9wdqPK\":\"label\",\"Thk1bUUsJ\":\"link\",\"KuymbKm8D\":\"newTab\",\"lJ9h3E8hf\":\"smoothScroll\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerEmfc3Ap4I=withCSS(Component,css,\"framer-ZezIZ\");export default FramerEmfc3Ap4I;FramerEmfc3Ap4I.displayName=\"Button/Cyberpunk\";FramerEmfc3Ap4I.defaultProps={height:69,width:215};addPropertyControls(FramerEmfc3Ap4I,{variant:{options:[\"m_2eYVnrP\",\"ChDROJWB4\"],optionTitles:[\"Default\",\"Hover\"],title:\"Variant\",type:ControlType.Enum},SAD9wdqPK:{defaultValue:\"CONNECT WALLET\",displayTextArea:false,title:\"Label\",type:ControlType.String},Thk1bUUsJ:{title:\"Link\",type:ControlType.Link},KuymbKm8D:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},lJ9h3E8hf:{defaultValue:false,title:\"Smooth Scroll\",type:ControlType.Boolean}});addFonts(FramerEmfc3Ap4I,[{explicitInter:true,fonts:[{family:\"Space Grotesk\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksmNsFjTDJK.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerEmfc3Ap4I\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"215\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"SAD9wdqPK\\\":\\\"label\\\",\\\"Thk1bUUsJ\\\":\\\"link\\\",\\\"KuymbKm8D\\\":\\\"newTab\\\",\\\"lJ9h3E8hf\\\":\\\"smoothScroll\\\"}\",\"framerIntrinsicHeight\":\"69\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"ChDROJWB4\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Emfc3Ap4I.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Noise\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Noise(props){const{opacity,backgroundSize,borderRadius}=props;return /*#__PURE__*/ _jsx(\"div\",{style:{...containerStyle,opacity,backgroundSize,borderRadius}});};Noise.defaultProps={opacity:.5,backgroundSize:128,radius:0};addPropertyControls(Noise,{backgroundSize:{title:\"Size\",type:ControlType.Number,min:64,max:256},opacity:{title:\"Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,min:0,max:1e3,step:1,displayStepper:true}});const containerStyle={width:\"100%\",height:\"100%\",backgroundSize:\"256px 256px\",backgroundRepeat:\"repeat\",backgroundImage:\"url('https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png')\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Noise\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Noise.map", "/** Error message constants. */ var FUNC_ERROR_TEXT = \"Expected a function\";\n/* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max, nativeMin = Math.min;\n/** Used as references for various `Number` constants. */ var NAN = 0 / 0;\n/** Used to match leading and trailing whitespace. */ var reTrim = /^\\s+|\\s+$/g;\n/** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n/** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i;\n/** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i;\n/** Built-in method references without a dependency on `root`. */ var freeParseInt = parseInt;\nvar now = function() {\n return Date.now();\n};\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == \"object\" || type == \"function\");\n}\nfunction isObjectLike(value) {\n return value != null && typeof value == \"object\";\n}\nfunction toNumber(value) {\n if (typeof value == \"number\") {\n return value;\n }\n if (typeof value == \"symbol\") {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == \"function\" ? value.valueOf() : value;\n value = isObject(other) ? other + \"\" : other;\n }\n if (typeof value != \"string\") {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, \"\");\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nexport function debounce(func, wait, options) {\n var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;\n if (typeof func != \"function\") {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = \"maxWait\" in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs, thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;\n return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(), isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\nexport function throttle(func, wait, options) {\n var leading = true, trailing = true;\n if (typeof func != \"function\") {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = \"leading\" in options ? !!options.leading : leading;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n leading: leading,\n maxWait: wait,\n trailing: trailing\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"throttle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"debounce\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./lodash.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{animate,transform,motion,useTransform}from\"framer-motion\";import{useRef,useState,useCallback}from\"react\";import{isMotionValue,useOnChange,useAutoMotionValue}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{throttle}from\"https://framer.com/m/framer/lodash.js@0.3.0\";var KnobOptions;(function(KnobOptions){KnobOptions[\"Hide\"]=\"Hide\";KnobOptions[\"Hover\"]=\"Hover\";KnobOptions[\"Show\"]=\"Show\";})(KnobOptions||(KnobOptions={}));/**\n * SLIDER\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 20\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */ export const Slider=withCSS(function Slider(props){const{value:valueProp,trackHeight,fillColor,focusColor,min,max,onChange,onChangeLive,onMax,onMin,trackColor,trackRadius,knobSize,knobColor,constrainKnob,shadow,shouldAnimateChange,transition,overdrag,knobSetting,style}=props;const[hovered,setHovered]=useState(false);const[focused,setFocused]=useState(false);const onCanvas=RenderTarget.current()===RenderTarget.canvas;const shouldAnimate=shouldAnimateChange&&!onCanvas;const isConstrained=constrainKnob&&knobSetting===KnobOptions.Show;const showKnob=knobSetting!==KnobOptions.Hide;const input=useRef();const knobPadding=8;// Main setting function\nconst updateValue=useCallback((newVal,target)=>{throttledInputUpdate(newVal);if(onChange)onChange(newVal);if(shouldAnimate)animate(target,newVal,transition);else requestAnimationFrame(()=>target.set(newVal));},[transition,shouldAnimate,onChange]);// \"value\" is the source of truth\n// It can be controlled via props with a motionvalue or number 0.0 - 1.0\n// Local changes are always allowed and are reported back up using \"onChange\" callback\nconst value=useAutoMotionValue(valueProp,{onChange:updateValue,transform:value=>transform(value,[0,100],[min,max])});const knobX=useTransform(value,[min,max],[\"0%\",\"100%\"]);const normalizedValue=useTransform(value,[min,max],[0,1]);const throttledInputUpdate=useCallback(throttle(val=>{var ref;if((ref=input.current)===null||ref===void 0?void 0:ref.value)input.current.value=val;},100),[input]);// Live updating callback\nuseOnChange(value,val=>{if(isMotionValue(valueProp))throttledInputUpdate(val);if(onMax&&val>=max)onMax();if(onMin&&val<=min)onMin();if(onChangeLive)onChangeLive(val);});// Read changes from input element\nconst handleInputChange=e=>{updateValue(parseFloat(e.target.value),value);};// Handle tapping on the know to trigger update\nconst handleMouseDown=e=>{if(parseFloat(e.target.value)!==0)updateValue(parseFloat(e.target.value),value);};const handleMouseUp=()=>{};const totalKnobWidth=showKnob?knobSize+knobPadding:knobPadding;const totalHeight=Math.max(knobSize+knobPadding,trackHeight);return /*#__PURE__*/ _jsxs(\"div\",{className:\"framer-default-slider\",onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{position:\"relative\",...style,alignItems:\"center\",justifyContent:\"flex-start\",border:`0px solid ${focusColor}`,\"--framer-default-slider-height\":totalHeight,\"--framer-default-slider-width\":totalKnobWidth},children:[/*#__PURE__*/ _jsx(\"input\",{ref:input,style:{flexShrink:0,minHeight:totalHeight,opacity:0,margin:0,display:\"flex\",...style,WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",...!isConstrained&&{width:`calc(100% + ${totalKnobWidth}px)`,marginLeft:-totalKnobWidth/2}},onFocus:()=>setFocused(true),onBlur:()=>setFocused(false),type:\"range\",min:min,max:max,defaultValue:-1,step:\"any\",onChange:handleInputChange,onMouseDown:handleMouseDown,onMouseUp:handleMouseUp}),/*#__PURE__*/ _jsx(\"div\",{style:{background:trackColor,position:\"absolute\",top:`calc(50% - ${Math.ceil(trackHeight/2)}px)`,borderRadius:trackRadius,display:\"flex\",height:trackHeight,width:\"100%\",transformOrigin:\"left\",pointerEvents:\"none\",overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(motion.div,{style:{height:trackHeight,width:\"100%\",background:fillColor,scaleX:normalizedValue,position:\"absolute\",top:`calc(50% - ${Math.ceil(trackHeight/2)}px)`,transformOrigin:\"left\",pointerEvents:\"none\"}})}),/*#__PURE__*/ _jsx(motion.div,{style:{x:knobX,position:\"absolute\",display:\"flex\",top:`calc(50% - ${Math.floor(knobSize/2)}px)`,pointerEvents:\"none\",...isConstrained?{width:`calc(100% - ${knobSize}px`,left:0}:{width:`100%`,left:-knobSize/2}},children:/*#__PURE__*/ _jsx(motion.div,{initial:false,animate:{scale:hovered&&knobSetting===KnobOptions.Hover||knobSetting===KnobOptions.Show?1:0},transition:{type:\"spring\",stiffness:900,damping:40},style:{transformOrigin:\"50% 50%\",width:knobSize,height:knobSize,borderRadius:\"50%\",background:knobColor,pointerEvents:\"none\",boxShadow:`0px 1px 2px 0px ${shadow}, \n 0px 2px 4px 0px ${shadow}, \n 0px 4px 8px 0px ${shadow}`}})})]});},[\".framer-default-slider input[type=range] { width: 100%; height: 100% background:transparent margin: 0;}\",\".framer-default-slider input[type=range]:focus { outline: none; }\",\".framer-default-slider input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }\",\".framer-default-slider input[type=range]::-webkit-slider-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",\".framer-default-slider input[type=range]::-moz-range-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",\".framer-default-slider input[type=range]::-ms-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0; background: none; }\",]);Slider.displayName=\"Slider\";Slider.defaultProps={height:20,width:200,trackHeight:4,fillColor:\"#09F\",trackColor:\"#DDD\",knobColor:\"#FFF\",focusColor:\"rgba(0, 153, 255,0)\",shadow:\"rgba(0,0,0,0.1)\",knobSize:20,overdrag:true,min:0,max:100,value:50,trackRadius:5,knobSetting:KnobOptions.Show,constrainKnob:false,transition:{type:\"spring\",delay:0,stiffness:750,damping:50},shouldAnimateChange:true};addPropertyControls(Slider,{fillColor:{title:\"Tint\",type:ControlType.Color},trackColor:{title:\"Track\",type:ControlType.Color},knobColor:{title:\"Knob\",type:ControlType.Color},shadow:{type:ControlType.Color,title:\"Shadow\"},// focusColor: {\n// title: \"Focus\",\n// type: ControlType.Color,\n// },\nshouldAnimateChange:{type:ControlType.Boolean,title:\"Changes\",enabledTitle:\"Animate\",disabledTitle:\"Instant\"},transition:{type:ControlType.Transition,defaultValue:Slider.defaultProps.transition},knobSetting:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Knob\",options:[\"Hide\",\"Hover\",\"Show\"]},constrainKnob:{type:ControlType.Boolean,title:\"Constrain\",enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:({knobSetting})=>knobSetting!==KnobOptions.Show},knobSize:{type:ControlType.Number,title:\"Knob\",min:10,max:100,hidden:({knobSetting})=>knobSetting===KnobOptions.Hide},value:{type:ControlType.Number,title:\"Value\",min:0,max:100,unit:\"%\"},trackHeight:{title:\"Height\",type:ControlType.Number,min:0},min:{title:\"Min\",type:ControlType.Number,displayStepper:true},trackRadius:{type:ControlType.Number,displayStepper:true,min:0,max:200,title:\"Radius\"},max:{title:\"Max\",type:ControlType.Number,displayStepper:true},onChange:{type:ControlType.EventHandler},onMax:{type:ControlType.EventHandler},onMin:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Slider\":{\"type\":\"reactComponent\",\"name\":\"Slider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Slider.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useRef,useState,useEffect,useCallback}from\"react\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{MotionValue,motion,animate,useMotionValueEvent}from\"framer-motion\";import{useOnEnter,usePadding,useRadius,paddingControl,borderRadiusControl,useOnChange,containerStyles,secondsToMinutes,useAutoMotionValue,useOnExit,fontStack,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{Slider}from\"https://framerusercontent.com/modules/AHY1z1xp5QsxaZBkEL9H/7Qvf2RhlgA8L1UHMchaV/Slider.js\";const isMotionValue=v=>v instanceof MotionValue;var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));function PlayTime(props){const{currentTime,startTime}=props;const[playTime,setPlayTime]=useState(\"0:00\");useEffect(()=>{setPlayTime(secondsToMinutes(startTime));},[startTime]);useOnChange(currentTime,latest=>{setPlayTime(secondsToMinutes(latest));});return /*#__PURE__*/_jsx(_Fragment,{children:playTime});}const checkIfPlaying=player=>player.current&&!player.current.paused&&!player.current.ended&&player.current.readyState>2;/**\n * AUDIO\n *\n * Audio player component optimized for smart components.\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export const Audio=withCSS(function Audio(props){var _props_style;const{playing,background,progressColor,trackHeight,gap,trackColor,srcUrl,srcType,srcFile,loop,font,autoPlay,progress,volume,showTime,showTrack,playPauseCursor,showPlayPause,onTimeUpdate,onMetadata,onPlay,onPause,onEnd,pauseOnExit,onPlayGlobalPauseOption}=props;let iconCursor=\"pointer\";if(!!playPauseCursor){iconCursor=playPauseCursor;}else if(props===null||props===void 0?void 0:(_props_style=props.style)===null||_props_style===void 0?void 0:_props_style.cursor){iconCursor=props.style.cursor;}// Defaults to false, only switches to play if possible\nconst[isPlaying,setIsPlaying]=useState(false);const[duration,setDuration]=useState(0);// Audio element ref and non-state info\nconst player=useRef();const playerInfo=useRef({ready:false,animation:null});// Track progress in ms, always in sync with audio element\nconst trackProgress=useAutoMotionValue(progress,{transform:value=>value*.01,onChange:(newValue,value)=>{if(player.current.duration){player.current.currentTime=newValue*player.current.duration;handlePlayStateUpdate(\"motionHook\");}}});const padding=usePadding(props);const borderRadius=useRadius(props);const{fontSize}=useFontControls(props);const shouldPlay=RenderTarget.current()===RenderTarget.preview;const shouldPausePlayers=onPlayGlobalPauseOption===\"pause\";const url=srcType===\"URL\"?srcUrl:srcFile;const shouldAutoPlay=shouldPlay&&playing;// Sync UI with state of the audio element\n// TODO look into better more performant ways of doing this\nconst handlePlayStateUpdate=useCallback(_=>{var _playerInfo_current_animation,_playerInfo_current;const currentDuration=player.current.duration;const currentTime=player.current.currentTime;(_playerInfo_current=playerInfo.current)===null||_playerInfo_current===void 0?void 0:(_playerInfo_current_animation=_playerInfo_current.animation)===null||_playerInfo_current_animation===void 0?void 0:_playerInfo_current_animation.stop();if(Math.abs(currentTime-trackProgress.get())>.5){trackProgress.set(currentTime);}if(!shouldPlay)return;const isNowPlaying=checkIfPlaying(player);if(isPlaying!==isNowPlaying)setIsPlaying(isNowPlaying);if(isNowPlaying&&shouldPlay){playerInfo.current.animation=animate(trackProgress,currentDuration,{type:\"tween\",ease:\"linear\",duration:currentDuration-currentTime});}},[shouldPlay,isPlaying]);const pauseAllAudioPlayers=()=>{const audioPlayerElements=document.querySelectorAll(\".framer-audio\");audioPlayerElements.forEach(el=>{el.pause();});};// Always use this for playing audio\n// No logic in here as it is async & can fail\nconst playAudio=()=>{if(shouldPlay)player.current.play().catch(e=>{})// It's likely fine, swallow error\n;};const pauseAudio=()=>{var _playerInfo_current_animation,_playerInfo_current;player.current.pause();(_playerInfo_current=playerInfo.current)===null||_playerInfo_current===void 0?void 0:(_playerInfo_current_animation=_playerInfo_current.animation)===null||_playerInfo_current_animation===void 0?void 0:_playerInfo_current_animation.stop();};const handleMetadata=()=>{if(onMetadata)onMetadata({duration:player.current.duration});setDuration(player.current.duration);};const initProgress=()=>{if(!isMotionValue(progress)){player.current.currentTime=progress*.01*player.current.duration;}};const handleReady=()=>{// This tries to run on every pause\n// We use playerInfo.ready to only call on initial load of a source\nif(!playerInfo.current.ready){if(shouldAutoPlay)playAudio();playerInfo.current.ready=true;initProgress();}};// Handle seek event from slider\nconst handleSeek=val=>{if(player.current.currentTime){player.current.currentTime=val;handlePlayStateUpdate(\"handleSeek\");}};const handleEnd=()=>{if(onEnd)onEnd();};const handlePlayClick=()=>{if(shouldPausePlayers)pauseAllAudioPlayers();playAudio();};// Control audio via props\nuseEffect(()=>{if(shouldPlay){// In preview when prop changes, pause/play\nif(playing===true)playAudio();else pauseAudio();}else{// Only set the state for canvas use\nif(playing===true)setIsPlaying(true);else setIsPlaying(false);}},[playing]);useEffect(()=>{var _player_current;// Do this in an effect to correct on optimised sites\nif((_player_current=player.current)===null||_player_current===void 0?void 0:_player_current.duration)setDuration(player.current.duration);},[]);// Call event callbacks\nuseEffect(()=>{if(playerInfo.current.ready&&isPlaying&&onPlay)onPlay();else if(playerInfo.current.ready&&onPause)onPause();},[isPlaying]);// Volume Control\nuseEffect(()=>{player.current.volume=volume/100;},[volume]);// Reset ready state when src changes\nuseEffect(()=>{playerInfo.current.ready=false;},[srcFile,srcType,srcUrl]);// Play on navigation\nuseOnEnter(()=>{if(shouldAutoPlay)playAudio();});useOnExit(()=>{if(pauseOnExit)player.current.pause();});useMotionValueEvent(trackProgress,\"change\",val=>{var _player_current;const progressPercent=((_player_current=player.current)===null||_player_current===void 0?void 0:_player_current.duration)?val/player.current.duration*100:null;if(onTimeUpdate){onTimeUpdate(val,progressPercent,secondsToMinutes(val));}});const iconStyles={marginRight:showTime||showTrack?gap:0,flexShrink:0,cursor:iconCursor};return /*#__PURE__*/_jsxs(\"div\",{style:{...containerStyles,position:\"relative\",overflow:\"hidden\",background,padding,borderRadius},children:[/*#__PURE__*/_jsx(\"audio\",{src:url,loop:loop,className:\"framer-audio\",ref:player,preload:\"metadata\",autoPlay:shouldAutoPlay,onLoadedMetadata:handleMetadata,onCanPlayThrough:handleReady,// Listen to all events for status changes\nonPlaying:()=>handlePlayStateUpdate(\"playingEvent\"),onPlay:()=>handlePlayStateUpdate(\"playEvent\"),onSeeked:()=>handlePlayStateUpdate(\"seekEvent\"),onPause:()=>handlePlayStateUpdate(\"pauseEvent\"),onEnded:()=>handleEnd()}),showPlayPause&&/*#__PURE__*/_jsx(_Fragment,{children:isPlaying?/*#__PURE__*/_jsx(PauseIcon,{width:16,whileTap:{scale:.9},onClick:()=>pauseAudio(),style:iconStyles,\"aria-label\":\"pause audio\"}):/*#__PURE__*/_jsx(PlayIcon,{width:16,whileTap:{scale:.9},onClick:handlePlayClick,style:iconStyles,\"aria-label\":\"play audio\"})}),showTime&&/*#__PURE__*/_jsxs(\"p\",{style:{userSelect:\"none\",color:\"#333\",fontWeight:500,letterSpacing:-.25,margin:0,flexShrink:0,fontFamily:fontStack,fontVariantNumeric:\"tabular-nums\",marginRight:showTrack?gap:0,...font},children:[/*#__PURE__*/_jsx(PlayTime,{startTime:duration*(isMotionValue(progress)?progress.get():progress*.01),currentTime:trackProgress}),/*#__PURE__*/_jsx(\"span\",{style:{padding:\"0 2px\"},children:\"/\"}),duration>0?secondsToMinutes(duration):\"1:34\"]}),showTrack&&/*#__PURE__*/_jsx(Slider,{style:{width:\"100%\"},value:trackProgress,fillColor:progressColor,knobSetting:\"Hover\",shadow:`rgba(0,0,0,0)`,knobSize:10,knobColor:progressColor,onChange:handleSeek,shouldAnimateChange:false,min:0,max:duration,trackColor:trackColor})]});},[\".framer-audio-icon { outline: none; }\",\".framer-audio-icons:focus-visible { outline: auto; }\"]);Audio.defaultProps={background:\"#EBEBEB\",trackColor:\"#FFFFFF\",font:{fontSize:12},progressColor:\"#333333\",srcUrl:\"https://assets.mixkit.co/music/preview/mixkit-tech-house-vibes-130.mp3\",srcType:\"URL\",pauseOnExit:true,borderRadius:8,padding:15,progress:0,volume:25,loop:false,playing:true,autoPlay:true,showTime:true,showTrack:true,showPlayPause:true,onPlayGlobalPauseOption:\"continue\",trackHeight:4,gap:15,height:50,width:240};addPropertyControls(Audio,{srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[\"URL\",\"Upload\"]},srcUrl:{type:ControlType.String,title:\" \",placeholder:\".../example.mp4\",hidden(props){return props.srcType===\"Upload\";}},srcFile:{type:ControlType.File,title:\" \",allowedFileTypes:[\"mp4\",\"mp3\",\"wav\",\"m4a\"],hidden(props){return props.srcType===\"URL\";}},playing:{title:\"Playing\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},loop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// autoPlay: {\n// type: ControlType.Boolean,\n// title: \"Autoplay\",\n// enabledTitle: \"Yes\",\n// disabledTitle: \"No\",\n// },\nprogress:{title:\"Progress\",type:ControlType.Number,max:100,min:0,unit:\"%\"},volume:{type:ControlType.Number,max:100,min:0,unit:\"%\"},progressColor:{title:\"Progress\",type:ControlType.Color,defaultValue:Audio.defaultProps.progressColor},trackColor:{title:\"Track\",type:ControlType.Color,defaultValue:Audio.defaultProps.trackColor},background:{title:\"Player\",type:ControlType.Color,defaultValue:Audio.defaultProps.background},font:{title:\"Font\",// @ts-ignore \u2013 Internal\ntype:ControlType.Font,displayFontSize:true},...paddingControl,...borderRadiusControl,gap:{type:ControlType.Number,min:0,max:100,displayStepper:true},showPlayPause:{type:ControlType.Boolean,title:\"Play/Pause\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},showTrack:{type:ControlType.Boolean,title:\"Track\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},showTime:{type:ControlType.Boolean,title:\"Time\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},pauseOnExit:{type:ControlType.Boolean,title:\"On Leave\",enabledTitle:\"Pause\",disabledTitle:\"Continue\"},onPlayGlobalPauseOption:{type:ControlType.Enum,title:\"On Play\",options:[\"continue\",\"pause\"],optionTitles:[\"Continue All\",\"Pause All\"]},onPlay:{type:ControlType.EventHandler},onPause:{type:ControlType.EventHandler},onEnd:{type:ControlType.EventHandler},onTimeUpdate:{type:ControlType.EventHandler}});const trackStyle={borderRadius:10,width:\"100%\",overflow:\"hidden\"};const trackParentStyle={position:\"relative\",border:\"1px solid red\",display:\"flex\",alignItems:\"center\",height:\"100%\",width:\"100%\"};function PlayIcon(props){return /*#__PURE__*/_jsx(motion.svg,{...props,className:\"framer-audio-icon\",xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 16 16\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M 5.379 1.292 C 4.968 1.033 4.449 1.017 4.023 1.251 C 3.598 1.486 3.334 1.933 3.333 2.419 L 3.333 13.581 C 3.334 14.067 3.598 14.514 4.023 14.749 C 4.449 14.983 4.968 14.967 5.379 14.708 L 14.215 9.127 C 14.602 8.883 14.836 8.457 14.836 8 C 14.836 7.543 14.602 7.117 14.215 6.873 Z\",fill:\"#333\"})});}function PauseIcon(props){return /*#__PURE__*/_jsxs(motion.svg,{...props,className:\"framer-audio-icon\",xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 16 16\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M 3 3 C 3 2.448 3.448 2 4 2 L 6 2 C 6.552 2 7 2.448 7 3 L 7 13 C 7 13.552 6.552 14 6 14 L 4 14 C 3.448 14 3 13.552 3 13 Z\",fill:\"#343434\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M 9 3 C 9 2.448 9.448 2 10 2 L 12 2 C 12.552 2 13 2.448 13 3 L 13 13 C 13 13.552 12.552 14 12 14 L 10 14 C 9.448 14 9 13.552 9 13 Z\",fill:\"#343434\"})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"Audio\":{\"type\":\"reactComponent\",\"name\":\"Audio\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"240\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"50\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Audio.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getPropertyControls,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Noise from\"https://framerusercontent.com/modules/bamMgJhjMszHbcnxCtZj/20nHFbpxFqdlchR1dDZF/Noise.js\";import{Audio}from\"https://framerusercontent.com/modules/NRKVbMFYrBaqL0rx532t/o1XmI0MqgEIlgDIKXNDR/Audio.js\";const AudioFonts=getFonts(Audio);const NoiseFonts=getFonts(Noise);const AudioControls=getPropertyControls(Audio);const enabledGestures={DDc2MX6j6:{hover:true}};const cycleOrder=[\"DDc2MX6j6\",\"YGEBcQqf8\"];const serializationHash=\"framer-Egmvn\";const variantClassNames={DDc2MX6j6:\"framer-v-15sa78s\",YGEBcQqf8:\"framer-v-1uov4rn\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"soundClick - event\":\"YGEBcQqf8\",soundClick:\"DDc2MX6j6\"};const getProps=({file,height,id,source,title,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2,_ref3;return{...props,FiVeSXIiK:(_ref=title!==null&&title!==void 0?title:props.FiVeSXIiK)!==null&&_ref!==void 0?_ref:\"Click \u266B\",kjM8hpR7b:(_ref1=file!==null&&file!==void 0?file:props.kjM8hpR7b)!==null&&_ref1!==void 0?_ref1:\"https://framerusercontent.com/assets/qbQFTGREV3YxaRkxsGdnowRcuo.mp4\",variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"DDc2MX6j6\",YLzHQjUDv:(_ref3=source!==null&&source!==void 0?source:props.YLzHQjUDv)!==null&&_ref3!==void 0?_ref3:\"Upload\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,FiVeSXIiK,YLzHQjUDv,kjM8hpR7b,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"DDc2MX6j6\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1xf5if7=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"YGEBcQqf8\");});const onAppear1lw1na4=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"DDc2MX6j6\"),200);});useOnVariantChange(baseVariant,{YGEBcQqf8:onAppear1lw1na4});const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"YGEBcQqf8\")return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-15sa78s\",className,classNames),\"data-border\":true,\"data-framer-name\":\"soundClick\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"DDc2MX6j6\",onTap:onTap1xf5if7,ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-184a55bc-2aa1-47b4-934e-cff8a85f1613, rgb(38, 40, 43))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6,boxShadow:\"inset 0px 1px 20px 0px rgba(255, 255, 255, 0.06)\",...style},variants:{\"DDc2MX6j6-hover\":{\"--border-color\":\"rgb(66, 66, 66)\",backgroundColor:\"rgba(255, 255, 255, 0.04)\"}},...addPropertyOverrides({\"DDc2MX6j6-hover\":{\"data-framer-name\":undefined},YGEBcQqf8:{\"data-framer-name\":\"soundClick - event\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-s2k514-container\",layoutDependency:layoutDependency,layoutId:\"rSn42tIIy-container\",children:/*#__PURE__*/_jsx(Audio,{background:\"rgba(235, 235, 235, 0)\",borderRadius:8,bottomLeftRadius:8,bottomRightRadius:8,font:{},gap:15,height:\"100%\",id:\"rSn42tIIy\",isMixedBorderRadius:false,layoutId:\"rSn42tIIy\",loop:false,onPlayGlobalPauseOption:\"continue\",padding:15,paddingBottom:15,paddingLeft:15,paddingPerSide:false,paddingRight:15,paddingTop:15,pauseOnExit:false,playing:true,progress:0,progressColor:\"rgba(255, 255, 255, 0)\",showPlayPause:false,showTime:false,showTrack:false,srcFile:kjM8hpR7b,srcType:YLzHQjUDv,srcUrl:\"https://assets.mixkit.co/music/preview/mixkit-tech-house-vibes-130.mp3\",style:{height:\"100%\",width:\"100%\"},topLeftRadius:8,topRightRadius:8,trackColor:\"rgba(255, 255, 255, 0)\",volume:50,width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-on5t9j-container\",layoutDependency:layoutDependency,layoutId:\"KVpJhlZXt-container\",style:{opacity:.3},children:/*#__PURE__*/_jsx(Noise,{backgroundSize:128,borderRadius:6,height:\"100%\",id:\"KVpJhlZXt\",layoutId:\"KVpJhlZXt\",opacity:.06,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItcmVndWxhcg==\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"13px\",\"--framer-line-height\":\"17px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-1dd51bcc-0fb7-4fb0-8ec8-638fc854e824, rgb(237, 237, 237)))\"},children:\"Click \u266B\"})}),className:\"framer-8w5y40\",\"data-framer-name\":\"Courses\",fonts:[\"GF;Inter-regular\"],layoutDependency:layoutDependency,layoutId:\"kOlPto42c\",style:{\"--extracted-r6o4lv\":\"var(--token-1dd51bcc-0fb7-4fb0-8ec8-638fc854e824, rgb(237, 237, 237))\",\"--framer-paragraph-spacing\":\"0px\"},text:FiVeSXIiK,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Egmvn.framer-17lmj5, .framer-Egmvn .framer-17lmj5 { display: block; }\",\".framer-Egmvn.framer-15sa78s { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; overflow: hidden; padding: 6px 12px 6px 12px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-Egmvn .framer-s2k514-container { flex: none; height: 100%; left: calc(49.473684210526336% - 100% / 2); position: absolute; top: 0px; width: 100%; z-index: 1; }\",\".framer-Egmvn .framer-on5t9j-container { flex: none; height: 100%; left: calc(50.00000000000002% - 100% / 2); position: absolute; top: calc(48.275862068965544% - 100% / 2); width: 100%; z-index: 1; }\",\".framer-Egmvn .framer-8w5y40 { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Egmvn.framer-15sa78s { gap: 0px; } .framer-Egmvn.framer-15sa78s > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .framer-Egmvn.framer-15sa78s > :first-child { margin-left: 0px; } .framer-Egmvn.framer-15sa78s > :last-child { margin-right: 0px; } }\",'.framer-Egmvn[data-border=\"true\"]::after, .framer-Egmvn [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 29\n * @framerIntrinsicWidth 67\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"YGEBcQqf8\":{\"layout\":[\"auto\",\"auto\"]},\"JbBvzMmX6\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"FiVeSXIiK\":\"title\",\"YLzHQjUDv\":\"source\",\"kjM8hpR7b\":\"file\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerETyeTRby7=withCSS(Component,css,\"framer-Egmvn\");export default FramerETyeTRby7;FramerETyeTRby7.displayName=\"Button/Click Button\";FramerETyeTRby7.defaultProps={height:29,width:67};addPropertyControls(FramerETyeTRby7,{variant:{options:[\"DDc2MX6j6\",\"YGEBcQqf8\"],optionTitles:[\"soundClick\",\"soundClick - event\"],title:\"Variant\",type:ControlType.Enum},FiVeSXIiK:{defaultValue:\"Click \u266B\",displayTextArea:false,title:\"Title\",type:ControlType.String},YLzHQjUDv:(AudioControls===null||AudioControls===void 0?void 0:AudioControls[\"srcType\"])&&{...AudioControls[\"srcType\"],defaultValue:\"Upload\",description:undefined,hidden:undefined,title:\"Source\"},kjM8hpR7b:(AudioControls===null||AudioControls===void 0?void 0:AudioControls[\"srcFile\"])&&{...AudioControls[\"srcFile\"],__defaultAssetReference:\"data:framer/asset-reference,qbQFTGREV3YxaRkxsGdnowRcuo.mp4?originalFilename=interface-button-154180.mp4\",description:undefined,hidden:undefined,title:\"File\"}});addFonts(FramerETyeTRby7,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZ1rib2Bg-4.woff2\",weight:\"400\"}]},...AudioFonts,...NoiseFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerETyeTRby7\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"YGEBcQqf8\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"JbBvzMmX6\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"67\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"FiVeSXIiK\\\":\\\"title\\\",\\\"YLzHQjUDv\\\":\\\"source\\\",\\\"kjM8hpR7b\\\":\\\"file\\\"}\",\"framerIntrinsicHeight\":\"29\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ETyeTRby7.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */function SVG(props){const[customSvgElement,setCustomSvgElement]=useState(null);useEffect(()=>{const svgContent=props.customSvgCode;processCustomSVGContent(svgContent);});const processCustomSVGContent=svgContent=>{const replacements=[[/width=\"[^\"]*\"/,'width=\"100%\"'],[/height=\"[^\"]*\"/,'height=\"100%\"']];const hasCustomStroke=svgContent.includes('stroke=\"');const hasCustomStrokeWidth=svgContent.includes('stroke-width=\"');const hasLineCap=svgContent.includes('stroke-linecap=\"');const hasLineJoin=svgContent.includes('stroke-linejoin=\"');if(svgContent.includes(\"]*fill=\"([^\"]*)\"/;const match=svgContent.match(circleFillRegex);if(match){const updatedCircle=match[0].replace(match[1],props.customColor);svgContent=svgContent.replace(circleFillRegex,updatedCircle);}else{replacements.push([/{svgContent=svgContent.replace(regex,replacement);});setCustomSvgElement(svgContent);};const customContainerStyle={padding:`${props.customPadding}px`,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",overflow:\"visible\"};const accessibilityProps={role:\"img\",...props.title&&{\"aria-label\":props.title},...props.description&&{\"aria-description\":props.description}};return /*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:customSvgElement},style:customContainerStyle,...accessibilityProps});}SVG.displayName=\"SVG\";SVG.defaultProps={customSvgCode:` `,customColor:\"#ffffff\",customPadding:0,customStrokeWidth:2,lineCap:\"butt\",lineJoin:\"miter\",title:\"\",description:\"\"};addPropertyControls(SVG,{customSvgCode:{type:ControlType.String,title:\"SVG Code\",displayTextArea:false},customColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ffffff\"},customPadding:{type:ControlType.Number,title:\"Padding\",defaultValue:0,min:0,step:1,displayStepper:true},customStrokeWidth:{type:ControlType.Number,title:\"Stroke\",defaultValue:2,min:0,step:.1,displayStepper:true,hidden:props=>!props.customSvgCode.includes('stroke=\"')},lineCap:{type:ControlType.Enum,title:\"Line Cap\",options:[\"butt\",\"round\",\"square\"],optionTitles:[\"Butt\",\"Round\",\"Square\"],defaultValue:\"butt\",hidden:props=>!props.customSvgCode.includes('stroke=\"')},lineJoin:{type:ControlType.Enum,title:\"Line Join\",options:[\"round\",\"miter\",\"bevel\"],optionTitles:[\"Round\",\"Miter\",\"Bevel\"],defaultValue:\"miter\",hidden:props=>!props.customSvgCode.includes('stroke=\"')},title:{type:ControlType.String,title:\"Title\",defaultValue:\"\",placeholder:\"Icon name...\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"\",placeholder:\"Icon purpose...\",description:\"More components at [Framer University](https://frameruni.link/cc).\"}});export default SVG;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVG\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Prod.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import SVG from\"https://framerusercontent.com/modules/I1DC9cTt2FcHsDUAaRxW/6iIIX4SzvuX6GX8XtSv5/SVG_Prod.js\";const SVGFonts=getFonts(SVG);const enabledGestures={dbPkBUlaI:{hover:true},XOlGIzI5g:{hover:true}};const cycleOrder=[\"dbPkBUlaI\",\"XOlGIzI5g\"];const serializationHash=\"framer-OrUYz\";const variantClassNames={dbPkBUlaI:\"framer-v-mxmly5\",XOlGIzI5g:\"framer-v-z1j43\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:800,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Dark Mode\":\"dbPkBUlaI\",\"Light Mode\":\"XOlGIzI5g\"};const getProps=({darkButton,darkIcon,darkText,height,id,lightButton,lightIcon,lightText,starIcon,title,width,...props})=>{var _ref,_ref1,_ref2,_ref3,_ref4,_humanReadableVariantMap_props_variant,_ref5,_ref6,_ref7,_ref8;return{...props,AwLVtbPDc:(_ref=lightText!==null&&lightText!==void 0?lightText:props.AwLVtbPDc)!==null&&_ref!==void 0?_ref:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",BSOUUvg2I:(_ref1=darkButton!==null&&darkButton!==void 0?darkButton:props.BSOUUvg2I)!==null&&_ref1!==void 0?_ref1:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",kc3TEh2D5:(_ref2=title!==null&&title!==void 0?title:props.kc3TEh2D5)!==null&&_ref2!==void 0?_ref2:\"Get started\",OZOAUcesg:(_ref3=darkIcon!==null&&darkIcon!==void 0?darkIcon:props.OZOAUcesg)!==null&&_ref3!==void 0?_ref3:\"rgb(255, 255, 255)\",Q8bxkK_Tn:(_ref4=lightIcon!==null&&lightIcon!==void 0?lightIcon:props.Q8bxkK_Tn)!==null&&_ref4!==void 0?_ref4:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",variant:(_ref5=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref5!==void 0?_ref5:\"dbPkBUlaI\",vzCC4h5Mr:(_ref6=lightButton!==null&&lightButton!==void 0?lightButton:props.vzCC4h5Mr)!==null&&_ref6!==void 0?_ref6:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",wuah86xnK:(_ref7=darkText!==null&&darkText!==void 0?darkText:props.wuah86xnK)!==null&&_ref7!==void 0?_ref7:\"rgb(255, 255, 255)\",ZT_RE8uZX:(_ref8=starIcon!==null&&starIcon!==void 0?starIcon:props.ZT_RE8uZX)!==null&&_ref8!==void 0?_ref8:' '};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,kc3TEh2D5,ZT_RE8uZX,BSOUUvg2I,vzCC4h5Mr,wuah86xnK,AwLVtbPDc,OZOAUcesg,Q8bxkK_Tn,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"dbPkBUlaI\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-mxmly5\",className,classNames),\"data-framer-name\":\"Dark Mode\",layoutDependency:layoutDependency,layoutId:\"dbPkBUlaI\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({\"dbPkBUlaI-hover\":{\"data-framer-name\":undefined},\"XOlGIzI5g-hover\":{\"data-framer-name\":undefined},XOlGIzI5g:{\"data-framer-name\":\"Light Mode\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-uf1wpn\",\"data-border\":true,\"data-framer-name\":\"Shadow\",layoutDependency:layoutDependency,layoutId:\"z4QHZkRxU\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:BSOUUvg2I,borderBottomLeftRadius:395,borderBottomRightRadius:395,borderTopLeftRadius:395,borderTopRightRadius:395,rotate:0},variants:{\"dbPkBUlaI-hover\":{rotate:-4},\"XOlGIzI5g-hover\":{rotate:-4},XOlGIzI5g:{\"--border-color\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",backgroundColor:vzCC4h5Mr}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-9iq0x3\",\"data-border\":true,\"data-framer-name\":\"Base\",layoutDependency:layoutDependency,layoutId:\"lFn1ZeRLV\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:BSOUUvg2I,borderBottomLeftRadius:395,borderBottomRightRadius:395,borderTopLeftRadius:395,borderTopRightRadius:395,rotate:0},variants:{\"dbPkBUlaI-hover\":{rotate:-4},\"XOlGIzI5g-hover\":{rotate:-4},XOlGIzI5g:{\"--border-color\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",backgroundColor:vzCC4h5Mr}}}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wf9zwq\",\"data-framer-name\":\"Shine\",layoutDependency:layoutDependency,layoutId:\"BTegCylRi\",style:{backgroundColor:BSOUUvg2I,borderBottomLeftRadius:398,borderBottomRightRadius:398,borderTopLeftRadius:398,borderTopRightRadius:398,rotate:0},variants:{\"dbPkBUlaI-hover\":{rotate:-4},\"XOlGIzI5g-hover\":{rotate:-4},XOlGIzI5g:{backgroundColor:vzCC4h5Mr}},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-cp0oo3\",\"data-framer-name\":\"2\",layoutDependency:layoutDependency,layoutId:\"QX86xYsrp\",style:{backgroundColor:\"rgb(255, 255, 255)\",opacity:1,rotate:343},variants:{XOlGIzI5g:{backgroundColor:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",opacity:.5}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1dtwpgz\",\"data-framer-name\":\"1\",layoutDependency:layoutDependency,layoutId:\"eqYMdS4Pg\",style:{backgroundColor:\"rgb(255, 255, 255)\",opacity:1,rotate:343},variants:{XOlGIzI5g:{backgroundColor:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",opacity:.5}}})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7Q2xhc2ggRGlzcGxheS1tZWRpdW0=\",\"--framer-font-family\":'\"Clash Display\", \"Clash Display Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-wuah86xnK-FDiS33Q0r))\"},children:\"Get started\"})}),className:\"framer-18sja11\",fonts:[\"FS;Clash Display-medium\"],layoutDependency:layoutDependency,layoutId:\"ue8ifE6o4\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-wuah86xnK-FDiS33Q0r)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-AwLVtbPDc-FDiS33Q0r\":AwLVtbPDc,\"--variable-reference-wuah86xnK-FDiS33Q0r\":wuah86xnK,rotate:0},text:kc3TEh2D5,transformTemplate:transformTemplate1,variants:{\"dbPkBUlaI-hover\":{rotate:-4},\"XOlGIzI5g-hover\":{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",rotate:-4},XOlGIzI5g:{\"--extracted-r6o4lv\":\"var(--variable-reference-AwLVtbPDc-FDiS33Q0r)\",\"--variable-reference-AwLVtbPDc-FDiS33Q0r\":AwLVtbPDc}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"dbPkBUlaI-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7Q2xhc2ggRGlzcGxheS1tZWRpdW0=\",\"--framer-font-family\":'\"Clash Display\", \"Clash Display Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-wuah86xnK-FDiS33Q0r))\"},children:\"Get started\"})})},\"XOlGIzI5g-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7Q2xhc2ggRGlzcGxheS1tZWRpdW0=\",\"--framer-font-family\":'\"Clash Display\", \"Clash Display Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Get started\"})})},XOlGIzI5g:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7Q2xhc2ggRGlzcGxheS1tZWRpdW0=\",\"--framer-font-family\":'\"Clash Display\", \"Clash Display Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-AwLVtbPDc-FDiS33Q0r))\"},children:\"Get started\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7Q2xhc2ggRGlzcGxheS1tZWRpdW0=\",\"--framer-font-family\":'\"Clash Display\", \"Clash Display Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started\"})}),className:\"framer-1ar30ig\",\"data-framer-name\":\"Helper\",fonts:[\"FS;Clash Display-medium\"],layoutDependency:layoutDependency,layoutId:\"Xhf2jvP8B\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",opacity:0},text:kc3TEh2D5,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-l3s0o9\",\"data-framer-name\":\"Stars\",layoutDependency:layoutDependency,layoutId:\"nBgll5IGu\",style:{opacity:0,rotate:0},variants:{\"dbPkBUlaI-hover\":{opacity:1,rotate:-4},\"XOlGIzI5g-hover\":{opacity:1,rotate:-4}},children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-e3frv7-container\",layoutDependency:layoutDependency,layoutId:\"f2edT8MK0-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"f2edT8MK0\",layoutId:\"f2edT8MK0\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-c39g90-container\",layoutDependency:layoutDependency,layoutId:\"U1ehblEcM-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"U1ehblEcM\",layoutId:\"U1ehblEcM\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-11ocnmu-container\",layoutDependency:layoutDependency,layoutId:\"NdyDnip7t-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"NdyDnip7t\",layoutId:\"NdyDnip7t\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-15okziv-container\",layoutDependency:layoutDependency,layoutId:\"LTRcTzsKr-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"LTRcTzsKr\",layoutId:\"LTRcTzsKr\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1e2h43n-container\",layoutDependency:layoutDependency,layoutId:\"c7m97Wq_r-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"c7m97Wq_r\",layoutId:\"c7m97Wq_r\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-xef3fq-container\",layoutDependency:layoutDependency,layoutId:\"kjLykGFOR-container\",children:/*#__PURE__*/_jsx(SVG,{customColor:OZOAUcesg,customPadding:0,customStrokeWidth:2,customSvgCode:ZT_RE8uZX,description:\"\",height:\"100%\",id:\"kjLykGFOR\",layoutId:\"kjLykGFOR\",lineCap:\"butt\",lineJoin:\"miter\",style:{height:\"100%\",width:\"100%\"},title:\"\",width:\"100%\",...addPropertyOverrides({XOlGIzI5g:{customColor:Q8bxkK_Tn}},baseVariant,gestureVariant)})})})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-OrUYz.framer-19kq3u5, .framer-OrUYz .framer-19kq3u5 { display: block; }\",\".framer-OrUYz.framer-mxmly5 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 48px; justify-content: center; overflow: visible; padding: 0px 24px 0px 24px; position: relative; width: min-content; }\",\".framer-OrUYz .framer-uf1wpn, .framer-OrUYz .framer-9iq0x3 { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-OrUYz .framer-1wf9zwq { bottom: 1px; flex: none; left: 1px; overflow: hidden; position: absolute; right: 1px; top: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-OrUYz .framer-cp0oo3 { bottom: -11px; flex: none; left: -21px; overflow: hidden; position: absolute; top: -14px; width: 2px; }\",\".framer-OrUYz .framer-1dtwpgz { bottom: -11px; flex: none; left: -30px; overflow: hidden; position: absolute; top: -13px; width: 6px; }\",\".framer-OrUYz .framer-18sja11 { -webkit-user-select: none; flex: none; height: auto; left: 50%; position: absolute; top: 50%; user-select: none; white-space: pre; width: auto; z-index: 1; }\",\".framer-OrUYz .framer-1ar30ig { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-OrUYz .framer-l3s0o9 { flex: none; height: 47px; left: calc(50.00000000000002% - 62px / 2); overflow: hidden; pointer-events: none; position: absolute; top: calc(50.00000000000002% - 47px / 2); width: 62px; }\",\".framer-OrUYz .framer-e3frv7-container { flex: none; height: 16px; left: calc(74.1935483870968% - 16px / 2); position: absolute; top: calc(27.65957446808513% - 16px / 2); width: 16px; z-index: 1; }\",\".framer-OrUYz .framer-c39g90-container { flex: none; height: 10px; left: calc(46.77419354838712% - 10px / 2); position: absolute; top: calc(19.14893617021279% - 10px / 2); width: 10px; z-index: 1; }\",\".framer-OrUYz .framer-11ocnmu-container { flex: none; height: 6px; left: calc(8.06451612903228% - 6px / 2); position: absolute; top: calc(29.787234042553212% - 6px / 2); width: 6px; z-index: 1; }\",\".framer-OrUYz .framer-15okziv-container { flex: none; height: 14px; left: calc(17.74193548387099% - 14px / 2); position: absolute; top: calc(68.08510638297875% - 14px / 2); width: 14px; z-index: 1; }\",\".framer-OrUYz .framer-1e2h43n-container { flex: none; height: 6px; left: calc(53.225806451612925% - 6px / 2); position: absolute; top: calc(80.85106382978725% - 6px / 2); width: 6px; z-index: 1; }\",\".framer-OrUYz .framer-xef3fq-container { flex: none; height: 24px; left: calc(85.48387096774196% - 24px / 2); position: absolute; top: calc(63.82978723404258% - 24px / 2); width: 24px; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-OrUYz.framer-mxmly5 { gap: 0px; } .framer-OrUYz.framer-mxmly5 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-OrUYz.framer-mxmly5 > :first-child { margin-top: 0px; } .framer-OrUYz.framer-mxmly5 > :last-child { margin-bottom: 0px; } }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-uf1wpn { bottom: -9px; left: -14px; right: -2px; top: 3px; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-9iq0x3 { bottom: -3px; left: -8px; right: -8px; top: -3px; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-1wf9zwq { bottom: -2px; left: -7px; right: -7px; top: -2px; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-cp0oo3 { bottom: -11px; left: unset; right: -27px; top: -14px; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-1dtwpgz { bottom: -11px; left: unset; right: -23px; top: -13px; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-18sja11, .framer-OrUYz.framer-v-z1j43.hover .framer-18sja11 { top: 48%; }\",\".framer-OrUYz.framer-v-mxmly5.hover .framer-l3s0o9, .framer-OrUYz.framer-v-z1j43.hover .framer-l3s0o9 { bottom: -44px; height: unset; left: -22px; right: -21px; top: -44px; width: unset; }\",\".framer-OrUYz.framer-v-z1j43.hover .framer-uf1wpn { bottom: -9px; left: -14px; right: -4px; top: 2px; }\",\".framer-OrUYz.framer-v-z1j43.hover .framer-9iq0x3 { bottom: -3px; left: -9px; right: -9px; top: -3px; }\",\".framer-OrUYz.framer-v-z1j43.hover .framer-1wf9zwq { bottom: -2px; left: -8px; right: -8px; top: -2px; }\",\".framer-OrUYz.framer-v-z1j43.hover .framer-cp0oo3 { bottom: -11px; left: unset; right: -33px; top: -14px; }\",\".framer-OrUYz.framer-v-z1j43.hover .framer-1dtwpgz { bottom: -11px; left: unset; right: -29px; top: -13px; }\",'.framer-OrUYz[data-border=\"true\"]::after, .framer-OrUYz [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 48\n * @framerIntrinsicWidth 136\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"XOlGIzI5g\":{\"layout\":[\"auto\",\"fixed\"]},\"GxIjdR9dq\":{\"layout\":[\"auto\",\"fixed\"]},\"fOmPyOEa6\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"kc3TEh2D5\":\"title\",\"ZT_RE8uZX\":\"starIcon\",\"BSOUUvg2I\":\"darkButton\",\"vzCC4h5Mr\":\"lightButton\",\"wuah86xnK\":\"darkText\",\"AwLVtbPDc\":\"lightText\",\"OZOAUcesg\":\"darkIcon\",\"Q8bxkK_Tn\":\"lightIcon\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerFDiS33Q0r=withCSS(Component,css,\"framer-OrUYz\");export default FramerFDiS33Q0r;FramerFDiS33Q0r.displayName=\"Button/3D-Button\";FramerFDiS33Q0r.defaultProps={height:48,width:136};addPropertyControls(FramerFDiS33Q0r,{variant:{options:[\"dbPkBUlaI\",\"XOlGIzI5g\"],optionTitles:[\"Dark Mode\",\"Light Mode\"],title:\"Variant\",type:ControlType.Enum},kc3TEh2D5:{defaultValue:\"Get started\",displayTextArea:false,title:\"Title\",type:ControlType.String},ZT_RE8uZX:{defaultValue:' ',displayTextArea:false,title:\"Star Icon\",type:ControlType.String},BSOUUvg2I:{defaultValue:'var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */',title:\"Dark Button\",type:ControlType.Color},vzCC4h5Mr:{defaultValue:'var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */',title:\"Light Button\",type:ControlType.Color},wuah86xnK:{defaultValue:\"rgb(255, 255, 255)\",title:\"Dark Text\",type:ControlType.Color},AwLVtbPDc:{defaultValue:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",title:\"Light Text\",type:ControlType.Color},OZOAUcesg:{defaultValue:\"rgb(255, 255, 255)\",title:\"Dark Icon\",type:ControlType.Color},Q8bxkK_Tn:{defaultValue:'var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */',title:\"Light Icon\",type:ControlType.Color}});addFonts(FramerFDiS33Q0r,[{explicitInter:true,fonts:[{family:\"Clash Display\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/2GQIT54GKQY3JRFTSHS4ARTRNRQISSAA/3CIP5EBHRRHE5FVQU3VFROPUERNDSTDF/JTSL5QESUXATU47LCPUNHZQBDDIWDOSW.woff2\",weight:\"500\"}]},...SVGFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFDiS33Q0r\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"kc3TEh2D5\\\":\\\"title\\\",\\\"ZT_RE8uZX\\\":\\\"starIcon\\\",\\\"BSOUUvg2I\\\":\\\"darkButton\\\",\\\"vzCC4h5Mr\\\":\\\"lightButton\\\",\\\"wuah86xnK\\\":\\\"darkText\\\",\\\"AwLVtbPDc\\\":\\\"lightText\\\",\\\"OZOAUcesg\\\":\\\"darkIcon\\\",\\\"Q8bxkK_Tn\\\":\\\"lightIcon\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"136\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"XOlGIzI5g\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"GxIjdR9dq\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"fOmPyOEa6\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicHeight\":\"48\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FDiS33Q0r.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={dQ9fM9Ney:{hover:true},Efqtqglrp:{hover:true},hRUhMCltg:{hover:true},qvKlhrTO6:{hover:true}};const cycleOrder=[\"Efqtqglrp\",\"dQ9fM9Ney\",\"qvKlhrTO6\",\"hRUhMCltg\"];const serializationHash=\"framer-iBroJ\";const variantClassNames={dQ9fM9Ney:\"framer-v-6pp1v3\",Efqtqglrp:\"framer-v-bhduoe\",hRUhMCltg:\"framer-v-1q0sb1j\",qvKlhrTO6:\"framer-v-19rr7eg\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Dark (Only Text)\":\"qvKlhrTO6\",\"Light (Only Text)\":\"hRUhMCltg\",Dark:\"Efqtqglrp\",Light:\"dQ9fM9Ney\"};const getProps=({height,id,label,link,newTab,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref,_ref1;return{...props,ac4JHN6Mf:link!==null&&link!==void 0?link:props.ac4JHN6Mf,FXv52DSLw:newTab!==null&&newTab!==void 0?newTab:props.FXv52DSLw,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"Efqtqglrp\",Xg1a7VaWe:(_ref1=label!==null&&label!==void 0?label:props.Xg1a7VaWe)!==null&&_ref1!==void 0?_ref1:\"Get started\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,Xg1a7VaWe,ac4JHN6Mf,FXv52DSLw,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Efqtqglrp\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:ac4JHN6Mf,openInNewTab:FXv52DSLw,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-bhduoe\",className,classNames)} framer-234qx4`,\"data-framer-name\":\"Dark\",layoutDependency:layoutDependency,layoutId:\"Efqtqglrp\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,...style},...addPropertyOverrides({\"dQ9fM9Ney-hover\":{\"data-framer-name\":undefined},\"Efqtqglrp-hover\":{\"data-framer-name\":undefined},\"hRUhMCltg-hover\":{\"data-framer-name\":undefined},\"qvKlhrTO6-hover\":{\"data-framer-name\":undefined},dQ9fM9Ney:{\"data-framer-name\":\"Light\"},hRUhMCltg:{\"data-framer-name\":\"Light (Only Text)\"},qvKlhrTO6:{\"data-framer-name\":\"Dark (Only Text)\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-b9tyjd\",\"data-framer-name\":\"BG\",layoutDependency:layoutDependency,layoutId:\"va_f0G0d3\",style:{backgroundColor:\"var(--token-965e5c17-6359-41cc-bd03-2fa4898e2c2b, rgb(34, 36, 38))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100},variants:{dQ9fM9Ney:{backgroundColor:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\"},hRUhMCltg:{backgroundColor:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\"}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Get started\"})}),className:\"framer-1brpgvt\",\"data-framer-name\":\"Label\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"SjKUQDIsy\",style:{\"--extracted-r6o4lv\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:Xg1a7VaWe,variants:{\"dQ9fM9Ney-hover\":{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\"},\"Efqtqglrp-hover\":{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\"},\"hRUhMCltg-hover\":{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\"},\"qvKlhrTO6-hover\":{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\"},dQ9fM9Ney:{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"},hRUhMCltg:{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"dQ9fM9Ney-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"Get started\"})}),transformTemplate:transformTemplate1},\"Efqtqglrp-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"Get started\"})}),transformTemplate:transformTemplate1},\"hRUhMCltg-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"Get started\"})}),transformTemplate:transformTemplate1},\"qvKlhrTO6-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"Get started\"})}),transformTemplate:transformTemplate1},dQ9fM9Ney:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Get started\"})})},hRUhMCltg:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Get started\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-11ijjjb\",\"data-framer-name\":\"Another one\",layoutDependency:layoutDependency,layoutId:\"rq8WxLzra\",style:{backgroundColor:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100},variants:{dQ9fM9Ney:{backgroundColor:\"var(--token-965e5c17-6359-41cc-bd03-2fa4898e2c2b, rgb(34, 36, 38))\"},hRUhMCltg:{backgroundColor:\"var(--token-965e5c17-6359-41cc-bd03-2fa4898e2c2b, rgb(34, 36, 38))\"}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165)))\"},children:\"Get started\"})}),className:\"framer-17prc39\",\"data-framer-name\":\"Label\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"EurdbcLe8\",style:{\"--extracted-r6o4lv\":\"var(--token-84002464-baa0-40a1-a1a1-82899aec539a, rgb(155, 161, 165))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:Xg1a7VaWe,transformTemplate:transformTemplate1,variants:{\"dQ9fM9Ney-hover\":{\"--extracted-r6o4lv\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\"},\"Efqtqglrp-hover\":{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"},\"hRUhMCltg-hover\":{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\"},\"qvKlhrTO6-hover\":{\"--extracted-r6o4lv\":\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"dQ9fM9Ney-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Get started\"})}),transformTemplate:undefined},\"Efqtqglrp-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Get started\"})}),transformTemplate:undefined},\"hRUhMCltg-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Get started\"})}),transformTemplate:undefined},\"qvKlhrTO6-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)))\"},children:\"Get started\"})}),transformTemplate:undefined}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-iBroJ.framer-234qx4, .framer-iBroJ .framer-234qx4 { display: block; }\",\".framer-iBroJ.framer-bhduoe { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 44px; justify-content: center; overflow: hidden; padding: 0px 24px 0px 24px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-iBroJ .framer-b9tyjd { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-iBroJ .framer-1brpgvt { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-iBroJ .framer-11ijjjb { bottom: -45px; flex: none; height: 45px; left: -1px; overflow: hidden; position: absolute; right: -1px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-iBroJ .framer-17prc39 { -webkit-user-select: none; bottom: -32px; flex: none; height: auto; left: 49%; position: absolute; user-select: none; white-space: pre; width: auto; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-iBroJ.framer-bhduoe { gap: 0px; } .framer-iBroJ.framer-bhduoe > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-iBroJ.framer-bhduoe > :first-child { margin-top: 0px; } .framer-iBroJ.framer-bhduoe > :last-child { margin-bottom: 0px; } }\",\".framer-iBroJ.framer-v-bhduoe.hover .framer-1brpgvt { left: 50%; position: absolute; top: -32px; z-index: 1; }\",\".framer-iBroJ.framer-v-bhduoe.hover .framer-11ijjjb, .framer-iBroJ.framer-v-6pp1v3.hover .framer-11ijjjb { bottom: -1px; height: unset; top: -1px; }\",\".framer-iBroJ.framer-v-bhduoe.hover .framer-17prc39, .framer-iBroJ.framer-v-6pp1v3.hover .framer-17prc39, .framer-iBroJ.framer-v-19rr7eg.hover .framer-17prc39, .framer-iBroJ.framer-v-1q0sb1j.hover .framer-17prc39 { bottom: unset; left: unset; position: relative; }\",\".framer-iBroJ.framer-v-6pp1v3.hover .framer-1brpgvt, .framer-iBroJ.framer-v-19rr7eg.hover .framer-1brpgvt, .framer-iBroJ.framer-v-1q0sb1j.hover .framer-1brpgvt { left: 49%; position: absolute; top: -32px; z-index: 1; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 133\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"dQ9fM9Ney\":{\"layout\":[\"auto\",\"fixed\"]},\"qvKlhrTO6\":{\"layout\":[\"auto\",\"fixed\"]},\"hRUhMCltg\":{\"layout\":[\"auto\",\"fixed\"]},\"k9uGhoYzM\":{\"layout\":[\"auto\",\"fixed\"]},\"RMU42wQYr\":{\"layout\":[\"auto\",\"fixed\"]},\"eit4snkAh\":{\"layout\":[\"auto\",\"fixed\"]},\"RZWgPp3bw\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"Xg1a7VaWe\":\"label\",\"ac4JHN6Mf\":\"link\",\"FXv52DSLw\":\"newTab\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerFHlNw0B3v=withCSS(Component,css,\"framer-iBroJ\");export default FramerFHlNw0B3v;FramerFHlNw0B3v.displayName=\"Button/Sliding\";FramerFHlNw0B3v.defaultProps={height:44,width:133};addPropertyControls(FramerFHlNw0B3v,{variant:{options:[\"Efqtqglrp\",\"dQ9fM9Ney\",\"qvKlhrTO6\",\"hRUhMCltg\"],optionTitles:[\"Dark\",\"Light\",\"Dark (Only Text)\",\"Light (Only Text)\"],title:\"Variant\",type:ControlType.Enum},Xg1a7VaWe:{defaultValue:\"Get started\",displayTextArea:false,title:\"Label\",type:ControlType.String},ac4JHN6Mf:{title:\"Link\",type:ControlType.Link},FXv52DSLw:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean}});addFonts(FramerFHlNw0B3v,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://app.framerstatic.com/Inter-Medium.cyrillic-ext-M4WHNGTS.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://app.framerstatic.com/Inter-Medium.cyrillic-JVU2PANX.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://app.framerstatic.com/Inter-Medium.greek-ext-4KCQBEIZ.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://app.framerstatic.com/Inter-Medium.greek-DPOQGN7L.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-Medium.latin-ext-J4DBSW7F.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://app.framerstatic.com/Inter-Medium.latin-Y3IVPL46.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-Medium.vietnamese-PJV76O4P.woff2\",weight:\"500\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFHlNw0B3v\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"Xg1a7VaWe\\\":\\\"label\\\",\\\"ac4JHN6Mf\\\":\\\"link\\\",\\\"FXv52DSLw\\\":\\\"newTab\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"dQ9fM9Ney\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"qvKlhrTO6\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"hRUhMCltg\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"k9uGhoYzM\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"RMU42wQYr\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"eit4snkAh\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"RZWgPp3bw\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"133\",\"framerIntrinsicHeight\":\"44\",\"framerDisplayContentsDiv\":\"false\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FHlNw0B3v.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Noise from\"https://framerusercontent.com/modules/bamMgJhjMszHbcnxCtZj/20nHFbpxFqdlchR1dDZF/Noise.js\";const NoiseFonts=getFonts(Noise);const enabledGestures={Nye8TLsWC:{pressed:true},qn804ZTlH:{pressed:true},w4MGhEPsq:{pressed:true}};const cycleOrder=[\"qn804ZTlH\",\"w4MGhEPsq\",\"Nye8TLsWC\"];const serializationHash=\"framer-NxT1i\";const variantClassNames={Nye8TLsWC:\"framer-v-ciogz\",qn804ZTlH:\"framer-v-7j73hd\",w4MGhEPsq:\"framer-v-p70921\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.1,ease:[.12,.23,.5,1],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={Black:\"w4MGhEPsq\",Orange:\"qn804ZTlH\",White:\"Nye8TLsWC\"};const getProps=({height,id,link,newTab,smoothScroll,title,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,abHkkZurn:link!==null&&link!==void 0?link:props.abHkkZurn,DfNFGrITs:smoothScroll!==null&&smoothScroll!==void 0?smoothScroll:props.DfNFGrITs,mulYmLFRQ:(_ref=title!==null&&title!==void 0?title:props.mulYmLFRQ)!==null&&_ref!==void 0?_ref:\"Record\",Ou3vS0QdF:newTab!==null&&newTab!==void 0?newTab:props.Ou3vS0QdF,variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"qn804ZTlH\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,mulYmLFRQ,abHkkZurn,Ou3vS0QdF,DfNFGrITs,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"qn804ZTlH\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:abHkkZurn,openInNewTab:Ou3vS0QdF,smoothScroll:DfNFGrITs,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-7j73hd\",className,classNames)} framer-g8p3gw`,\"data-framer-name\":\"Orange\",layoutDependency:layoutDependency,layoutId:\"qn804ZTlH\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",borderBottomLeftRadius:2,borderBottomRightRadius:2,borderTopLeftRadius:2,borderTopRightRadius:2,boxShadow:\"1px 1px 2px 0px rgb(255, 255, 255)\",...style},...addPropertyOverrides({\"Nye8TLsWC-pressed\":{\"data-framer-name\":undefined},\"qn804ZTlH-pressed\":{\"data-framer-name\":undefined},\"w4MGhEPsq-pressed\":{\"data-framer-name\":undefined},Nye8TLsWC:{\"data-framer-name\":\"White\"},w4MGhEPsq:{\"data-framer-name\":\"Black\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1darurk-container\",layoutDependency:layoutDependency,layoutId:\"UhhD2uTEc-container\",style:{opacity:.5},children:/*#__PURE__*/_jsx(Noise,{backgroundSize:150,borderRadius:0,height:\"100%\",id:\"UhhD2uTEc\",layoutId:\"UhhD2uTEc\",opacity:.1,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1b6bywq\",\"data-border\":true,\"data-framer-name\":\"Color Bounce\",layoutDependency:layoutDependency,layoutId:\"FQa5qY0Tq\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(247, 99, 45)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:2,borderBottomRightRadius:2,borderTopLeftRadius:2,borderTopRightRadius:2,filter:\"blur(2px)\",WebkitFilter:\"blur(2px)\"},variants:{Nye8TLsWC:{\"--border-color\":\"rgb(219, 215, 209)\"},w4MGhEPsq:{\"--border-color\":\"rgb(49, 49, 49)\"}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-kqenbo\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"sfUyjyyCN\",style:{background:\"linear-gradient(117deg, rgb(247, 99, 45) 0%, rgb(243, 95, 28) 100%)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,boxShadow:\"inset 1px 1px 2px 0px rgb(255, 191, 143), inset -1px -1px 2px 0px rgba(0, 0, 0, 0.4), 0.5335007174120983px 0.5335007174120983px 1.3580711101799376px -0.75px rgba(38, 14, 4, 0.73518), 1.4528641287790378px 1.4528641287790378px 3.6983882793684346px -1.5px rgba(38, 14, 4, 0.70964), 3.189963788396563px 3.189963788396563px 8.120322095453057px -2.25px rgba(38, 14, 4, 0.66139), 7.0809912605508005px 7.0809912605508005px 18.02526097628934px -3px rgba(38, 14, 4, 0.55331), 18px 18px 45.820519420888274px -3.75px rgba(38, 14, 4, 0.25)\"},variants:{\"Nye8TLsWC-pressed\":{boxShadow:\"inset 1px 1px 2px 0px rgba(255, 191, 143, 0), inset -1px -1px 2px 0px rgba(0, 0, 0, 0), 0.24087492070975713px 0.24087492070975713px 0.47690801158459534px 0px rgba(38, 14, 4, 0), 0.9154133212973828px 0.9154133212973828px 1.8124259078180616px 0px rgba(38, 14, 4, 0), 4px 4px 7.919595949289331px 0px rgba(38, 14, 4, 0), inset 0px 0px 4px 0px rgb(0, 0, 0)\"},\"qn804ZTlH-pressed\":{boxShadow:\"inset 1px 1px 2px 0px rgba(255, 191, 143, 0), inset -1px -1px 2px 0px rgba(0, 0, 0, 0), 0.24087492070975713px 0.24087492070975713px 0.47690801158459534px 0px rgba(38, 14, 4, 0), 0.9154133212973828px 0.9154133212973828px 1.8124259078180616px 0px rgba(38, 14, 4, 0), 4px 4px 7.919595949289331px 0px rgba(38, 14, 4, 0), inset 0px 0px 4px 0px rgb(0, 0, 0)\"},\"w4MGhEPsq-pressed\":{boxShadow:\"inset 1px 1px 2px 0px rgba(255, 191, 143, 0), inset -1px -1px 2px 0px rgba(0, 0, 0, 0), 0.24087492070975713px 0.24087492070975713px 0.47690801158459534px 0px rgba(38, 14, 4, 0), 0.9154133212973828px 0.9154133212973828px 1.8124259078180616px 0px rgba(38, 14, 4, 0), 4px 4px 7.919595949289331px 0px rgba(38, 14, 4, 0), inset 0px 0px 4px 0px rgb(0, 0, 0)\"},Nye8TLsWC:{background:\"linear-gradient(117deg, rgb(227, 226, 218) 0%, rgb(222, 216, 213) 100%)\",boxShadow:\"inset 1px 1px 2px 0px rgb(255, 255, 255), inset -1px -1px 2px 0px rgba(0, 0, 0, 0.53), 0.5335007174120983px 0.5335007174120983px 1.3580711101799376px -0.75px rgba(0, 0, 0, 0.73518), 1.4528641287790378px 1.4528641287790378px 3.6983882793684346px -1.5px rgba(0, 0, 0, 0.70964), 3.189963788396563px 3.189963788396563px 8.120322095453057px -2.25px rgba(0, 0, 0, 0.66139), 7.0809912605508005px 7.0809912605508005px 18.02526097628934px -3px rgba(0, 0, 0, 0.55331), 18px 18px 45.820519420888274px -3.75px rgba(0, 0, 0, 0.25)\"},w4MGhEPsq:{background:\"linear-gradient(117deg, rgb(52, 56, 53) 0%, rgb(49, 49, 49) 100%)\",boxShadow:\"inset 1px 1px 2px 0px rgba(255, 255, 255, 0.65), inset -1px -1px 2px 0px rgba(0, 0, 0, 0.8), 0.5335007174120983px 0.5335007174120983px 1.3580711101799376px -0.75px rgba(0, 0, 0, 0.73518), 1.4528641287790378px 1.4528641287790378px 3.6983882793684346px -1.5px rgba(0, 0, 0, 0.70964), 3.189963788396563px 3.189963788396563px 8.120322095453057px -2.25px rgba(0, 0, 0, 0.66139), 7.0809912605508005px 7.0809912605508005px 18.02526097628934px -3px rgba(0, 0, 0, 0.55331), 18px 18px 45.820519420888274px -3.75px rgba(0, 0, 0, 0.25)\"}},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-letter-spacing\":\"0.03em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Record\"})}),className:\"framer-uy7wzy\",fonts:[\"CUSTOM;Technotype34_EP_series_21 nov Regular\"],layoutDependency:layoutDependency,layoutId:\"DLVe3PoYs\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",textShadow:\"0px -1px 1px rgba(0, 0, 0, 0.15)\"},text:mulYmLFRQ,variants:{Nye8TLsWC:{textShadow:\"0px -1px 1px rgba(255, 255, 255, 0.45)\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"Nye8TLsWC-pressed\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-font-size\":\"15px\",\"--framer-letter-spacing\":\"0.03em\"},children:\"Record\"})})},\"qn804ZTlH-pressed\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-font-size\":\"15px\",\"--framer-letter-spacing\":\"0.03em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Record\"})})},\"w4MGhEPsq-pressed\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-font-size\":\"15px\",\"--framer-letter-spacing\":\"0.03em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Record\"})})},Nye8TLsWC:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-letter-spacing\":\"0.03em\"},children:\"Record\"})})}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-33957n\",\"data-framer-name\":\"Helper\",layoutDependency:layoutDependency,layoutId:\"b8vZyEGWL\",style:{borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,opacity:0},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1RlY2hub3R5cGUzNF9FUF9zZXJpZXNfMjEgbm92IFJlZ3VsYXI=\",\"--framer-font-family\":'\"Technotype34_EP_series_21 nov Regular\", \"Technotype34_EP_series_21 nov Regular Placeholder\", sans-serif',\"--framer-letter-spacing\":\"0.03em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Record\"})}),className:\"framer-11u0rz8\",fonts:[\"CUSTOM;Technotype34_EP_series_21 nov Regular\"],layoutDependency:layoutDependency,layoutId:\"Wb6qUkbd0\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",textShadow:\"0px -1px 1px rgba(0, 0, 0, 0.15)\"},text:mulYmLFRQ,verticalAlignment:\"top\",withExternalLayout:true})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-NxT1i.framer-g8p3gw, .framer-NxT1i .framer-g8p3gw { display: block; }\",\".framer-NxT1i.framer-7j73hd { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 3px 3px 3px 3px; position: relative; text-decoration: none; width: min-content; }\",\".framer-NxT1i .framer-1darurk-container { bottom: 0px; flex: none; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 2; }\",\".framer-NxT1i .framer-1b6bywq { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-NxT1i .framer-kqenbo { align-content: center; align-items: center; bottom: 3px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; left: 3px; overflow: hidden; padding: 12px 15px 9px 15px; position: absolute; right: 3px; top: 3px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-NxT1i .framer-uy7wzy, .framer-NxT1i .framer-11u0rz8 { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-NxT1i .framer-33957n { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 12px 15px 9px 15px; pointer-events: none; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-NxT1i.framer-7j73hd, .framer-NxT1i .framer-kqenbo, .framer-NxT1i .framer-33957n { gap: 0px; } .framer-NxT1i.framer-7j73hd > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-NxT1i.framer-7j73hd > :first-child { margin-top: 0px; } .framer-NxT1i.framer-7j73hd > :last-child { margin-bottom: 0px; } .framer-NxT1i .framer-kqenbo > *, .framer-NxT1i .framer-33957n > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-NxT1i .framer-kqenbo > :first-child, .framer-NxT1i .framer-33957n > :first-child { margin-left: 0px; } .framer-NxT1i .framer-kqenbo > :last-child, .framer-NxT1i .framer-33957n > :last-child { margin-right: 0px; } }\",\".framer-NxT1i.framer-v-7j73hd.pressed .framer-kqenbo, .framer-NxT1i.framer-v-p70921.pressed .framer-kqenbo, .framer-NxT1i.framer-v-ciogz.pressed .framer-kqenbo { bottom: 4px; left: 4px; right: 4px; top: 4px; }\",'.framer-NxT1i[data-border=\"true\"]::after, .framer-NxT1i [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 46\n * @framerIntrinsicWidth 90\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"w4MGhEPsq\":{\"layout\":[\"auto\",\"auto\"]},\"Nye8TLsWC\":{\"layout\":[\"auto\",\"auto\"]},\"o7iqsAGev\":{\"layout\":[\"auto\",\"auto\"]},\"gLC90eJb7\":{\"layout\":[\"auto\",\"auto\"]},\"qLtDM9QVX\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"mulYmLFRQ\":\"title\",\"abHkkZurn\":\"link\",\"Ou3vS0QdF\":\"newTab\",\"DfNFGrITs\":\"smoothScroll\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerfncRkCxQm=withCSS(Component,css,\"framer-NxT1i\");export default FramerfncRkCxQm;FramerfncRkCxQm.displayName=\"Button/TE Button\";FramerfncRkCxQm.defaultProps={height:46,width:90};addPropertyControls(FramerfncRkCxQm,{variant:{options:[\"qn804ZTlH\",\"w4MGhEPsq\",\"Nye8TLsWC\"],optionTitles:[\"Orange\",\"Black\",\"White\"],title:\"Variant\",type:ControlType.Enum},mulYmLFRQ:{defaultValue:\"Record\",displayTextArea:false,title:\"Title\",type:ControlType.String},abHkkZurn:{title:\"Link\",type:ControlType.Link},Ou3vS0QdF:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},DfNFGrITs:{defaultValue:false,title:\"Smooth Scroll\",type:ControlType.Boolean}});addFonts(FramerfncRkCxQm,[{explicitInter:true,fonts:[]},...NoiseFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerfncRkCxQm\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"mulYmLFRQ\\\":\\\"title\\\",\\\"abHkkZurn\\\":\\\"link\\\",\\\"Ou3vS0QdF\\\":\\\"newTab\\\",\\\"DfNFGrITs\\\":\\\"smoothScroll\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"90\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"46\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"w4MGhEPsq\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Nye8TLsWC\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"o7iqsAGev\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"gLC90eJb7\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"qLtDM9QVX\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./fncRkCxQm.map", "function addUniqueItem(t,e){-1===t.indexOf(e)&&t.push(e)}function removeItem(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const clamp=(t,e,n)=>Math.min(Math.max(n,t),e);const t={duration:.3,delay:0,endDelay:0,repeat:0,easing:\"ease\"};const isNumber=t=>\"number\"===typeof t;const isEasingList=t=>Array.isArray(t)&&!isNumber(t[0]);const wrap=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};function getEasingForSegment(t,e){return isEasingList(t)?t[wrap(0,t.length,e)]:t}const mix=(t,e,n)=>-n*t+n*e+t;const noop=()=>{};const noopReturn=t=>t;const progress=(t,e,n)=>e-t===0?1:(n-t)/(e-t);function fillOffset(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const s=progress(0,e,o);t.push(mix(n,1,s))}}function defaultOffset(t){const e=[0];fillOffset(e,t-1);return e}function interpolate(t,e=defaultOffset(t.length),n=noopReturn){const o=t.length;const s=o-e.length;s>0&&fillOffset(e,s);return s=>{let f=0;for(;fArray.isArray(t)&&isNumber(t[0]);const isEasingGenerator=t=>\"object\"===typeof t&&Boolean(t.createAnimation);const isFunction=t=>\"function\"===typeof t;const isString=t=>\"string\"===typeof t;const e={ms:t=>1e3*t,s:t=>t/1e3};\n/*\n Convert velocity into velocity per second\n\n @param [number]: Unit per frame\n @param [number]: Frame duration in ms\n*/function velocityPerSecond(t,e){return e?t*(1e3/e):0}export{addUniqueItem,clamp,defaultOffset,t as defaults,fillOffset,getEasingForSegment,interpolate,isCubicBezier,isEasingGenerator,isEasingList,isFunction,isNumber,isString,mix,noop,noopReturn,progress,removeItem,e as time,velocityPerSecond,wrap};\n\n//# sourceMappingURL=index.es.js.map", "import{noopReturn as t,clamp as n}from\"@motionone/utils\";const calcBezier=(t,n,e)=>(((1-3*e+3*n)*t+(3*e-6*n))*t+3*n)*t;const e=1e-7;const i=12;function binarySubdivide(t,n,o,r,c){let u;let a;let s=0;do{a=n+(o-n)/2;u=calcBezier(a,r,c)-t;u>0?o=a:n=a}while(Math.abs(u)>e&&++sbinarySubdivide(t,0,1,n,i);return t=>0===t||1===t?t:calcBezier(getTForX(t),e,o)}const steps=(t,e=\"end\")=>i=>{i=\"end\"===e?Math.min(i,.999):Math.max(i,.001);const o=i*t;const r=\"end\"===e?Math.floor(o):Math.ceil(o);return n(0,1,r/t)};export{cubicBezier,steps};\n\n//# sourceMappingURL=index.es.js.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{steps}from\"@motionone/easing\";/**\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 100\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Grain(props){const{opacity,style}=props;const keyframesX=[\"0%\",\"-5%\",\"-15%\",\"7%\",\"-5%\",\"-15%\",\"15%\",\"0%\",\"3%\",\"-10%\",];const keyframesY=[\"0%\",\"-10%\",\"5%\",\"-25%\",\"25%\",\"10%\",\"0%\",\"15%\",\"35%\",\"10%\",];const isCanvas=RenderTarget.current()===RenderTarget.canvas;return /*#__PURE__*/ _jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(motion.div,{style:{...containerStyle,opacity:opacity,inset:isCanvas?0:\"-200%\",width:isCanvas?\"100%\":\"400%\",height:isCanvas?\"100%\":\"400%\",position:\"absolute\"},animate:!isCanvas&&{x:keyframesX,y:keyframesY},transition:{ease:steps(10,\"start\"),repeat:Infinity,duration:8}})});};Grain.defaultProps={opacity:.5};addPropertyControls(Grain,{opacity:{title:\"Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0}});const containerStyle={backgroundSize:\"256px 256px\",backgroundRepeat:\"repeat\",background:\"url('https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png')\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Grain\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"100\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"100\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Grain.map", "var t=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var e=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var i;class EventDispatcher{constructor(){i.set(this,void 0);t(this,i,new Map,\"f\")}addEventListener(t,s){var o;this.removeEventListener(t,s);e(this,i,\"f\").get(t)||e(this,i,\"f\").set(t,[]);null===(o=e(this,i,\"f\").get(t))||void 0===o?void 0:o.push(s)}dispatchEvent(t,s){var o;null===(o=e(this,i,\"f\").get(t))||void 0===o?void 0:o.forEach((t=>t(s)))}hasEventListener(t){return!!e(this,i,\"f\").get(t)}removeAllEventListeners(s){s?e(this,i,\"f\").delete(s):t(this,i,new Map,\"f\")}removeEventListener(t,s){const o=e(this,i,\"f\").get(t);if(!o)return;const a=o.length,n=o.indexOf(s);n<0||(1===a?e(this,i,\"f\").delete(t):o.splice(n,1))}}i=new WeakMap;class Vector{constructor(t,e){if(\"number\"!==typeof t&&t){this.x=t.x;this.y=t.y}else{if(void 0===t||void 0===e)throw new Error(\"tsParticles - Vector not initialized correctly\");this.x=t;this.y=e}}static get origin(){return Vector.create(0,0)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this.updateFromAngle(this.angle,t)}static clone(t){return Vector.create(t.x,t.y)}static create(t,e){return new Vector(t,e)}add(t){return Vector.create(this.x+t.x,this.y+t.y)}addTo(t){this.x+=t.x;this.y+=t.y}copy(){return Vector.clone(this)}distanceTo(t){return this.sub(t).length}distanceToSq(t){return this.sub(t).getLengthSq()}div(t){return Vector.create(this.x/t,this.y/t)}divTo(t){this.x/=t;this.y/=t}getLengthSq(){return this.x**2+this.y**2}manhattanDistanceTo(t){return Math.abs(t.x-this.x)+Math.abs(t.y-this.y)}mult(t){return Vector.create(this.x*t,this.y*t)}multTo(t){this.x*=t;this.y*=t}rotate(t){return Vector.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t))}setTo(t){this.x=t.x;this.y=t.y}sub(t){return Vector.create(this.x-t.x,this.y-t.y)}subFrom(t){this.x-=t.x;this.y-=t.y}updateFromAngle(t,e){this.x=Math.cos(t)*e;this.y=Math.sin(t)*e}}let s=Math.random;function setRandom(t=Math.random){s=t}function getRandom(){return clamp(s(),0,1-1e-16)}function clamp(t,e,i){return Math.min(Math.max(t,e),i)}function mix(t,e,i,s){return Math.floor((t*i+e*s)/(i+s))}function randomInRange(t){const e=getRangeMax(t);let i=getRangeMin(t);e===i&&(i=0);return getRandom()*(e-i)+i}function getRangeValue(t){return\"number\"===typeof t?t:randomInRange(t)}function getRangeMin(t){return\"number\"===typeof t?t:t.min}function getRangeMax(t){return\"number\"===typeof t?t:t.max}function setRangeValue(t,e){if(t===e||void 0===e&&\"number\"===typeof t)return t;const i=getRangeMin(t),s=getRangeMax(t);return void 0!==e?{min:Math.min(i,e),max:Math.max(s,e)}:setRangeValue(i,s)}function getValue(t){const e=t.random,{enable:i,minimumValue:s}=\"boolean\"===typeof e?{enable:e,minimumValue:0}:e;return getRangeValue(i?setRangeValue(t.value,s):t.value)}function getDistances(t,e){const i=t.x-e.x,s=t.y-e.y;return{dx:i,dy:s,distance:Math.sqrt(i*i+s*s)}}function getDistance(t,e){return getDistances(t,e).distance}function getParticleDirectionAngle(t,e,i){if(\"number\"===typeof t)return t*Math.PI/180;switch(t){case\"top\":return-Math.PI/2;case\"top-right\":return-Math.PI/4;case\"right\":return 0;case\"bottom-right\":return Math.PI/4;case\"bottom\":return Math.PI/2;case\"bottom-left\":return 3*Math.PI/4;case\"left\":return Math.PI;case\"top-left\":return-3*Math.PI/4;case\"inside\":return Math.atan2(i.y-e.y,i.x-e.x);case\"outside\":return Math.atan2(e.y-i.y,e.x-i.x);case\"none\":default:return getRandom()*Math.PI*2}}function getParticleBaseVelocity(t){const e=Vector.origin;e.length=1;e.angle=t;return e}function collisionVelocity(t,e,i,s){return Vector.create(t.x*(i-s)/(i+s)+2*e.x*s/(i+s),t.y)}function calcEasing(t,e){switch(e){case\"ease-out-quad\":return 1-(1-t)**2;case\"ease-out-cubic\":return 1-(1-t)**3;case\"ease-out-quart\":return 1-(1-t)**4;case\"ease-out-quint\":return 1-(1-t)**5;case\"ease-out-expo\":return 1===t?1:1-Math.pow(2,-10*t);case\"ease-out-sine\":return Math.sin(t*Math.PI/2);case\"ease-out-back\":{const e=1.70158,i=e+1;return 1+i*Math.pow(t-1,3)+e*Math.pow(t-1,2)}case\"ease-out-circ\":return Math.sqrt(1-Math.pow(t-1,2));default:return t}}function calcPositionFromSize(t){var e,i;return void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?{x:t.position.x*t.size.width/100,y:t.position.y*t.size.height/100}:void 0}function calcPositionOrRandomFromSize(t){var e,i,s,o;return{x:(null!==(i=null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==i?i:100*getRandom())*t.size.width/100,y:(null!==(o=null===(s=t.position)||void 0===s?void 0:s.y)&&void 0!==o?o:100*getRandom())*t.size.height/100}}function calcPositionOrRandomFromSizeRanged(t){var e,i;const s={x:void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)?getRangeValue(t.position.x):void 0,y:void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?getRangeValue(t.position.y):void 0};return calcPositionOrRandomFromSize({size:t.size,position:s})}function calcExactPositionOrRandomFromSize(t){var e,i,s,o;return{x:null!==(i=null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==i?i:getRandom()*t.size.width,y:null!==(o=null===(s=t.position)||void 0===s?void 0:s.y)&&void 0!==o?o:getRandom()*t.size.height}}function calcExactPositionOrRandomFromSizeRanged(t){var e,i;const s={x:void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)?getRangeValue(t.position.x):void 0,y:void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?getRangeValue(t.position.y):void 0};return calcExactPositionOrRandomFromSize({size:t.size,position:s})}function parseAlpha(t){return t.endsWith(\"%\")?parseFloat(t)/100:parseFloat(t)}function rectSideBounce(t,e,i,s,o,a){const n={bounced:false};if(e.mins.max||e.maxs.max)return n;if(t.max>=i.min&&t.max<=(i.max+i.min)/2&&o>0||t.min<=i.max&&t.min>(i.max+i.min)/2&&o<0){n.velocity=o*-a;n.bounced=true}return n}function checkSelector(t,e){if(!(e instanceof Array))return t.matches(e);for(const i of e)if(t.matches(i))return true;return false}function isSsr(){return\"undefined\"===typeof window||!window||\"undefined\"===typeof window.document||!window.document}function animate(){return isSsr()?t=>setTimeout(t):t=>(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||window.setTimeout)(t)}function cancelAnimation(){return isSsr()?t=>clearTimeout(t):t=>(window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||window.clearTimeout)(t)}function isInArray(t,e){return t===e||e instanceof Array&&e.indexOf(t)>-1}async function loadFont(t,e){try{await document.fonts.load(`${null!==e&&void 0!==e?e:\"400\"} 36px '${null!==t&&void 0!==t?t:\"Verdana\"}'`)}catch(t){}}function arrayRandomIndex(t){return Math.floor(getRandom()*t.length)}function itemFromArray(t,e,i=true){const s=void 0!==e&&i?e%t.length:arrayRandomIndex(t);return t[s]}function isPointInside(t,e,i,s,o){return areBoundsInside(calculateBounds(t,null!==s&&void 0!==s?s:0),e,i,o)}function areBoundsInside(t,e,i,s){let o=true;s&&\"bottom\"!==s||(o=t.topi.x);!o||s&&\"right\"!==s||(o=t.lefti.y);return o}function calculateBounds(t,e){return{bottom:t.y+e,left:t.x-e,right:t.x+e,top:t.y-e}}function deepExtend(t,...e){for(const i of e){if(void 0===i||null===i)continue;if(\"object\"!==typeof i){t=i;continue}const e=Array.isArray(i);!e||\"object\"===typeof t&&t&&Array.isArray(t)?e||\"object\"===typeof t&&t&&!Array.isArray(t)||(t={}):t=[];for(const e in i){if(\"__proto__\"===e)continue;const s=i,o=s[e],a=\"object\"===typeof o,n=t;n[e]=a&&Array.isArray(o)?o.map((t=>deepExtend(n[e],t))):deepExtend(n[e],o)}}return t}function isDivModeEnabled(t,e){return e instanceof Array?!!e.find((e=>e.enable&&isInArray(t,e.mode))):isInArray(t,e.mode)}function divModeExecute(t,e,i){if(e instanceof Array)for(const s of e){const e=s.mode,o=s.enable;o&&isInArray(t,e)&&singleDivModeExecute(s,i)}else{const s=e.mode,o=e.enable;o&&isInArray(t,s)&&singleDivModeExecute(e,i)}}function singleDivModeExecute(t,e){const i=t.selectors;if(i instanceof Array)for(const s of i)e(s,t);else e(i,t)}function divMode(t,e){if(e&&t)return t instanceof Array?t.find((t=>checkSelector(e,t.selectors))):checkSelector(e,t.selectors)?t:void 0}function circleBounceDataFromParticle(t){return{position:t.getPosition(),radius:t.getRadius(),mass:t.getMass(),velocity:t.velocity,factor:Vector.create(getValue(t.options.bounce.horizontal),getValue(t.options.bounce.vertical))}}function circleBounce(t,e){const{x:i,y:s}=t.velocity.sub(e.velocity),[o,a]=[t.position,e.position],{dx:n,dy:r}=getDistances(a,o);if(i*n+s*r<0)return;const l=-Math.atan2(r,n),c=t.mass,h=e.mass,d=t.velocity.rotate(l),u=e.velocity.rotate(l),f=collisionVelocity(d,u,c,h),p=collisionVelocity(u,d,c,h),v=f.rotate(-l),m=p.rotate(-l);t.velocity.x=v.x*t.factor.x;t.velocity.y=v.y*t.factor.y;e.velocity.x=m.x*e.factor.x;e.velocity.y=m.y*e.factor.y}function rectBounce(t,e){const i=t.getPosition(),s=t.getRadius(),o=calculateBounds(i,s);const a=rectSideBounce({min:o.left,max:o.right},{min:o.top,max:o.bottom},{min:e.left,max:e.right},{min:e.top,max:e.bottom},t.velocity.x,getValue(t.options.bounce.horizontal));if(a.bounced){void 0!==a.velocity&&(t.velocity.x=a.velocity);void 0!==a.position&&(t.position.x=a.position)}const n=rectSideBounce({min:o.top,max:o.bottom},{min:o.left,max:o.right},{min:e.top,max:e.bottom},{min:e.left,max:e.right},t.velocity.y,getValue(t.options.bounce.vertical));if(n.bounced){void 0!==n.velocity&&(t.velocity.y=n.velocity);void 0!==n.position&&(t.position.y=n.position)}}const o=\"random\",a=\"mid\",n=new Map;function addColorManager(t,e){n.set(t,e)}function hue2rgb(t,e,i){i<0&&(i+=1);i>1&&(i-=1);return i<1/6?t+6*(e-t)*i:i<.5?e:i<2/3?t+(e-t)*(2/3-i)*6:t}function stringToRgba(t){for(const[,e]of n)if(t.startsWith(e.stringPrefix))return e.parseString(t);const e=/^#?([a-f\\d])([a-f\\d])([a-f\\d])([a-f\\d])?$/i,i=t.replace(e,((t,e,i,s,o)=>e+e+i+i+s+s+(void 0!==o?o+o:\"\"))),s=/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i,o=s.exec(i);return o?{a:void 0!==o[4]?parseInt(o[4],16)/255:1,b:parseInt(o[3],16),g:parseInt(o[2],16),r:parseInt(o[1],16)}:void 0}function rangeColorToRgb(t,e,i=true){if(!t)return;const s=\"string\"===typeof t?{value:t}:t;if(\"string\"===typeof s.value)return colorToRgb(s.value,e,i);if(s.value instanceof Array)return rangeColorToRgb({value:itemFromArray(s.value,e,i)});for(const[,t]of n){const e=t.handleRangeColor(s);if(e)return e}}function colorToRgb(t,e,i=true){if(!t)return;const s=\"string\"===typeof t?{value:t}:t;if(\"string\"===typeof s.value)return s.value===o?getRandomRgbColor():stringToRgb(s.value);if(s.value instanceof Array)return colorToRgb({value:itemFromArray(s.value,e,i)});for(const[,t]of n){const e=t.handleColor(s);if(e)return e}}function colorToHsl(t,e,i=true){const s=colorToRgb(t,e,i);return s?rgbToHsl(s):void 0}function rangeColorToHsl(t,e,i=true){const s=rangeColorToRgb(t,e,i);return s?rgbToHsl(s):void 0}function rgbToHsl(t){const e=t.r/255,i=t.g/255,s=t.b/255,o=Math.max(e,i,s),a=Math.min(e,i,s),n={h:0,l:(o+a)/2,s:0};if(o!==a){n.s=n.l<.5?(o-a)/(o+a):(o-a)/(2-o-a);n.h=e===o?(i-s)/(o-a):n.h=i===o?2+(s-e)/(o-a):4+(e-i)/(o-a)}n.l*=100;n.s*=100;n.h*=60;n.h<0&&(n.h+=360);n.h>=360&&(n.h-=360);return n}function stringToAlpha(t){var e;return null===(e=stringToRgba(t))||void 0===e?void 0:e.a}function stringToRgb(t){return stringToRgba(t)}function hslToRgb(t){const e={b:0,g:0,r:0},i={h:t.h/360,l:t.l/100,s:t.s/100};if(i.s){const t=i.l<.5?i.l*(1+i.s):i.l+i.s-i.l*i.s,s=2*i.l-t;e.r=hue2rgb(s,t,i.h+1/3);e.g=hue2rgb(s,t,i.h);e.b=hue2rgb(s,t,i.h-1/3)}else{e.b=i.l;e.g=i.l;e.r=i.l}e.r=Math.floor(255*e.r);e.g=Math.floor(255*e.g);e.b=Math.floor(255*e.b);return e}function hslaToRgba(t){const e=hslToRgb(t);return{a:t.a,b:e.b,g:e.g,r:e.r}}function getRandomRgbColor(t){const e=null!==t&&void 0!==t?t:0;return{b:Math.floor(randomInRange(setRangeValue(e,256))),g:Math.floor(randomInRange(setRangeValue(e,256))),r:Math.floor(randomInRange(setRangeValue(e,256)))}}function getStyleFromRgb(t,e){return`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==e&&void 0!==e?e:1})`}function getStyleFromHsl(t,e){return`hsla(${t.h}, ${t.s}%, ${t.l}%, ${null!==e&&void 0!==e?e:1})`}function colorMix(t,e,i,s){let o=t,a=e;void 0===o.r&&(o=hslToRgb(t));void 0===a.r&&(a=hslToRgb(e));return{b:mix(o.b,a.b,i,s),g:mix(o.g,a.g,i,s),r:mix(o.r,a.r,i,s)}}function getLinkColor(t,e,i){var s,n;if(i===o)return getRandomRgbColor();if(i!==a)return i;{const i=null!==(s=t.getFillColor())&&void 0!==s?s:t.getStrokeColor(),o=null!==(n=null===e||void 0===e?void 0:e.getFillColor())&&void 0!==n?n:null===e||void 0===e?void 0:e.getStrokeColor();if(i&&o&&e)return colorMix(i,o,t.getRadius(),e.getRadius());{const t=null!==i&&void 0!==i?i:o;if(t)return hslToRgb(t)}}}function getLinkRandomColor(t,e,i){const s=\"string\"===typeof t?t:t.value;return s===o?i?rangeColorToRgb({value:s}):e?o:a:rangeColorToRgb({value:s})}function getHslFromAnimation(t){return void 0!==t?{h:t.h.value,s:t.s.value,l:t.l.value}:void 0}function getHslAnimationFromHsl(t,e,i){const s={h:{enable:false,value:t.h},s:{enable:false,value:t.s},l:{enable:false,value:t.l}};if(e){setColorAnimation(s.h,e.h,i);setColorAnimation(s.s,e.s,i);setColorAnimation(s.l,e.l,i)}return s}function setColorAnimation(t,e,i){t.enable=e.enable;if(t.enable){t.velocity=getRangeValue(e.speed)/100*i;t.decay=1-getRangeValue(e.decay);t.status=0;if(!e.sync){t.velocity*=getRandom();t.value*=getRandom()}}else t.velocity=0}function drawLine(t,e,i){t.beginPath();t.moveTo(e.x,e.y);t.lineTo(i.x,i.y);t.closePath()}function drawTriangle(t,e,i,s){t.beginPath();t.moveTo(e.x,e.y);t.lineTo(i.x,i.y);t.lineTo(s.x,s.y);t.closePath()}function paintBase(t,e,i){t.save();t.fillStyle=null!==i&&void 0!==i?i:\"rgba(0,0,0,0)\";t.fillRect(0,0,e.width,e.height);t.restore()}function clear(t,e){t.clearRect(0,0,e.width,e.height)}function drawParticle(t){var e,i,s,o,a,n,r,l,c,h;const{container:d,context:u,particle:f,delta:p,colorStyles:v,backgroundMask:m,composite:g,radius:y,opacity:w,shadow:b,transform:x}=t;const R=f.getPosition();u.save();void 0!==x.a||void 0!==x.b||void 0!==x.c||void 0!==x.d?u.setTransform(null!==(e=x.a)&&void 0!==e?e:1,null!==(i=x.b)&&void 0!==i?i:0,null!==(s=x.c)&&void 0!==s?s:0,null!==(o=x.d)&&void 0!==o?o:1,R.x,R.y):u.translate(R.x,R.y);u.beginPath();const M=f.rotation+(f.options.rotate.path?f.velocity.angle:0);0!==M&&u.rotate(M);m&&(u.globalCompositeOperation=g);const C=f.shadowColor;if(b.enable&&C){u.shadowBlur=b.blur;u.shadowColor=getStyleFromRgb(C);u.shadowOffsetX=b.offset.x;u.shadowOffsetY=b.offset.y}v.fill&&(u.fillStyle=v.fill);const P=f.stroke;u.lineWidth=null!==(a=f.strokeWidth)&&void 0!==a?a:0;v.stroke&&(u.strokeStyle=v.stroke);drawShape(d,u,f,y,w,p);(null!==(n=null===P||void 0===P?void 0:P.width)&&void 0!==n?n:0)>0&&u.stroke();f.close&&u.closePath();f.fill&&u.fill();u.restore();u.save();void 0!==x.a||void 0!==x.b||void 0!==x.c||void 0!==x.d?u.setTransform(null!==(r=x.a)&&void 0!==r?r:1,null!==(l=x.b)&&void 0!==l?l:0,null!==(c=x.c)&&void 0!==c?c:0,null!==(h=x.d)&&void 0!==h?h:1,R.x,R.y):u.translate(R.x,R.y);f.rotation&&u.rotate(f.rotation);m&&(u.globalCompositeOperation=g);drawShapeAfterEffect(d,u,f,y,w,p);u.restore()}function drawShape(t,e,i,s,o,a){if(!i.shape)return;const n=t.drawers.get(i.shape);n&&n.draw(e,i,s,o,a,t.retina.pixelRatio)}function drawShapeAfterEffect(t,e,i,s,o,a){if(!i.shape)return;const n=t.drawers.get(i.shape);(null===n||void 0===n?void 0:n.afterEffect)&&n.afterEffect(e,i,s,o,a,t.retina.pixelRatio)}function drawPlugin(t,e,i){if(e.draw){t.save();e.draw(t,i);t.restore()}}function drawParticlePlugin(t,e,i,s){if(e.drawParticle){t.save();e.drawParticle(t,i,s);t.restore()}}function alterHsl(t,e,i){return{h:t.h,s:t.s,l:t.l+(\"darken\"===e?-1:1)*i}}const r=\"generated\";const l=\"touchend\";const c=\"pointerdown\";const h=\"pointerup\";const d=\"pointermove\";const u=\"touchstart\";const f=\"touchmove\";const p=\"pointerleave\";const v=\"pointerout\";const m=\"touchcancel\";const g=\"resize\";const y=\"visibilitychange\";const w=\"No polygon data loaded.\";const b=\"No polygon found, you need to specify SVG url in config.\";var x=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var R=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var M,C,P,z,k;function setTransformValue(t,e,i){var s;const o=e[i];void 0!==o&&(t[i]=(null!==(s=t[i])&&void 0!==s?s:1)*o)}class Canvas{constructor(t){this.container=t;M.set(this,void 0);C.set(this,void 0);P.set(this,void 0);z.set(this,void 0);k.set(this,void 0);this.size={height:0,width:0};x(this,C,null,\"f\");this.generatedCanvas=false;x(this,z,[],\"f\");x(this,P,[],\"f\");x(this,k,[],\"f\");x(this,M,[],\"f\")}clear(){const t=this.container.actualOptions,e=t.particles.move.trail;t.backgroundMask.enable?this.paint():e.enable&&e.length>0&&this.trailFillColor?this.paintBase(getStyleFromRgb(this.trailFillColor,1/e.length)):this.draw((t=>{clear(t,this.size)}))}destroy(){var t;this.generatedCanvas?null===(t=this.element)||void 0===t?void 0:t.remove():this.resetOriginalStyle();this.draw((t=>{clear(t,this.size)}));x(this,z,[],\"f\");x(this,P,[],\"f\");x(this,k,[],\"f\");x(this,M,[],\"f\")}draw(t){if(R(this,C,\"f\"))return t(R(this,C,\"f\"))}drawParticle(t,e){var i;if(t.spawning||t.destroyed)return;const s=t.getRadius();if(s<=0)return;const o=t.getFillColor(),a=null!==(i=t.getStrokeColor())&&void 0!==i?i:o;let[n,r]=this.getPluginParticleColors(t);n||(n=o);r||(r=a);(n||r)&&this.draw((i=>{var o,a,l,c,h;const d=this.container.actualOptions,u=t.options.zIndex,f=(1-t.zIndexFactor)**u.opacityRate,p=null!==(l=null!==(o=t.bubble.opacity)&&void 0!==o?o:null===(a=t.opacity)||void 0===a?void 0:a.value)&&void 0!==l?l:1,v=null!==(h=null===(c=t.stroke)||void 0===c?void 0:c.opacity)&&void 0!==h?h:p,m=p*f,g=v*f,y={},w={fill:n?getStyleFromHsl(n,m):void 0};w.stroke=r?getStyleFromHsl(r,g):w.fill;this.applyPreDrawUpdaters(i,t,s,m,w,y);drawParticle({container:this.container,context:i,particle:t,delta:e,colorStyles:w,backgroundMask:d.backgroundMask.enable,composite:d.backgroundMask.composite,radius:s*(1-t.zIndexFactor)**u.sizeRate,opacity:m,shadow:t.options.shadow,transform:y});this.applyPostDrawUpdaters(t)}))}drawParticlePlugin(t,e,i){this.draw((s=>{drawParticlePlugin(s,t,e,i)}))}drawPlugin(t,e){this.draw((i=>{drawPlugin(i,t,e)}))}init(){this.resize();this.initStyle();this.initCover();this.initTrail();this.initBackground();this.initUpdaters();this.initPlugins();this.paint()}initBackground(){const t=this.container.actualOptions,e=t.background,i=this.element,s=null===i||void 0===i?void 0:i.style;if(s){if(e.color){const t=rangeColorToRgb(e.color);s.backgroundColor=t?getStyleFromRgb(t,e.opacity):\"\"}else s.backgroundColor=\"\";s.backgroundImage=e.image||\"\";s.backgroundPosition=e.position||\"\";s.backgroundRepeat=e.repeat||\"\";s.backgroundSize=e.size||\"\"}}initPlugins(){x(this,k,[],\"f\");for(const[,t]of this.container.plugins){t.resize&&R(this,k,\"f\").push(t);(t.particleFillColor||t.particleStrokeColor)&&R(this,M,\"f\").push(t)}}initUpdaters(){x(this,z,[],\"f\");x(this,P,[],\"f\");for(const t of this.container.particles.updaters){t.afterDraw&&R(this,P,\"f\").push(t);(t.getColorStyles||t.getTransformValues||t.beforeDraw)&&R(this,z,\"f\").push(t)}}loadCanvas(t){var e;this.generatedCanvas&&(null===(e=this.element)||void 0===e?void 0:e.remove());this.generatedCanvas=t.dataset&&r in t.dataset?\"true\"===t.dataset[r]:this.generatedCanvas;this.element=t;this.originalStyle=deepExtend({},this.element.style);this.size.height=t.offsetHeight;this.size.width=t.offsetWidth;x(this,C,this.element.getContext(\"2d\"),\"f\");this.container.retina.init();this.initBackground()}paint(){const t=this.container.actualOptions;this.draw((e=>{if(t.backgroundMask.enable&&t.backgroundMask.cover){clear(e,this.size);this.paintBase(this.coverColorStyle)}else this.paintBase()}))}resize(){if(!this.element)return;const t=this.container,e=t.retina.pixelRatio,i=t.canvas.size,s={width:this.element.offsetWidth*e,height:this.element.offsetHeight*e};if(s.height===i.height&&s.width===i.width&&s.height===this.element.height&&s.width===this.element.width)return;const o=Object.assign({},i);this.element.width=i.width=this.element.offsetWidth*e;this.element.height=i.height=this.element.offsetHeight*e;this.container.started&&(this.resizeFactor={width:i.width/o.width,height:i.height/o.height})}async windowResize(){if(!this.element)return;this.resize();const t=this.container,e=t.updateActualOptions();t.particles.setDensity();this.applyResizePlugins();e&&await t.refresh()}applyPostDrawUpdaters(t){var e;for(const i of R(this,P,\"f\"))null===(e=i.afterDraw)||void 0===e?void 0:e.call(i,t)}applyPreDrawUpdaters(t,e,i,s,o,a){var n;for(const r of R(this,z,\"f\")){if(r.getColorStyles){const{fill:a,stroke:n}=r.getColorStyles(e,t,i,s);a&&(o.fill=a);n&&(o.stroke=n)}if(r.getTransformValues){const t=r.getTransformValues(e);for(const e in t)setTransformValue(a,t,e)}null===(n=r.beforeDraw)||void 0===n?void 0:n.call(r,e)}}applyResizePlugins(){var t;for(const e of R(this,k,\"f\"))null===(t=e.resize)||void 0===t?void 0:t.call(e)}getPluginParticleColors(t){let e,i;for(const s of R(this,M,\"f\")){!e&&s.particleFillColor&&(e=rangeColorToHsl(s.particleFillColor(t)));!i&&s.particleStrokeColor&&(i=rangeColorToHsl(s.particleStrokeColor(t)));if(e&&i)break}return[e,i]}initCover(){const t=this.container.actualOptions,e=t.backgroundMask.cover,i=e.color,s=rangeColorToRgb(i);if(s){const t={r:s.r,g:s.g,b:s.b,a:e.opacity};this.coverColorStyle=getStyleFromRgb(t,t.a)}}initStyle(){const t=this.element,e=this.container.actualOptions;if(t){if(e.fullScreen.enable){this.originalStyle=deepExtend({},t.style);t.style.setProperty(\"position\",\"fixed\",\"important\");t.style.setProperty(\"z-index\",e.fullScreen.zIndex.toString(10),\"important\");t.style.setProperty(\"top\",\"0\",\"important\");t.style.setProperty(\"left\",\"0\",\"important\");t.style.setProperty(\"width\",\"100%\",\"important\");t.style.setProperty(\"height\",\"100%\",\"important\")}else this.resetOriginalStyle();for(const i in e.style){if(!i||!e.style)continue;const s=e.style[i];s&&t.style.setProperty(i,s,\"important\")}}}initTrail(){const t=this.container.actualOptions,e=t.particles.move.trail,i=rangeColorToRgb(e.fillColor);if(i){const e=t.particles.move.trail;this.trailFillColor={r:i.r,g:i.g,b:i.b,a:1/e.length}}}paintBase(t){this.draw((e=>{paintBase(e,this.size,t)}))}resetOriginalStyle(){const t=this.element,e=this.originalStyle;if(t&&e){t.style.position=e.position;t.style.zIndex=e.zIndex;t.style.top=e.top;t.style.left=e.left;t.style.width=e.width;t.style.height=e.height}}}M=new WeakMap,C=new WeakMap,P=new WeakMap,z=new WeakMap,k=new WeakMap;function manageListener(t,e,i,s,o){if(s){let s={passive:true};\"boolean\"===typeof o?s.capture=o:void 0!==o&&(s=o);t.addEventListener(e,i,s)}else{const s=o;t.removeEventListener(e,i,s)}}class EventListeners{constructor(t){this.container=t;this.canPush=true;this.mouseMoveHandler=t=>this.mouseTouchMove(t);this.touchStartHandler=t=>this.mouseTouchMove(t);this.touchMoveHandler=t=>this.mouseTouchMove(t);this.touchEndHandler=()=>this.mouseTouchFinish();this.mouseLeaveHandler=()=>this.mouseTouchFinish();this.touchCancelHandler=()=>this.mouseTouchFinish();this.touchEndClickHandler=t=>this.mouseTouchClick(t);this.mouseUpHandler=t=>this.mouseTouchClick(t);this.mouseDownHandler=()=>this.mouseDown();this.visibilityChangeHandler=()=>this.handleVisibilityChange();this.themeChangeHandler=t=>this.handleThemeChange(t);this.oldThemeChangeHandler=t=>this.handleThemeChange(t);this.resizeHandler=()=>this.handleWindowResize()}addListeners(){this.manageListeners(true)}removeListeners(){this.manageListeners(false)}doMouseTouchClick(t){const e=this.container,i=e.actualOptions;if(this.canPush){const t=e.interactivity.mouse.position;if(!t)return;e.interactivity.mouse.clickPosition={x:t.x,y:t.y};e.interactivity.mouse.clickTime=(new Date).getTime();const s=i.interactivity.events.onClick;if(s.mode instanceof Array)for(const t of s.mode)this.handleClickMode(t);else this.handleClickMode(s.mode)}\"touchend\"===t.type&&setTimeout((()=>this.mouseTouchFinish()),500)}handleClickMode(t){this.container.handleClickMode(t)}handleThemeChange(t){const e=t,i=e.matches?this.container.options.defaultDarkTheme:this.container.options.defaultLightTheme,s=this.container.options.themes.find((t=>t.name===i));s&&s.default.auto&&this.container.loadTheme(i)}handleVisibilityChange(){const t=this.container,e=t.actualOptions;this.mouseTouchFinish();if(e.pauseOnBlur)if(null===document||void 0===document?void 0:document.hidden){t.pageHidden=true;t.pause()}else{t.pageHidden=false;t.getAnimationStatus()?t.play(true):t.draw(true)}}handleWindowResize(){if(this.resizeTimeout){clearTimeout(this.resizeTimeout);delete this.resizeTimeout}this.resizeTimeout=setTimeout((async()=>{var t;return null===(t=this.container.canvas)||void 0===t?void 0:t.windowResize()}),500)}manageListeners(t){var e;const i=this.container,s=i.actualOptions,o=s.interactivity.detectsOn;let a=p;if(\"window\"===o){i.interactivity.element=window;a=v}else if(\"parent\"===o&&i.canvas.element){const t=i.canvas.element;i.interactivity.element=null!==(e=t.parentElement)&&void 0!==e?e:t.parentNode}else i.interactivity.element=i.canvas.element;const n=!isSsr()&&\"undefined\"!==typeof matchMedia&&matchMedia(\"(prefers-color-scheme: dark)\");n&&(void 0!==n.addEventListener?manageListener(n,\"change\",this.themeChangeHandler,t):void 0!==n.addListener&&(t?n.addListener(this.oldThemeChangeHandler):n.removeListener(this.oldThemeChangeHandler)));const r=i.interactivity.element;if(!r)return;const w=r;if(s.interactivity.events.onHover.enable||s.interactivity.events.onClick.enable){manageListener(r,d,this.mouseMoveHandler,t);manageListener(r,u,this.touchStartHandler,t);manageListener(r,f,this.touchMoveHandler,t);if(s.interactivity.events.onClick.enable){manageListener(r,l,this.touchEndClickHandler,t);manageListener(r,h,this.mouseUpHandler,t);manageListener(r,c,this.mouseDownHandler,t)}else manageListener(r,l,this.touchEndHandler,t);manageListener(r,a,this.mouseLeaveHandler,t);manageListener(r,m,this.touchCancelHandler,t)}i.canvas.element&&(i.canvas.element.style.pointerEvents=w===i.canvas.element?\"initial\":\"none\");if(s.interactivity.events.resize)if(\"undefined\"!==typeof ResizeObserver){if(this.resizeObserver&&!t){i.canvas.element&&this.resizeObserver.unobserve(i.canvas.element);this.resizeObserver.disconnect();delete this.resizeObserver}else if(!this.resizeObserver&&t&&i.canvas.element){this.resizeObserver=new ResizeObserver((t=>{const e=t.find((t=>t.target===i.canvas.element));e&&this.handleWindowResize()}));this.resizeObserver.observe(i.canvas.element)}}else manageListener(window,g,this.resizeHandler,t);document&&manageListener(document,y,this.visibilityChangeHandler,t,false)}mouseDown(){const t=this.container.interactivity;if(t){const e=t.mouse;e.clicking=true;e.downPosition=e.position}}mouseTouchClick(t){const e=this.container,i=e.actualOptions,s=e.interactivity.mouse;s.inside=true;let o=false;const a=s.position;if(a&&i.interactivity.events.onClick.enable){for(const[,t]of e.plugins)if(t.clickPositionValid){o=t.clickPositionValid(a);if(o)break}o||this.doMouseTouchClick(t);s.clicking=false}}mouseTouchFinish(){const t=this.container.interactivity;if(!t)return;const e=t.mouse;delete e.position;delete e.clickPosition;delete e.downPosition;t.status=p;e.inside=false;e.clicking=false}mouseTouchMove(t){var e,i,s,o,a,n,r;const l=this.container,c=l.actualOptions;if(!(null===(e=l.interactivity)||void 0===e?void 0:e.element))return;l.interactivity.mouse.inside=true;let h;const u=l.canvas.element;if(t.type.startsWith(\"pointer\")){this.canPush=true;const e=t;if(l.interactivity.element===window){if(u){const t=u.getBoundingClientRect();h={x:e.clientX-t.left,y:e.clientY-t.top}}}else if(\"parent\"===c.interactivity.detectsOn){const t=e.target;const o=e.currentTarget;const a=l.canvas.element;if(t&&o&&a){const i=t.getBoundingClientRect();const s=o.getBoundingClientRect();const n=a.getBoundingClientRect();h={x:e.offsetX+2*i.left-(s.left+n.left),y:e.offsetY+2*i.top-(s.top+n.top)}}else h={x:null!==(i=e.offsetX)&&void 0!==i?i:e.clientX,y:null!==(s=e.offsetY)&&void 0!==s?s:e.clientY}}else e.target===l.canvas.element&&(h={x:null!==(o=e.offsetX)&&void 0!==o?o:e.clientX,y:null!==(a=e.offsetY)&&void 0!==a?a:e.clientY})}else{this.canPush=\"touchmove\"!==t.type;const e=t;const i=e.touches[e.touches.length-1];const s=null===u||void 0===u?void 0:u.getBoundingClientRect();h={x:i.clientX-(null!==(n=null===s||void 0===s?void 0:s.left)&&void 0!==n?n:0),y:i.clientY-(null!==(r=null===s||void 0===s?void 0:s.top)&&void 0!==r?r:0)}}const f=l.retina.pixelRatio;if(h){h.x*=f;h.y*=f}l.interactivity.mouse.position=h;l.interactivity.status=d}}class FrameManager{constructor(t){this.container=t}async nextFrame(t){var e;try{const i=this.container;if(void 0!==i.lastFrameTime&&t1e3){i.draw(false);return}await i.particles.draw(o);if(i.duration>0&&i.lifeTime>i.duration){i.destroy();return}i.getAnimationStatus()&&i.draw(false)}catch(t){console.error(\"tsParticles error in animation loop\",t)}}}class OptionsColor{constructor(){this.value=\"\"}static create(t,e){const i=new OptionsColor;i.load(t);void 0!==e&&(\"string\"===typeof e||e instanceof Array?i.load({value:e}):i.load(e));return i}load(t){void 0!==(null===t||void 0===t?void 0:t.value)&&(this.value=t.value)}}class Background{constructor(){this.color=new OptionsColor;this.color.value=\"\";this.image=\"\";this.position=\"\";this.repeat=\"\";this.size=\"\";this.opacity=1}load(t){if(t){void 0!==t.color&&(this.color=OptionsColor.create(this.color,t.color));void 0!==t.image&&(this.image=t.image);void 0!==t.position&&(this.position=t.position);void 0!==t.repeat&&(this.repeat=t.repeat);void 0!==t.size&&(this.size=t.size);void 0!==t.opacity&&(this.opacity=t.opacity)}}}class BackgroundMaskCover{constructor(){this.color=new OptionsColor;this.color.value=\"#fff\";this.opacity=1}load(t){if(t){void 0!==t.color&&(this.color=OptionsColor.create(this.color,t.color));void 0!==t.opacity&&(this.opacity=t.opacity)}}}class BackgroundMask{constructor(){this.composite=\"destination-out\";this.cover=new BackgroundMaskCover;this.enable=false}load(t){if(t){void 0!==t.composite&&(this.composite=t.composite);if(void 0!==t.cover){const e=t.cover;const i=\"string\"===typeof t.cover?{color:t.cover}:t.cover;this.cover.load(void 0!==e.color?e:{color:i})}void 0!==t.enable&&(this.enable=t.enable)}}}class FullScreen{constructor(){this.enable=true;this.zIndex=0}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.zIndex&&(this.zIndex=t.zIndex)}}}class ClickEvent{constructor(){this.enable=false;this.mode=[]}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.mode&&(this.mode=t.mode)}}}class DivEvent{constructor(){this.selectors=[];this.enable=false;this.mode=[];this.type=\"circle\"}get el(){return this.elementId}set el(t){this.elementId=t}get elementId(){return this.ids}set elementId(t){this.ids=t}get ids(){return this.selectors instanceof Array?this.selectors.map((t=>t.replace(\"#\",\"\"))):this.selectors.replace(\"#\",\"\")}set ids(t){this.selectors=t instanceof Array?t.map((t=>`#${t}`)):`#${t}`}load(t){var e,i;if(!t)return;const s=null!==(i=null!==(e=t.ids)&&void 0!==e?e:t.elementId)&&void 0!==i?i:t.el;void 0!==s&&(this.ids=s);void 0!==t.selectors&&(this.selectors=t.selectors);void 0!==t.enable&&(this.enable=t.enable);void 0!==t.mode&&(this.mode=t.mode);void 0!==t.type&&(this.type=t.type)}}class Parallax{constructor(){this.enable=false;this.force=2;this.smooth=10}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.force&&(this.force=t.force);void 0!==t.smooth&&(this.smooth=t.smooth)}}}class HoverEvent{constructor(){this.enable=false;this.mode=[];this.parallax=new Parallax}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.mode&&(this.mode=t.mode);this.parallax.load(t.parallax)}}}class Events{constructor(){this.onClick=new ClickEvent;this.onDiv=new DivEvent;this.onHover=new HoverEvent;this.resize=true}get onclick(){return this.onClick}set onclick(t){this.onClick=t}get ondiv(){return this.onDiv}set ondiv(t){this.onDiv=t}get onhover(){return this.onHover}set onhover(t){this.onHover=t}load(t){var e,i,s;if(!t)return;this.onClick.load(null!==(e=t.onClick)&&void 0!==e?e:t.onclick);const o=null!==(i=t.onDiv)&&void 0!==i?i:t.ondiv;if(void 0!==o)if(o instanceof Array)this.onDiv=o.map((t=>{const e=new DivEvent;e.load(t);return e}));else{this.onDiv=new DivEvent;this.onDiv.load(o)}this.onHover.load(null!==(s=t.onHover)&&void 0!==s?s:t.onhover);void 0!==t.resize&&(this.resize=t.resize)}}class Slow{constructor(){this.factor=3;this.radius=200}load(t){if(t){void 0!==t.factor&&(this.factor=t.factor);void 0!==t.radius&&(this.radius=t.radius)}}}var T=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var S=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var E,O;class Modes{constructor(t,e){E.set(this,void 0);O.set(this,void 0);T(this,O,t,\"f\");T(this,E,e,\"f\");this.slow=new Slow}load(t){if(t){this.slow.load(t.slow);if(S(this,E,\"f\")){const e=S(this,O,\"f\").plugins.interactors.get(S(this,E,\"f\"));if(e)for(const i of e)i.loadModeOptions&&i.loadModeOptions(this,t)}}}}E=new WeakMap,O=new WeakMap;var V=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var A,I;class Interactivity{constructor(t,e){A.set(this,void 0);I.set(this,void 0);V(this,I,t,\"f\");V(this,A,e,\"f\");this.detectsOn=\"window\";this.events=new Events;this.modes=new Modes(t,e)}get detect_on(){return this.detectsOn}set detect_on(t){this.detectsOn=t}load(t){var e;if(!t)return;const i=null!==(e=t.detectsOn)&&void 0!==e?e:t.detect_on;void 0!==i&&(this.detectsOn=i);this.events.load(t.events);this.modes.load(t.modes)}}A=new WeakMap,I=new WeakMap;class ManualParticle{load(t){var e,i;if(t){void 0!==t.position&&(this.position={x:null!==(e=t.position.x)&&void 0!==e?e:50,y:null!==(i=t.position.y)&&void 0!==i?i:50});void 0!==t.options&&(this.options=deepExtend({},t.options))}}}class MotionReduce{constructor(){this.factor=4;this.value=true}load(t){if(t){void 0!==t.factor&&(this.factor=t.factor);void 0!==t.value&&(this.value=t.value)}}}class Motion{constructor(){this.disable=false;this.reduce=new MotionReduce}load(t){if(t){void 0!==t.disable&&(this.disable=t.disable);this.reduce.load(t.reduce)}}}class Responsive{constructor(){this.maxWidth=Infinity;this.options={};this.mode=\"canvas\"}load(t){if(t){void 0!==t.maxWidth&&(this.maxWidth=t.maxWidth);void 0!==t.mode&&(\"screen\"===t.mode?this.mode=\"screen\":this.mode=\"canvas\");void 0!==t.options&&(this.options=deepExtend({},t.options))}}}class ThemeDefault{constructor(){this.auto=false;this.mode=\"any\";this.value=false}load(t){if(t){void 0!==t.auto&&(this.auto=t.auto);void 0!==t.mode&&(this.mode=t.mode);void 0!==t.value&&(this.value=t.value)}}}class Theme{constructor(){this.name=\"\";this.default=new ThemeDefault}load(t){if(t){void 0!==t.name&&(this.name=t.name);this.default.load(t.default);void 0!==t.options&&(this.options=deepExtend({},t.options))}}}class ColorAnimation{constructor(){this.count=0;this.enable=false;this.offset=0;this.speed=1;this.decay=0;this.sync=true}load(t){if(t){void 0!==t.count&&(this.count=setRangeValue(t.count));void 0!==t.enable&&(this.enable=t.enable);void 0!==t.offset&&(this.offset=setRangeValue(t.offset));void 0!==t.speed&&(this.speed=setRangeValue(t.speed));void 0!==t.decay&&(this.decay=setRangeValue(t.decay));void 0!==t.sync&&(this.sync=t.sync)}}}class HslAnimation{constructor(){this.h=new ColorAnimation;this.s=new ColorAnimation;this.l=new ColorAnimation}load(t){if(t){this.h.load(t.h);this.s.load(t.s);this.l.load(t.l)}}}class AnimatableColor extends OptionsColor{constructor(){super();this.animation=new HslAnimation}static create(t,e){const i=new AnimatableColor;i.load(t);void 0!==e&&(\"string\"===typeof e||e instanceof Array?i.load({value:e}):i.load(e));return i}load(t){super.load(t);if(!t)return;const e=t.animation;void 0!==e&&(void 0!==e.enable?this.animation.h.load(e):this.animation.load(t.animation))}}class CollisionsOverlap{constructor(){this.enable=true;this.retries=0}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.retries&&(this.retries=t.retries)}}}class Random{constructor(){this.enable=false;this.minimumValue=0}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.minimumValue&&(this.minimumValue=t.minimumValue)}}}class ValueWithRandom{constructor(){this.random=new Random;this.value=0}load(t){if(t){\"boolean\"===typeof t.random?this.random.enable=t.random:this.random.load(t.random);void 0!==t.value&&(this.value=setRangeValue(t.value,this.random.enable?this.random.minimumValue:void 0))}}}class ParticlesBounceFactor extends ValueWithRandom{constructor(){super();this.random.minimumValue=.1;this.value=1}}class ParticlesBounce{constructor(){this.horizontal=new ParticlesBounceFactor;this.vertical=new ParticlesBounceFactor}load(t){if(t){this.horizontal.load(t.horizontal);this.vertical.load(t.vertical)}}}class Collisions{constructor(){this.bounce=new ParticlesBounce;this.enable=false;this.mode=\"bounce\";this.overlap=new CollisionsOverlap}load(t){if(t){this.bounce.load(t.bounce);void 0!==t.enable&&(this.enable=t.enable);void 0!==t.mode&&(this.mode=t.mode);this.overlap.load(t.overlap)}}}class SplitFactor extends ValueWithRandom{constructor(){super();this.value=3}}class SplitRate extends ValueWithRandom{constructor(){super();this.value={min:4,max:9}}}class Split{constructor(){this.count=1;this.factor=new SplitFactor;this.rate=new SplitRate;this.sizeOffset=true}load(t){if(t){void 0!==t.count&&(this.count=t.count);this.factor.load(t.factor);this.rate.load(t.rate);void 0!==t.particles&&(t.particles instanceof Array?this.particles=t.particles.map((t=>deepExtend({},t))):this.particles=deepExtend({},t.particles));void 0!==t.sizeOffset&&(this.sizeOffset=t.sizeOffset)}}}class Destroy{constructor(){this.mode=\"none\";this.split=new Split}load(t){if(t){void 0!==t.mode&&(this.mode=t.mode);this.split.load(t.split)}}}class MoveAngle{constructor(){this.offset=0;this.value=90}load(t){if(t){void 0!==t.offset&&(this.offset=setRangeValue(t.offset));void 0!==t.value&&(this.value=setRangeValue(t.value))}}}class MoveAttract{constructor(){this.distance=200;this.enable=false;this.rotate={x:3e3,y:3e3}}get rotateX(){return this.rotate.x}set rotateX(t){this.rotate.x=t}get rotateY(){return this.rotate.y}set rotateY(t){this.rotate.y=t}load(t){var e,i,s,o;if(!t)return;void 0!==t.distance&&(this.distance=setRangeValue(t.distance));void 0!==t.enable&&(this.enable=t.enable);const a=null!==(i=null===(e=t.rotate)||void 0===e?void 0:e.x)&&void 0!==i?i:t.rotateX;void 0!==a&&(this.rotate.x=a);const n=null!==(o=null===(s=t.rotate)||void 0===s?void 0:s.y)&&void 0!==o?o:t.rotateY;void 0!==n&&(this.rotate.y=n)}}class MoveGravity{constructor(){this.acceleration=9.81;this.enable=false;this.inverse=false;this.maxSpeed=50}load(t){if(t){void 0!==t.acceleration&&(this.acceleration=setRangeValue(t.acceleration));void 0!==t.enable&&(this.enable=t.enable);void 0!==t.inverse&&(this.inverse=t.inverse);void 0!==t.maxSpeed&&(this.maxSpeed=setRangeValue(t.maxSpeed))}}}class MovePathDelay extends ValueWithRandom{constructor(){super()}}class MovePath{constructor(){this.clamp=true;this.delay=new MovePathDelay;this.enable=false;this.options={}}load(t){if(t){void 0!==t.clamp&&(this.clamp=t.clamp);this.delay.load(t.delay);void 0!==t.enable&&(this.enable=t.enable);this.generator=t.generator;t.options&&(this.options=deepExtend(this.options,t.options))}}}class MoveTrail{constructor(){this.enable=false;this.length=10;this.fillColor=new OptionsColor;this.fillColor.value=\"#000000\"}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);this.fillColor=OptionsColor.create(this.fillColor,t.fillColor);void 0!==t.length&&(this.length=t.length)}}}class OutModes{constructor(){this.default=\"out\"}load(t){var e,i,s,o;if(t){void 0!==t.default&&(this.default=t.default);this.bottom=null!==(e=t.bottom)&&void 0!==e?e:t.default;this.left=null!==(i=t.left)&&void 0!==i?i:t.default;this.right=null!==(s=t.right)&&void 0!==s?s:t.default;this.top=null!==(o=t.top)&&void 0!==o?o:t.default}}}class Spin{constructor(){this.acceleration=0;this.enable=false}load(t){if(t){void 0!==t.acceleration&&(this.acceleration=setRangeValue(t.acceleration));void 0!==t.enable&&(this.enable=t.enable);this.position=t.position?deepExtend({},t.position):void 0}}}class Move{constructor(){this.angle=new MoveAngle;this.attract=new MoveAttract;this.center={x:50,y:50,radius:0};this.decay=0;this.distance={};this.direction=\"none\";this.drift=0;this.enable=false;this.gravity=new MoveGravity;this.path=new MovePath;this.outModes=new OutModes;this.random=false;this.size=false;this.speed=2;this.spin=new Spin;this.straight=false;this.trail=new MoveTrail;this.vibrate=false;this.warp=false}get bounce(){return this.collisions}set bounce(t){this.collisions=t}get collisions(){return false}set collisions(t){}get noise(){return this.path}set noise(t){this.path=t}get outMode(){return this.outModes.default}set outMode(t){this.outModes.default=t}get out_mode(){return this.outMode}set out_mode(t){this.outMode=t}load(t){var e,i,s;if(!t)return;void 0!==t.angle&&(\"number\"===typeof t.angle?this.angle.value=t.angle:this.angle.load(t.angle));this.attract.load(t.attract);this.center=deepExtend(this.center,t.center);void 0!==t.decay&&(this.decay=t.decay);void 0!==t.direction&&(this.direction=t.direction);void 0!==t.distance&&(this.distance=\"number\"===typeof t.distance?{horizontal:t.distance,vertical:t.distance}:deepExtend({},t.distance));void 0!==t.drift&&(this.drift=setRangeValue(t.drift));void 0!==t.enable&&(this.enable=t.enable);this.gravity.load(t.gravity);const o=null!==(e=t.outMode)&&void 0!==e?e:t.out_mode;void 0===t.outModes&&void 0===o||(\"string\"===typeof t.outModes||void 0===t.outModes&&void 0!==o?this.outModes.load({default:null!==(i=t.outModes)&&void 0!==i?i:o}):this.outModes.load(t.outModes));this.path.load(null!==(s=t.path)&&void 0!==s?s:t.noise);void 0!==t.random&&(this.random=t.random);void 0!==t.size&&(this.size=t.size);void 0!==t.speed&&(this.speed=setRangeValue(t.speed));this.spin.load(t.spin);void 0!==t.straight&&(this.straight=t.straight);this.trail.load(t.trail);void 0!==t.vibrate&&(this.vibrate=t.vibrate);void 0!==t.warp&&(this.warp=t.warp)}}class AnimationOptions{constructor(){this.count=0;this.enable=false;this.speed=1;this.decay=0;this.sync=false}load(t){if(t){void 0!==t.count&&(this.count=setRangeValue(t.count));void 0!==t.enable&&(this.enable=t.enable);void 0!==t.speed&&(this.speed=setRangeValue(t.speed));void 0!==t.decay&&(this.decay=setRangeValue(t.decay));void 0!==t.sync&&(this.sync=t.sync)}}}class OpacityAnimation extends AnimationOptions{constructor(){super();this.destroy=\"none\";this.enable=false;this.speed=2;this.startValue=\"random\";this.sync=false}get opacity_min(){return this.minimumValue}set opacity_min(t){this.minimumValue=t}load(t){var e;if(t){super.load(t);void 0!==t.destroy&&(this.destroy=t.destroy);void 0!==t.enable&&(this.enable=t.enable);this.minimumValue=null!==(e=t.minimumValue)&&void 0!==e?e:t.opacity_min;void 0!==t.speed&&(this.speed=t.speed);void 0!==t.startValue&&(this.startValue=t.startValue);void 0!==t.sync&&(this.sync=t.sync)}}}class Opacity extends ValueWithRandom{constructor(){super();this.animation=new OpacityAnimation;this.random.minimumValue=.1;this.value=1}get anim(){return this.animation}set anim(t){this.animation=t}load(t){var e;if(!t)return;super.load(t);const i=null!==(e=t.animation)&&void 0!==e?e:t.anim;if(void 0!==i){this.animation.load(i);this.value=setRangeValue(this.value,this.animation.enable?this.animation.minimumValue:void 0)}}}class ParticlesDensity{constructor(){this.enable=false;this.area=800;this.factor=1e3}get value_area(){return this.area}set value_area(t){this.area=t}load(t){var e;if(!t)return;void 0!==t.enable&&(this.enable=t.enable);const i=null!==(e=t.area)&&void 0!==e?e:t.value_area;void 0!==i&&(this.area=i);void 0!==t.factor&&(this.factor=t.factor)}}class ParticlesNumber{constructor(){this.density=new ParticlesDensity;this.limit=0;this.value=100}get max(){return this.limit}set max(t){this.limit=t}load(t){var e;if(!t)return;this.density.load(t.density);const i=null!==(e=t.limit)&&void 0!==e?e:t.max;void 0!==i&&(this.limit=i);void 0!==t.value&&(this.value=t.value)}}class RotateAnimation{constructor(){this.enable=false;this.speed=0;this.decay=0;this.sync=false}load(t){if(t){void 0!==t.enable&&(this.enable=t.enable);void 0!==t.speed&&(this.speed=setRangeValue(t.speed));void 0!==t.decay&&(this.decay=setRangeValue(t.decay));void 0!==t.sync&&(this.sync=t.sync)}}}class Rotate extends ValueWithRandom{constructor(){super();this.animation=new RotateAnimation;this.direction=\"clockwise\";this.path=false;this.value=0}load(t){if(t){super.load(t);void 0!==t.direction&&(this.direction=t.direction);this.animation.load(t.animation);void 0!==t.path&&(this.path=t.path)}}}class Shadow{constructor(){this.blur=0;this.color=new OptionsColor;this.enable=false;this.offset={x:0,y:0};this.color.value=\"#000\"}load(t){if(t){void 0!==t.blur&&(this.blur=t.blur);this.color=OptionsColor.create(this.color,t.color);void 0!==t.enable&&(this.enable=t.enable);if(void 0!==t.offset){void 0!==t.offset.x&&(this.offset.x=t.offset.x);void 0!==t.offset.y&&(this.offset.y=t.offset.y)}}}}class Shape{constructor(){this.options={};this.type=\"circle\"}get character(){var t;return null!==(t=this.options.character)&&void 0!==t?t:this.options.char}set character(t){this.options.character=t;this.options.char=t}get custom(){return this.options}set custom(t){this.options=t}get image(){var t;return null!==(t=this.options.image)&&void 0!==t?t:this.options.images}set image(t){this.options.image=t;this.options.images=t}get images(){return this.image}set images(t){this.image=t}get polygon(){var t;return null!==(t=this.options.polygon)&&void 0!==t?t:this.options.star}set polygon(t){this.options.polygon=t;this.options.star=t}get stroke(){return[]}set stroke(t){}load(t){var e,i,s;if(!t)return;const o=null!==(e=t.options)&&void 0!==e?e:t.custom;if(void 0!==o)for(const t in o){const e=o[t];e&&(this.options[t]=deepExtend(null!==(i=this.options[t])&&void 0!==i?i:{},e))}this.loadShape(t.character,\"character\",\"char\",true);this.loadShape(t.polygon,\"polygon\",\"star\",false);this.loadShape(null!==(s=t.image)&&void 0!==s?s:t.images,\"image\",\"images\",true);void 0!==t.type&&(this.type=t.type)}loadShape(t,e,i,s){var o,a;if(!t)return;const n=t instanceof Array?[]:{},r=t instanceof Array!==this.options[e]instanceof Array,l=t instanceof Array!==this.options[i]instanceof Array;r&&(this.options[e]=n);l&&s&&(this.options[i]=n);this.options[e]=deepExtend(null!==(o=this.options[e])&&void 0!==o?o:n,t);this.options[i]&&!s||(this.options[i]=deepExtend(null!==(a=this.options[i])&&void 0!==a?a:n,t))}}class SizeAnimation extends AnimationOptions{constructor(){super();this.destroy=\"none\";this.enable=false;this.speed=5;this.startValue=\"random\";this.sync=false}get size_min(){return this.minimumValue}set size_min(t){this.minimumValue=t}load(t){var e;super.load(t);if(t){void 0!==t.destroy&&(this.destroy=t.destroy);void 0!==t.enable&&(this.enable=t.enable);this.minimumValue=null!==(e=t.minimumValue)&&void 0!==e?e:t.size_min;void 0!==t.speed&&(this.speed=t.speed);void 0!==t.startValue&&(this.startValue=t.startValue);void 0!==t.sync&&(this.sync=t.sync)}}}class Size extends ValueWithRandom{constructor(){super();this.animation=new SizeAnimation;this.random.minimumValue=1;this.value=3}get anim(){return this.animation}set anim(t){this.animation=t}load(t){var e;super.load(t);if(!t)return;const i=null!==(e=t.animation)&&void 0!==e?e:t.anim;if(void 0!==i){this.animation.load(i);this.value=setRangeValue(this.value,this.animation.enable?this.animation.minimumValue:void 0)}}}class Stroke{constructor(){this.width=0}load(t){if(t){void 0!==t.color&&(this.color=AnimatableColor.create(this.color,t.color));void 0!==t.width&&(this.width=t.width);void 0!==t.opacity&&(this.opacity=t.opacity)}}}class ZIndex extends ValueWithRandom{constructor(){super();this.opacityRate=1;this.sizeRate=1;this.velocityRate=1}load(t){super.load(t);if(t){void 0!==t.opacityRate&&(this.opacityRate=t.opacityRate);void 0!==t.sizeRate&&(this.sizeRate=t.sizeRate);void 0!==t.velocityRate&&(this.velocityRate=t.velocityRate)}}}var F=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var D=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var L,H;class ParticlesOptions{constructor(t,e){L.set(this,void 0);H.set(this,void 0);F(this,H,t,\"f\");F(this,L,e,\"f\");this.bounce=new ParticlesBounce;this.collisions=new Collisions;this.color=new AnimatableColor;this.color.value=\"#fff\";this.destroy=new Destroy;this.groups={};this.move=new Move;this.number=new ParticlesNumber;this.opacity=new Opacity;this.reduceDuplicates=false;this.rotate=new Rotate;this.shadow=new Shadow;this.shape=new Shape;this.size=new Size;this.stroke=new Stroke;this.zIndex=new ZIndex}load(t){var e,i,s,o,a,n;if(!t)return;this.bounce.load(t.bounce);this.color.load(AnimatableColor.create(this.color,t.color));this.destroy.load(t.destroy);if(void 0!==t.groups)for(const i in t.groups){const s=t.groups[i];void 0!==s&&(this.groups[i]=deepExtend(null!==(e=this.groups[i])&&void 0!==e?e:{},s))}this.move.load(t.move);this.number.load(t.number);this.opacity.load(t.opacity);void 0!==t.reduceDuplicates&&(this.reduceDuplicates=t.reduceDuplicates);this.rotate.load(t.rotate);this.shape.load(t.shape);this.size.load(t.size);this.shadow.load(t.shadow);this.zIndex.load(t.zIndex);const r=null!==(s=null===(i=t.move)||void 0===i?void 0:i.collisions)&&void 0!==s?s:null===(o=t.move)||void 0===o?void 0:o.bounce;void 0!==r&&(this.collisions.enable=r);this.collisions.load(t.collisions);void 0!==t.interactivity&&(this.interactivity=deepExtend({},t.interactivity));const l=null!==(a=t.stroke)&&void 0!==a?a:null===(n=t.shape)||void 0===n?void 0:n.stroke;if(l)if(l instanceof Array)this.stroke=l.map((t=>{const e=new Stroke;e.load(t);return e}));else{this.stroke instanceof Array&&(this.stroke=new Stroke);this.stroke.load(l)}if(D(this,L,\"f\")){const e=D(this,H,\"f\").plugins.updaters.get(D(this,L,\"f\"));if(e)for(const i of e)i.loadOptions&&i.loadOptions(this,t);const i=D(this,H,\"f\").plugins.interactors.get(D(this,L,\"f\"));if(i)for(const e of i)e.loadParticlesOptions&&e.loadParticlesOptions(this,t)}}}L=new WeakMap,H=new WeakMap;function loadOptions(t,...e){for(const i of e)t.load(i)}function loadParticlesOptions(t,e,...i){const s=new ParticlesOptions(t,e);loadOptions(s,...i);return s}var W=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var B=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var q,j,_,G;class Options{constructor(t,e){q.add(this);j.set(this,void 0);_.set(this,void 0);W(this,_,t,\"f\");W(this,j,e,\"f\");this.autoPlay=true;this.background=new Background;this.backgroundMask=new BackgroundMask;this.fullScreen=new FullScreen;this.detectRetina=true;this.duration=0;this.fpsLimit=120;this.interactivity=new Interactivity(t,e);this.manualParticles=[];this.motion=new Motion;this.particles=loadParticlesOptions(B(this,_,\"f\"),B(this,j,\"f\"));this.pauseOnBlur=true;this.pauseOnOutsideViewport=true;this.responsive=[];this.style={};this.themes=[];this.zLayers=100}get backgroundMode(){return this.fullScreen}set backgroundMode(t){this.fullScreen.load(t)}get fps_limit(){return this.fpsLimit}set fps_limit(t){this.fpsLimit=t}get retina_detect(){return this.detectRetina}set retina_detect(t){this.detectRetina=t}load(t){var e,i,s,o,a;if(!t)return;if(void 0!==t.preset)if(t.preset instanceof Array)for(const e of t.preset)this.importPreset(e);else this.importPreset(t.preset);void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay);const n=null!==(e=t.detectRetina)&&void 0!==e?e:t.retina_detect;void 0!==n&&(this.detectRetina=n);void 0!==t.duration&&(this.duration=t.duration);const r=null!==(i=t.fpsLimit)&&void 0!==i?i:t.fps_limit;void 0!==r&&(this.fpsLimit=r);void 0!==t.pauseOnBlur&&(this.pauseOnBlur=t.pauseOnBlur);void 0!==t.pauseOnOutsideViewport&&(this.pauseOnOutsideViewport=t.pauseOnOutsideViewport);void 0!==t.zLayers&&(this.zLayers=t.zLayers);this.background.load(t.background);const l=null!==(s=t.fullScreen)&&void 0!==s?s:t.backgroundMode;\"boolean\"===typeof l?this.fullScreen.enable=l:this.fullScreen.load(l);this.backgroundMask.load(t.backgroundMask);this.interactivity.load(t.interactivity);void 0!==t.manualParticles&&(this.manualParticles=t.manualParticles.map((t=>{const e=new ManualParticle;e.load(t);return e})));this.motion.load(t.motion);this.particles.load(t.particles);this.style=deepExtend(this.style,t.style);B(this,_,\"f\").plugins.loadOptions(this,t);const c=B(this,_,\"f\").plugins.interactors.get(B(this,j,\"f\"));if(c)for(const e of c)e.loadOptions&&e.loadOptions(this,t);if(void 0!==t.responsive)for(const e of t.responsive){const t=new Responsive;t.load(e);this.responsive.push(t)}this.responsive.sort(((t,e)=>t.maxWidth-e.maxWidth));if(void 0!==t.themes)for(const e of t.themes){const t=new Theme;t.load(e);this.themes.push(t)}this.defaultDarkTheme=null===(o=B(this,q,\"m\",G).call(this,\"dark\"))||void 0===o?void 0:o.name;this.defaultLightTheme=null===(a=B(this,q,\"m\",G).call(this,\"light\"))||void 0===a?void 0:a.name}setResponsive(t,e,i){this.load(i);const s=this.responsive.find((i=>\"screen\"===i.mode&&screen?i.maxWidth>screen.availWidth:i.maxWidth*e>t));this.load(null===s||void 0===s?void 0:s.options);return null===s||void 0===s?void 0:s.maxWidth}setTheme(t){if(t){const e=this.themes.find((e=>e.name===t));e&&this.load(e.options)}else{const t=\"undefined\"!==typeof matchMedia&&matchMedia(\"(prefers-color-scheme: dark)\"),e=t&&t.matches,i=B(this,q,\"m\",G).call(this,e?\"dark\":\"light\");i&&this.load(i.options)}}importPreset(t){this.load(B(this,_,\"f\").plugins.getPreset(t))}}j=new WeakMap,_=new WeakMap,q=new WeakSet,G=function _Options_findDefaultTheme(t){var e;return null!==(e=this.themes.find((e=>e.default.value&&e.default.mode===t)))&&void 0!==e?e:this.themes.find((t=>t.default.value&&\"any\"===t.default.mode))};var $=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var N=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var U,X;class InteractionManager{constructor(t,e){this.container=e;U.set(this,void 0);X.set(this,void 0);$(this,U,t,\"f\");$(this,X,N(this,U,\"f\").plugins.getInteractors(this.container,true),\"f\");this.externalInteractors=[];this.particleInteractors=[]}async externalInteract(t){for(const e of this.externalInteractors)e.isEnabled()&&await e.interact(t)}handleClickMode(t){for(const e of this.externalInteractors)e.handleClickMode&&e.handleClickMode(t)}init(){this.externalInteractors=[];this.particleInteractors=[];for(const t of N(this,X,\"f\")){switch(t.type){case 0:this.externalInteractors.push(t);break;case 1:this.particleInteractors.push(t);break}t.init()}}async particlesInteract(t,e){for(const e of this.externalInteractors)e.clear(t);for(const i of this.particleInteractors)i.isEnabled(t)&&await i.interact(t,e)}async reset(t){for(const e of this.externalInteractors)e.isEnabled()&&await e.reset(t);for(const e of this.particleInteractors)e.isEnabled(t)&&await e.reset(t)}}U=new WeakMap,X=new WeakMap;class Vector3d extends Vector{constructor(t,e,i){super(t,e);if(\"number\"!==typeof t&&t)this.z=t.z;else{if(void 0===i)throw new Error(\"tsParticles - Vector not initialized correctly\");this.z=i}}static get origin(){return Vector3d.create(0,0,0)}static clone(t){return Vector3d.create(t.x,t.y,t.z)}static create(t,e,i){return new Vector3d(t,e,i)}add(t){return t instanceof Vector3d?Vector3d.create(this.x+t.x,this.y+t.y,this.z+t.z):super.add(t)}addTo(t){super.addTo(t);t instanceof Vector3d&&(this.z+=t.z)}copy(){return Vector3d.clone(this)}div(t){return Vector3d.create(this.x/t,this.y/t,this.z/t)}divTo(t){super.divTo(t);this.z/=t}mult(t){return Vector3d.create(this.x*t,this.y*t,this.z*t)}multTo(t){super.multTo(t);this.z*=t}setTo(t){super.setTo(t);const e=t;void 0!==e.z&&(this.z=e.z)}sub(t){return t instanceof Vector3d?Vector3d.create(this.x-t.x,this.y-t.y,this.z-t.z):super.sub(t)}subFrom(t){super.subFrom(t);t instanceof Vector3d&&(this.z-=t.z)}}var Y=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var Q=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var J;const fixOutMode=t=>{(isInArray(t.outMode,t.checkModes)||isInArray(t.outMode,t.checkModes))&&(t.coord>t.maxCoord-2*t.radius?t.setCb(-t.radius):t.coord<2*t.radius&&t.setCb(t.radius))};class Particle{constructor(t,e,i,s,o,a){var n,r,l,c,h,d,u,f,p;this.id=e;this.container=i;this.group=a;J.set(this,void 0);Y(this,J,t,\"f\");this.fill=true;this.close=true;this.lastPathTime=0;this.destroyed=false;this.unbreakable=false;this.splitCount=0;this.rotation=0;this.misplaced=false;this.retina={maxDistance:{}};this.outType=\"normal\";this.ignoresResizeRatio=true;const v=i.retina.pixelRatio,m=i.actualOptions,g=loadParticlesOptions(Q(this,J,\"f\"),i,m.particles);const y=g.shape.type,w=g.reduceDuplicates;this.shape=y instanceof Array?itemFromArray(y,this.id,w):y;if(null===o||void 0===o?void 0:o.shape){if(o.shape.type){const t=o.shape.type;this.shape=t instanceof Array?itemFromArray(t,this.id,w):t}const t=new Shape;t.load(o.shape);this.shape&&(this.shapeData=this.loadShapeData(t,w))}else this.shapeData=this.loadShapeData(g.shape,w);g.load(o);g.load(null===(n=this.shapeData)||void 0===n?void 0:n.particles);this.interactivity=new Interactivity(t,i);this.interactivity.load(i.actualOptions.interactivity);this.interactivity.load(g.interactivity);this.fill=null!==(l=null===(r=this.shapeData)||void 0===r?void 0:r.fill)&&void 0!==l?l:this.fill;this.close=null!==(h=null===(c=this.shapeData)||void 0===c?void 0:c.close)&&void 0!==h?h:this.close;this.options=g;const b=this.options.move.path;this.pathDelay=1e3*getValue(b.delay);if(b.generator){this.pathGenerator=Q(this,J,\"f\").plugins.getPathGenerator(b.generator);this.pathGenerator&&i.addPath(b.generator,this.pathGenerator)&&this.pathGenerator.init(i)}const x=getRangeValue(this.options.zIndex.value);i.retina.initParticle(this);const R=this.options.size,M=R.value,C=R.animation;this.size={enable:R.animation.enable,value:getRangeValue(R.value)*i.retina.pixelRatio,max:getRangeMax(M)*v,min:getRangeMin(M)*v,loops:0,maxLoops:getRangeValue(R.animation.count)};if(C.enable){this.size.status=0;this.size.decay=1-getRangeValue(C.decay);switch(C.startValue){case\"min\":this.size.value=this.size.min;this.size.status=0;break;case\"random\":this.size.value=randomInRange(this.size)*v;this.size.status=getRandom()>=.5?0:1;break;case\"max\":default:this.size.value=this.size.max;this.size.status=1;break}this.size.velocity=(null!==(d=this.retina.sizeAnimationSpeed)&&void 0!==d?d:i.retina.sizeAnimationSpeed)/100*i.retina.reduceFactor;C.sync||(this.size.velocity*=getRandom())}this.bubble={inRange:false};this.position=this.calcPosition(i,s,clamp(x,0,i.zLayers));this.initialPosition=this.position.copy();const P=i.canvas.size,z=this.options.move.center;this.moveCenter={x:P.width*z.x/100,y:P.height*z.y/100,radius:this.options.move.center.radius};this.direction=getParticleDirectionAngle(this.options.move.direction,this.position,this.moveCenter);switch(this.options.move.direction){case\"inside\":this.outType=\"inside\";break;case\"outside\":this.outType=\"outside\";break}this.initialVelocity=this.calculateVelocity();this.velocity=this.initialVelocity.copy();this.moveDecay=1-getRangeValue(this.options.move.decay);this.offset=Vector.origin;const k=i.particles;k.needsSort=k.needsSort||k.lastZIndex=-t&&this.position.y>=-t&&this.position.y<=e.height+t&&this.position.x<=e.width+t}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){this.opacity&&(this.opacity.loops=0);this.size.loops=0}calcPosition(t,e,i,s=0){var o,a,n,r;for(const[,s]of t.plugins){const t=void 0!==s.particlePosition?s.particlePosition(e,this):void 0;if(void 0!==t)return Vector3d.create(t.x,t.y,i)}const l=t.canvas.size,c=calcExactPositionOrRandomFromSize({size:l,position:e}),h=Vector3d.create(c.x,c.y,i),d=this.getRadius(),u=this.options.move.outModes,fixHorizontal=e=>{fixOutMode({outMode:e,checkModes:[\"bounce\",\"bounce-horizontal\"],coord:h.x,maxCoord:t.canvas.size.width,setCb:t=>h.x+=t,radius:d})},fixVertical=e=>{fixOutMode({outMode:e,checkModes:[\"bounce\",\"bounce-vertical\"],coord:h.y,maxCoord:t.canvas.size.height,setCb:t=>h.y+=t,radius:d})};fixHorizontal(null!==(o=u.left)&&void 0!==o?o:u.default);fixHorizontal(null!==(a=u.right)&&void 0!==a?a:u.default);fixVertical(null!==(n=u.top)&&void 0!==n?n:u.default);fixVertical(null!==(r=u.bottom)&&void 0!==r?r:u.default);return this.checkOverlap(h,s)?this.calcPosition(t,void 0,i,s+1):h}calculateVelocity(){const t=getParticleBaseVelocity(this.direction);const e=t.copy();const i=this.options.move;if(\"inside\"===i.direction||\"outside\"===i.direction)return e;const s=Math.PI/180*getRangeValue(i.angle.value);const o=Math.PI/180*getRangeValue(i.angle.offset);const a={left:o-s/2,right:o+s/2};i.straight||(e.angle+=randomInRange(setRangeValue(a.left,a.right)));i.random&&\"number\"===typeof i.speed&&(e.length*=getRandom());return e}checkOverlap(t,e=0){const i=this.options.collisions,s=this.getRadius();if(!i.enable)return false;const o=i.overlap;if(o.enable)return false;const a=o.retries;if(a>=0&&e>a)throw new Error(\"Particle is overlapping and can't be placed\");let n=false;for(const e of this.container.particles.array)if(getDistance(t,e.position)=0&&this.splitCount++>t.count)return;const e=getValue(t.rate),i=t.particles instanceof Array?itemFromArray(t.particles):t.particles;for(let t=0;te}if(void 0!==e.size){const t=e.size.width,i=e.size.height,s=Math.pow(a-t,2)+Math.pow(n-i,2);return!(a>r+t||n>r+i)&&(a<=t||n<=i||s<=r*r)}return false}}class Rectangle extends Range{constructor(t,e,i,s){super(t,e);this.size={height:s,width:i}}contains(t){const e=this.size.width,i=this.size.height,s=this.position;return t.x>=s.x&&t.x<=s.x+e&&t.y>=s.y&&t.y<=s.y+i}intersects(t){const e=t,i=t,s=this.size.width,o=this.size.height,a=this.position,n=t.position;if(void 0!==i.radius)return i.intersects(this);if(!e.size)return false;const r=e.size,l=r.width,c=r.height;return n.xa.x&&n.ya.y}}class CircleWarp extends Circle{constructor(t,e,i,s){super(t,e,i);this.canvasSize=s;this.canvasSize=Object.assign({},s)}contains(t){if(super.contains(t))return true;const e={x:t.x-this.canvasSize.width,y:t.y};if(super.contains(e))return true;const i={x:t.x-this.canvasSize.width,y:t.y-this.canvasSize.height};if(super.contains(i))return true;const s={x:t.x,y:t.y-this.canvasSize.height};return super.contains(s)}intersects(t){if(super.intersects(t))return true;const e=t,i=t,s={x:t.position.x-this.canvasSize.width,y:t.position.y-this.canvasSize.height};if(void 0!==i.radius){const t=new Circle(s.x,s.y,2*i.radius);return super.intersects(t)}if(void 0!==e.size){const t=new Rectangle(s.x,s.y,2*e.size.width,2*e.size.height);return super.intersects(t)}return false}}class QuadTree{constructor(t,e){this.rectangle=t;this.capacity=e;this.points=[];this.divided=false}insert(t){var e,i,s,o,a;if(!this.rectangle.contains(t.position))return false;if(this.points.lengthi.particle.getRadius()&&(!e||e(i.particle))||r.push(i.particle);if(this.divided){null===(s=this.northEast)||void 0===s?void 0:s.query(t,e,r);null===(o=this.northWest)||void 0===o?void 0:o.query(t,e,r);null===(a=this.southEast)||void 0===a?void 0:a.query(t,e,r);null===(n=this.southWest)||void 0===n?void 0:n.query(t,e,r)}return r}queryCircle(t,e,i){return this.query(new Circle(t.x,t.y,e),i)}queryCircleWarp(t,e,i,s){const o=i,a=i;return this.query(new CircleWarp(t.x,t.y,e,void 0!==o.canvas?o.canvas.size:a),s)}queryRectangle(t,e,i){return this.query(new Rectangle(t.x,t.y,e.width,e.height),i)}subdivide(){const t=this.rectangle.position.x,e=this.rectangle.position.y,i=this.rectangle.size.width,s=this.rectangle.size.height,o=this.capacity;this.northEast=new QuadTree(new Rectangle(t,e,i/2,s/2),o);this.northWest=new QuadTree(new Rectangle(t+i/2,e,i/2,s/2),o);this.southEast=new QuadTree(new Rectangle(t,e+s/2,i/2,s/2),o);this.southWest=new QuadTree(new Rectangle(t+i/2,e+s/2,i/2,s/2),o);this.divided=true}}var Z=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var K=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var tt;class Particles{constructor(t,e){this.container=e;tt.set(this,void 0);Z(this,tt,t,\"f\");this.nextId=0;this.array=[];this.zArray=[];this.limit=0;this.needsSort=false;this.lastZIndex=0;this.freqs={links:new Map,triangles:new Map};this.interactionManager=new InteractionManager(K(this,tt,\"f\"),e);const i=this.container.canvas.size;this.quadTree=new QuadTree(new Rectangle(-i.width/4,-i.height/4,3*i.width/2,3*i.height/2),4);this.movers=K(this,tt,\"f\").plugins.getMovers(e,true);this.updaters=K(this,tt,\"f\").plugins.getUpdaters(e,true)}get count(){return this.array.length}addManualParticles(){const t=this.container,e=t.actualOptions;for(const i of e.manualParticles)this.addParticle(calcPositionFromSize({size:t.canvas.size,position:i.position}),i.options)}addParticle(t,e,i){const s=this.container,o=s.actualOptions,a=o.particles.number.limit;if(a>0){const t=this.count+1-a;t>0&&this.removeQuantity(t)}return this.pushParticle(t,e,i)}addSplitParticle(t,e){const i=t.options.destroy.split,s=loadParticlesOptions(K(this,tt,\"f\"),this.container,t.options),o=getValue(i.factor);s.color.load({value:{hsl:t.getFillColor()}});if(\"number\"===typeof s.size.value)s.size.value/=o;else{s.size.value.min/=o;s.size.value.max/=o}s.load(e);const a=i.sizeOffset?setRangeValue(-t.size.value,t.size.value):0,n={x:t.position.x+randomInRange(a),y:t.position.y+randomInRange(a)};return this.pushParticle(n,s,t.group,(e=>{if(e.size.value<.5)return false;e.velocity.length=randomInRange(setRangeValue(t.velocity.length,e.velocity.length));e.splitCount=t.splitCount+1;e.unbreakable=true;setTimeout((()=>{e.unbreakable=false}),500);return true}))}clear(){this.array=[];this.zArray=[]}destroy(){this.array=[];this.zArray=[];this.movers=[];this.updaters=[]}async draw(t){const e=this.container,i=this.container.canvas.size;this.quadTree=new QuadTree(new Rectangle(-i.width/4,-i.height/4,3*i.width/2,3*i.height/2),4);e.canvas.clear();await this.update(t);if(this.needsSort){this.zArray.sort(((t,e)=>e.position.z-t.position.z||t.id-e.id));this.lastZIndex=this.zArray[this.zArray.length-1].position.z;this.needsSort=false}for(const[,i]of e.plugins)e.canvas.drawPlugin(i,t);for(const e of this.zArray)e.draw(t)}getLinkFrequency(t,e){const i=setRangeValue(t.id,e.id),s=`${getRangeMin(i)}_${getRangeMax(i)}`;let o=this.freqs.links.get(s);if(void 0===o){o=getRandom();this.freqs.links.set(s,o)}return o}getTriangleFrequency(t,e,i){let[s,o,a]=[t.id,e.id,i.id];s>o&&([o,s]=[s,o]);o>a&&([a,o]=[o,a]);s>a&&([a,s]=[s,a]);const n=`${s}_${o}_${a}`;let r=this.freqs.triangles.get(n);if(void 0===r){r=getRandom();this.freqs.triangles.set(n,r)}return r}handleClickMode(t){this.interactionManager.handleClickMode(t)}init(){var t;const e=this.container,i=e.actualOptions;this.lastZIndex=0;this.needsSort=false;this.freqs.links=new Map;this.freqs.triangles=new Map;let s=false;this.updaters=K(this,tt,\"f\").plugins.getUpdaters(e,true);this.interactionManager.init();for(const[,t]of e.plugins){void 0!==t.particlesInitialization&&(s=t.particlesInitialization());if(s)break}this.interactionManager.init();for(const[,t]of e.pathGenerators)t.init(e);this.addManualParticles();if(!s){for(const e in i.particles.groups){const s=i.particles.groups[e];for(let o=this.count,a=0;a<(null===(t=s.number)||void 0===t?void 0:t.value)&&o=0&&t<=this.count))return;let o=0;for(let a=t;o0?o.limit:n,l=Math.min(n,r)*a+e,c=Math.min(this.count,this.array.filter((t=>t.group===i)).length);this.limit=o.limit*a;cl&&this.removeQuantity(c-l,i)}initDensityFactor(t){const e=this.container;if(!e.canvas.element||!t.enable)return 1;const i=e.canvas.element,s=e.retina.pixelRatio;return i.width*i.height/(t.factor*s**2*t.area)}pushParticle(t,e,i,s){try{const o=new Particle(K(this,tt,\"f\"),this.nextId,this.container,t,e,i);let a=true;s&&(a=s(o));if(!a)return;this.array.push(o);this.zArray.push(o);this.nextId++;K(this,tt,\"f\").dispatchEvent(\"particleAdded\",{container:this.container,data:{particle:o}});return o}catch(t){console.warn(`error adding particle: ${t}`);return}}}tt=new WeakMap;class Retina{constructor(t){this.container=t}init(){const t=this.container,e=t.actualOptions;this.pixelRatio=!e.detectRetina||isSsr()?1:window.devicePixelRatio;const i=this.container.actualOptions.motion;if(i&&(i.disable||i.reduce.value))if(isSsr()||\"undefined\"===typeof matchMedia||!matchMedia)this.reduceFactor=1;else{const e=matchMedia(\"(prefers-reduced-motion: reduce)\");if(e){this.handleMotionChange(e);const handleChange=()=>{this.handleMotionChange(e);t.refresh().catch((()=>{}))};void 0!==e.addEventListener?e.addEventListener(\"change\",handleChange):void 0!==e.addListener&&e.addListener(handleChange)}}else this.reduceFactor=1;const s=this.pixelRatio;if(t.canvas.element){const e=t.canvas.element;t.canvas.size.width=e.offsetWidth*s;t.canvas.size.height=e.offsetHeight*s}const o=e.particles;this.attractDistance=getRangeValue(o.move.attract.distance)*s;this.sizeAnimationSpeed=getRangeValue(o.size.animation.speed)*s;this.maxSpeed=getRangeValue(o.move.gravity.maxSpeed)*s;const a=e.interactivity.modes;this.slowModeRadius=a.slow.radius*s}initParticle(t){const e=t.options,i=this.pixelRatio,s=e.move.distance,o=t.retina;o.attractDistance=getRangeValue(e.move.attract.distance)*i;o.moveDrift=getRangeValue(e.move.drift)*i;o.moveSpeed=getRangeValue(e.move.speed)*i;o.sizeAnimationSpeed=getRangeValue(e.size.animation.speed)*i;const a=o.maxDistance;a.horizontal=void 0!==s.horizontal?s.horizontal*i:void 0;a.vertical=void 0!==s.vertical?s.vertical*i:void 0;o.maxSpeed=getRangeValue(e.move.gravity.maxSpeed)*i}handleMotionChange(t){const e=this.container.actualOptions;if(t.matches){const t=e.motion;this.reduceFactor=t.disable?0:t.reduce.value?1/t.reduce.factor:1}else this.reduceFactor=1}}var et=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var it=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var st,ot,at,nt,rt;function guardCheck(t){return void 0!==t&&!t.destroyed}function loadContainerOptions(t,e,...i){const s=new Options(t,e);loadOptions(s,...i);return s}const lt=\"default\",ct={generate:t=>{const e=t.velocity.copy();e.angle+=e.length*Math.PI/180;return e},init:()=>{},update:()=>{}};class Container{constructor(t,e,i){this.id=e;st.set(this,void 0);ot.set(this,void 0);at.set(this,void 0);nt.set(this,void 0);rt.set(this,void 0);et(this,st,t,\"f\");this.fpsLimit=120;this.duration=0;this.lifeTime=0;this.firstStart=true;this.started=false;this.destroyed=false;this.paused=true;this.lastFrameTime=0;this.zLayers=100;this.pageHidden=false;et(this,rt,i,\"f\");this._initialSourceOptions=i;this.retina=new Retina(this);this.canvas=new Canvas(this);this.particles=new Particles(it(this,st,\"f\"),this);this.frameManager=new FrameManager(this);this.pathGenerators=new Map;this.interactivity={mouse:{clicking:false,inside:false}};this.plugins=new Map;this.drawers=new Map;et(this,nt,loadContainerOptions(it(this,st,\"f\"),this),\"f\");this.actualOptions=loadContainerOptions(it(this,st,\"f\"),this);et(this,ot,new EventListeners(this),\"f\");\"undefined\"!==typeof IntersectionObserver&&IntersectionObserver&&et(this,at,new IntersectionObserver((t=>this.intersectionManager(t))),\"f\");it(this,st,\"f\").dispatchEvent(\"containerBuilt\",{container:this})}get options(){return it(this,nt,\"f\")}get sourceOptions(){return it(this,rt,\"f\")}addClickHandler(t){if(!guardCheck(this))return;const e=this.interactivity.element;if(!e)return;const clickOrTouchHandler=(e,i,s)=>{if(!guardCheck(this))return;const o=this.retina.pixelRatio,a={x:i.x*o,y:i.y*o},n=this.particles.quadTree.queryCircle(a,s*o);t(e,n)};const clickHandler=t=>{if(!guardCheck(this))return;const e=t,i={x:e.offsetX||e.clientX,y:e.offsetY||e.clientY};clickOrTouchHandler(t,i,1)};const touchStartHandler=()=>{if(guardCheck(this)){i=true;s=false}};const touchMoveHandler=()=>{guardCheck(this)&&(s=true)};const touchEndHandler=t=>{var e,o,a;if(guardCheck(this)){if(i&&!s){const i=t;let s=i.touches[i.touches.length-1];if(!s){s=i.changedTouches[i.changedTouches.length-1];if(!s)return}const n=null===(e=this.canvas.element)||void 0===e?void 0:e.getBoundingClientRect(),r={x:s.clientX-(null!==(o=null===n||void 0===n?void 0:n.left)&&void 0!==o?o:0),y:s.clientY-(null!==(a=null===n||void 0===n?void 0:n.top)&&void 0!==a?a:0)};clickOrTouchHandler(t,r,Math.max(s.radiusX,s.radiusY))}i=false;s=false}};const touchCancelHandler=()=>{if(guardCheck(this)){i=false;s=false}};let i=false;let s=false;e.addEventListener(\"click\",clickHandler);e.addEventListener(\"touchstart\",touchStartHandler);e.addEventListener(\"touchmove\",touchMoveHandler);e.addEventListener(\"touchend\",touchEndHandler);e.addEventListener(\"touchcancel\",touchCancelHandler)}addPath(t,e,i=false){if(!guardCheck(this)||!i&&this.pathGenerators.has(t))return false;this.pathGenerators.set(t,null!==e&&void 0!==e?e:ct);return true}destroy(){if(!guardCheck(this))return;this.stop();this.particles.destroy();this.canvas.destroy();for(const[,t]of this.drawers)t.destroy&&t.destroy(this);for(const t of this.drawers.keys())this.drawers.delete(t);it(this,st,\"f\").plugins.destroy(this);this.destroyed=true;const t=it(this,st,\"f\").dom(),e=t.findIndex((t=>t===this));e>=0&&t.splice(e,1);it(this,st,\"f\").dispatchEvent(\"containerDestroyed\",{container:this})}draw(t){if(!guardCheck(this))return;let e=t;this.drawAnimationFrame=animate()((async t=>{if(e){this.lastFrameTime=void 0;e=false}await this.frameManager.nextFrame(t)}))}exportConfiguration(){return JSON.stringify(this.actualOptions,void 0,2)}exportImage(t,e,i){var s;return null===(s=this.canvas.element)||void 0===s?void 0:s.toBlob(t,null!==e&&void 0!==e?e:\"image/png\",i)}exportImg(t){this.exportImage(t)}getAnimationStatus(){return!this.paused&&!this.pageHidden&&guardCheck(this)}handleClickMode(t){if(guardCheck(this)){this.particles.handleClickMode(t);for(const[,e]of this.plugins)e.handleClickMode&&e.handleClickMode(t)}}async init(){if(!guardCheck(this))return;const t=it(this,st,\"f\").plugins.getSupportedShapes();for(const e of t){const t=it(this,st,\"f\").plugins.getShapeDrawer(e);t&&this.drawers.set(e,t)}et(this,nt,loadContainerOptions(it(this,st,\"f\"),this,this._initialSourceOptions,this.sourceOptions),\"f\");this.actualOptions=loadContainerOptions(it(this,st,\"f\"),this,it(this,nt,\"f\"));this.retina.init();this.canvas.init();this.updateActualOptions();this.canvas.initBackground();this.canvas.resize();this.zLayers=this.actualOptions.zLayers;this.duration=getRangeValue(this.actualOptions.duration);this.lifeTime=0;this.fpsLimit=this.actualOptions.fpsLimit>0?this.actualOptions.fpsLimit:120;const e=it(this,st,\"f\").plugins.getAvailablePlugins(this);for(const[t,i]of e)this.plugins.set(t,i);for(const[,t]of this.drawers)t.init&&await t.init(this);for(const[,t]of this.plugins)t.init?t.init(this.actualOptions):void 0!==t.initAsync&&await t.initAsync(this.actualOptions);it(this,st,\"f\").dispatchEvent(\"containerInit\",{container:this});this.particles.init();this.particles.setDensity();for(const[,t]of this.plugins)void 0!==t.particlesSetup&&t.particlesSetup();it(this,st,\"f\").dispatchEvent(\"particlesSetup\",{container:this})}async loadTheme(t){if(guardCheck(this)){this.currentTheme=t;await this.refresh()}}pause(){if(guardCheck(this)){if(void 0!==this.drawAnimationFrame){cancelAnimation()(this.drawAnimationFrame);delete this.drawAnimationFrame}if(!this.paused){for(const[,t]of this.plugins)t.pause&&t.pause();this.pageHidden||(this.paused=true);it(this,st,\"f\").dispatchEvent(\"containerPaused\",{container:this})}}}play(t){if(!guardCheck(this))return;const e=this.paused||t;if(!this.firstStart||this.actualOptions.autoPlay){this.paused&&(this.paused=false);if(e)for(const[,t]of this.plugins)t.play&&t.play();it(this,st,\"f\").dispatchEvent(\"containerPlay\",{container:this});this.draw(e||false)}else this.firstStart=false}async refresh(){if(guardCheck(this)){this.stop();return this.start()}}async reset(){if(guardCheck(this)){et(this,nt,loadContainerOptions(it(this,st,\"f\"),this),\"f\");return this.refresh()}}setNoise(t,e,i){guardCheck(this)&&this.setPath(t,e,i)}setPath(t,e,i){if(!t||!guardCheck(this))return;const s=Object.assign({},ct);if(\"function\"===typeof t){s.generate=t;e&&(s.init=e);i&&(s.update=i)}else{const e=s;s.generate=t.generate||e.generate;s.init=t.init||e.init;s.update=t.update||e.update}this.addPath(lt,s,true)}async start(){if(!this.started&&guardCheck(this)){await this.init();this.started=true;it(this,ot,\"f\").addListeners();this.interactivity.element instanceof HTMLElement&&it(this,at,\"f\")&&it(this,at,\"f\").observe(this.interactivity.element);for(const[,t]of this.plugins)void 0!==t.startAsync?await t.startAsync():void 0!==t.start&&t.start();it(this,st,\"f\").dispatchEvent(\"containerStarted\",{container:this});this.play()}}stop(){var t;if(this.started&&guardCheck(this)){this.firstStart=true;this.started=false;it(this,ot,\"f\").removeListeners();this.pause();this.particles.clear();this.canvas.clear();this.interactivity.element instanceof HTMLElement&&it(this,at,\"f\")&&it(this,at,\"f\").unobserve(this.interactivity.element);for(const[,e]of this.plugins)null===(t=e.stop)||void 0===t?void 0:t.call(e);for(const t of this.plugins.keys())this.plugins.delete(t);et(this,rt,it(this,nt,\"f\"),\"f\");it(this,st,\"f\").dispatchEvent(\"containerStopped\",{container:this})}}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,it(this,nt,\"f\"));this.actualOptions.setTheme(this.currentTheme);if(this.responsiveMaxWidth!=t){this.responsiveMaxWidth=t;return true}return false}intersectionManager(t){if(guardCheck(this)&&this.actualOptions.pauseOnOutsideViewport)for(const e of t)e.target===this.interactivity.element&&(e.isIntersecting?this.play:this.pause)()}}st=new WeakMap,ot=new WeakMap,at=new WeakMap,nt=new WeakMap,rt=new WeakMap;var ht=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var dt=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var ut;function fetchError(t){console.error(`tsParticles - Error ${t} while retrieving config file`)}async function getDataFromUrl(t,e){const i=t instanceof Array?itemFromArray(t,e):t;if(!i)return;const s=await fetch(i);if(s.ok)return s.json();fetchError(s.status)}class Loader{constructor(t){ut.set(this,void 0);ht(this,ut,t,\"f\")}load(t,e,i){const s={index:i,remote:false};\"string\"===typeof t?s.tagId=t:s.options=t;\"number\"===typeof e?s.index=e:s.options=null!==e&&void 0!==e?e:s.options;return this.loadOptions(s)}async loadJSON(t,e,i){let s,o;if(\"number\"===typeof e||void 0===e)s=t;else{o=t;s=e}return this.loadRemoteOptions({tagId:o,url:s,index:i,remote:true})}async loadOptions(t){var e,i,s;const o=null!==(e=t.tagId)&&void 0!==e?e:`tsparticles${Math.floor(1e4*getRandom())}`,{index:a,url:n,remote:l}=t,c=l?await getDataFromUrl(n,a):t.options;let h=null!==(i=t.element)&&void 0!==i?i:document.getElementById(o);if(!h){h=document.createElement(\"div\");h.id=o;null===(s=document.querySelector(\"body\"))||void 0===s?void 0:s.append(h)}const d=c instanceof Array?itemFromArray(c,a):c,u=dt(this,ut,\"f\").dom(),f=u.findIndex((t=>t.id===o));if(f>=0){const t=dt(this,ut,\"f\").domItem(f);if(t&&!t.destroyed){t.destroy();u.splice(f,1)}}let p;if(\"canvas\"===h.tagName.toLowerCase()){p=h;p.dataset[r]=\"false\"}else{const t=h.getElementsByTagName(\"canvas\");if(t.length){p=t[0];p.dataset[r]=\"false\"}else{p=document.createElement(\"canvas\");p.dataset[r]=\"true\";h.appendChild(p)}}p.style.width||(p.style.width=\"100%\");p.style.height||(p.style.height=\"100%\");const v=new Container(dt(this,ut,\"f\"),o,d);f>=0?u.splice(f,0,v):u.push(v);v.canvas.loadCanvas(p);await v.start();return v}async loadRemoteOptions(t){return this.loadOptions(t)}async set(t,e,i,s){const o={index:s,remote:false};\"string\"===typeof t?o.tagId=t:o.element=t;e instanceof HTMLElement?o.element=e:o.options=e;\"number\"===typeof i?o.index=i:o.options=null!==i&&void 0!==i?i:o.options;return this.loadOptions(o)}async setJSON(t,e,i,s){let o,a,n,r;if(t instanceof HTMLElement){r=t;o=e;n=i}else{a=t;r=e;o=i;n=s}return this.loadRemoteOptions({tagId:a,url:o,index:n,element:r,remote:true})}}ut=new WeakMap;var ft=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var pt;class Plugins{constructor(t){pt.set(this,void 0);ft(this,pt,t,\"f\");this.plugins=[];this.interactorsInitializers=new Map;this.moversInitializers=new Map;this.updatersInitializers=new Map;this.interactors=new Map;this.movers=new Map;this.updaters=new Map;this.presets=new Map;this.drawers=new Map;this.pathGenerators=new Map}addInteractor(t,e){this.interactorsInitializers.set(t,e)}addParticleMover(t,e){this.moversInitializers.set(t,e)}addParticleUpdater(t,e){this.updatersInitializers.set(t,e)}addPathGenerator(t,e){this.getPathGenerator(t)||this.pathGenerators.set(t,e)}addPlugin(t){this.getPlugin(t.id)||this.plugins.push(t)}addPreset(t,e,i=false){!i&&this.getPreset(t)||this.presets.set(t,e)}addShapeDrawer(t,e){this.getShapeDrawer(t)||this.drawers.set(t,e)}destroy(t){this.updaters.delete(t);this.movers.delete(t);this.interactors.delete(t)}getAvailablePlugins(t){const e=new Map;for(const i of this.plugins)i.needsPlugin(t.actualOptions)&&e.set(i.id,i.getPlugin(t));return e}getInteractors(t,e=false){let i=this.interactors.get(t);if(!i||e){i=[...this.interactorsInitializers.values()].map((e=>e(t)));this.interactors.set(t,i)}return i}getMovers(t,e=false){let i=this.movers.get(t);if(!i||e){i=[...this.moversInitializers.values()].map((e=>e(t)));this.movers.set(t,i)}return i}getPathGenerator(t){return this.pathGenerators.get(t)}getPlugin(t){return this.plugins.find((e=>e.id===t))}getPreset(t){return this.presets.get(t)}getShapeDrawer(t){return this.drawers.get(t)}getSupportedShapes(){return this.drawers.keys()}getUpdaters(t,e=false){let i=this.updaters.get(t);if(!i||e){i=[...this.updatersInitializers.values()].map((e=>e(t)));this.updaters.set(t,i)}return i}loadOptions(t,e){for(const i of this.plugins)i.loadOptions(t,e)}loadParticlesOptions(t,e,...i){const s=this.updaters.get(t);if(s)for(const t of s)t.loadOptions&&t.loadOptions(e,...i)}}pt=new WeakMap;var vt=(void 0,function(t,e,i,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,i):o?o.value=i:e.set(t,i),i});var mt=(void 0,function(t,e,i,s){if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?s:\"a\"===i?s.call(t):s?s.value:e.get(t)});var gt,yt,wt,bt;class Engine{constructor(){gt.set(this,void 0);yt.set(this,void 0);wt.set(this,void 0);bt.set(this,void 0);vt(this,gt,[],\"f\");vt(this,yt,new EventDispatcher,\"f\");vt(this,wt,false,\"f\");vt(this,bt,new Loader(this),\"f\");this.plugins=new Plugins(this)}addEventListener(t,e){mt(this,yt,\"f\").addEventListener(t,e)}async addInteractor(t,e){this.plugins.addInteractor(t,e);await this.refresh()}async addMover(t,e){this.plugins.addParticleMover(t,e);await this.refresh()}async addParticleUpdater(t,e){this.plugins.addParticleUpdater(t,e);await this.refresh()}async addPathGenerator(t,e){this.plugins.addPathGenerator(t,e);await this.refresh()}async addPlugin(t){this.plugins.addPlugin(t);await this.refresh()}async addPreset(t,e,i=false){this.plugins.addPreset(t,e,i);await this.refresh()}async addShape(t,e,i,s,o){let a;a=\"function\"===typeof e?{afterEffect:s,destroy:o,draw:e,init:i}:e;this.plugins.addShapeDrawer(t,a);await this.refresh()}dispatchEvent(t,e){mt(this,yt,\"f\").dispatchEvent(t,e)}dom(){return mt(this,gt,\"f\")}domItem(t){const e=this.dom(),i=e[t];if(i&&!i.destroyed)return i;e.splice(t,1)}init(){mt(this,wt,\"f\")||vt(this,wt,true,\"f\")}async load(t,e){return mt(this,bt,\"f\").load(t,e)}async loadFromArray(t,e,i){return mt(this,bt,\"f\").load(t,e,i)}async loadJSON(t,e,i){return mt(this,bt,\"f\").loadJSON(t,e,i)}async refresh(){for(const t of this.dom())await t.refresh()}removeEventListener(t,e){mt(this,yt,\"f\").removeEventListener(t,e)}async set(t,e,i){return mt(this,bt,\"f\").set(t,e,i)}async setJSON(t,e,i,s){return mt(this,bt,\"f\").setJSON(t,e,i,s)}setOnClickHandler(t){const e=this.dom();if(!e.length)throw new Error(\"Can only set click handlers after calling tsParticles.load() or tsParticles.loadJSON()\");for(const i of e)i.addClickHandler(t)}}gt=new WeakMap,yt=new WeakMap,wt=new WeakMap,bt=new WeakMap;class HslColorManager{constructor(){this.stringPrefix=\"hsl\"}handleColor(t){var e;const i=t.value,s=null!==(e=i.hsl)&&void 0!==e?e:t.value;if(void 0!==s.h&&void 0!==s.l)return hslToRgb(s)}handleRangeColor(t){var e;const i=t.value,s=null!==(e=i.hsl)&&void 0!==e?e:t.value;if(void 0!==s.h&&void 0!==s.l)return hslToRgb({h:getRangeValue(s.h),l:getRangeValue(s.l),s:getRangeValue(s.s)})}parseString(t){if(!t.startsWith(\"hsl\"))return;const e=/hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+)%\\s*,\\s*(\\d+)%\\s*(,\\s*([\\d.%]+)\\s*)?\\)/i,i=e.exec(t);return i?hslaToRgba({a:i.length>4?parseAlpha(i[5]):1,h:parseInt(i[1],10),l:parseInt(i[3],10),s:parseInt(i[2],10)}):void 0}}class RgbColorManager{constructor(){this.stringPrefix=\"rgb\"}handleColor(t){var e;const i=t.value,s=null!==(e=i.rgb)&&void 0!==e?e:t.value;if(void 0!==s.r)return s}handleRangeColor(t){var e;const i=t.value,s=null!==(e=i.rgb)&&void 0!==e?e:t.value;if(void 0!==s.r)return{r:getRangeValue(s.r),g:getRangeValue(s.g),b:getRangeValue(s.b)}}parseString(t){if(!t.startsWith(this.stringPrefix))return;const e=/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(,\\s*([\\d.%]+)\\s*)?\\)/i,i=e.exec(t);return i?{a:i.length>4?parseAlpha(i[5]):1,b:parseInt(i[3],10),g:parseInt(i[2],10),r:parseInt(i[1],10)}:void 0}}class ExternalInteractorBase{constructor(t){this.container=t;this.type=0}}class ParticlesInteractorBase{constructor(t){this.container=t;this.type=1}}const xt=new RgbColorManager,Rt=new HslColorManager;addColorManager(\"rgb\",xt);addColorManager(\"hsl\",Rt);const Mt=new Engine;Mt.init();export{AnimatableColor,AnimationOptions,Background,BackgroundMask,BackgroundMaskCover,Circle,CircleWarp,ClickEvent,Collisions,CollisionsOverlap,ColorAnimation,Destroy,DivEvent,Events,ExternalInteractorBase,FullScreen,HoverEvent,HslAnimation,HslColorManager,Interactivity,ManualParticle,Modes,Motion,MotionReduce,Move,MoveAngle,MoveAttract,MoveGravity,MovePath,MovePathDelay,MoveTrail,Opacity,OpacityAnimation,Options,OptionsColor,OutModes,Parallax,ParticlesBounce,ParticlesBounceFactor,ParticlesDensity,ParticlesInteractorBase,ParticlesNumber,ParticlesOptions,Point,Range,Rectangle,Responsive,RgbColorManager,Rotate,RotateAnimation,Shadow,Shape,Size,SizeAnimation,Slow,Spin,Split,SplitFactor,SplitRate,Stroke,Theme,ThemeDefault,ValueWithRandom,Vector,Vector3d,ZIndex,addColorManager,alterHsl,animate,areBoundsInside,arrayRandomIndex,calcEasing,calcExactPositionOrRandomFromSize,calcExactPositionOrRandomFromSizeRanged,calcPositionFromSize,calcPositionOrRandomFromSize,calcPositionOrRandomFromSizeRanged,calculateBounds,cancelAnimation,circleBounce,circleBounceDataFromParticle,clamp,clear,collisionVelocity,colorMix,colorToHsl,colorToRgb,deepExtend,divMode,divModeExecute,drawLine,drawParticle,drawParticlePlugin,drawPlugin,drawShape,drawShapeAfterEffect,drawTriangle,r as generatedAttribute,getDistance,getDistances,getHslAnimationFromHsl,getHslFromAnimation,getLinkColor,getLinkRandomColor,getParticleBaseVelocity,getParticleDirectionAngle,getRandom,getRandomRgbColor,getRangeMax,getRangeMin,getRangeValue,getStyleFromHsl,getStyleFromRgb,getValue,hslToRgb,hslaToRgba,isDivModeEnabled,isInArray,isPointInside,isSsr,itemFromArray,loadFont,loadOptions,loadParticlesOptions,mix,c as mouseDownEvent,p as mouseLeaveEvent,d as mouseMoveEvent,v as mouseOutEvent,h as mouseUpEvent,w as noPolygonDataLoaded,b as noPolygonFound,paintBase,parseAlpha,randomInRange,rangeColorToHsl,rangeColorToRgb,rectBounce,g as resizeEvent,rgbToHsl,setRandom,setRangeValue,singleDivModeExecute,stringToAlpha,stringToRgb,m as touchCancelEvent,l as touchEndEvent,f as touchMoveEvent,u as touchStartEvent,Mt as tsParticles,y as visibilityChangeEvent};\n\n//# sourceMappingURL=index.js.map", "var r={};r=function equal(r,e){if(r===e)return true;if(r&&e&&\"object\"==typeof r&&\"object\"==typeof e){if(r.constructor!==e.constructor)return false;var t,f,o;if(Array.isArray(r)){t=r.length;if(t!=e.length)return false;for(f=t;0!==f--;)if(!equal(r[f],e[f]))return false;return true}if(r.constructor===RegExp)return r.source===e.source&&r.flags===e.flags;if(r.valueOf!==Object.prototype.valueOf)return r.valueOf()===e.valueOf();if(r.toString!==Object.prototype.toString)return r.toString()===e.toString();o=Object.keys(r);t=o.length;if(t!==Object.keys(e).length)return false;for(f=t;0!==f--;)if(!Object.prototype.hasOwnProperty.call(e,o[f]))return false;for(f=t;0!==f--;){var u=o[f];if((\"_owner\"!==u||!r.$$typeof)&&!equal(r[u],e[u]))return false}return true}return r!==r&&e!==e};var e=r;export default e;\n\n//# sourceMappingURL=react.js.map", "import t,{Component as s}from\"react\";import{tsParticles as i}from\"tsparticles-engine\";import e from\"fast-deep-equal/react\";const a=\"tsparticles\";class Particles extends s{constructor(t){super(t);this.state={init:false,library:void 0}}destroy(){if(this.state.library){this.state.library.destroy();this.setState({library:void 0})}}shouldComponentUpdate(t){return!e(t,this.props)}componentDidUpdate(){this.refresh()}forceUpdate(){this.refresh().then((()=>{super.forceUpdate()}))}componentDidMount(){(async()=>{this.props.init&&await this.props.init(i);this.setState({init:true},(async()=>{await this.loadParticles()}))})()}componentWillUnmount(){this.destroy()}render(){const{width:s,height:i,className:e,canvasClassName:a,id:r}=this.props;return t.createElement(\"div\",{className:e,id:r},t.createElement(\"canvas\",{className:a,style:Object.assign(Object.assign({},this.props.style),{width:s,height:i})}))}async refresh(){this.destroy();await this.loadParticles()}async loadParticles(){var t,s,e;if(!this.state.init)return;const cb=async t=>{this.props.container&&(this.props.container.current=t);this.setState({library:t});this.props.loaded&&await this.props.loaded(t)};const r=null!==(s=null!==(t=this.props.id)&&void 0!==t?t:Particles.defaultProps.id)&&void 0!==s?s:a,o=this.props.url?await i.loadJSON(r,this.props.url):await i.load(r,null!==(e=this.props.params)&&void 0!==e?e:this.props.options);await cb(o)}}Particles.defaultProps={width:\"100%\",height:\"100%\",options:{},style:{},url:void 0,id:a};export{Particles,Particles as default};\n\n//# sourceMappingURL=index.js.map", "import{ValueWithRandom as i,OptionsColor as s,setRangeValue as t,Vector as o,getRangeValue as r,rangeColorToRgb as e,getDistance as a,getDistances as n,getStyleFromRgb as b,isPointInside as l,calcPositionOrRandomFromSizeRanged as d,calcPositionOrRandomFromSize as c,getRandom as h,itemFromArray as v,isInArray as u}from\"tsparticles-engine\";class AbsorberSizeLimit{constructor(){this.radius=0;this.mass=0}load(i){if(i){void 0!==i.mass&&(this.mass=i.mass);void 0!==i.radius&&(this.radius=i.radius)}}}class AbsorberSize extends i{constructor(){super();this.density=5;this.value=50;this.limit=new AbsorberSizeLimit}load(i){if(i){super.load(i);void 0!==i.density&&(this.density=i.density);\"number\"===typeof i.limit?this.limit.radius=i.limit:this.limit.load(i.limit)}}}class Absorber{constructor(){this.color=new s;this.color.value=\"#000000\";this.draggable=false;this.opacity=1;this.destroy=true;this.orbits=false;this.size=new AbsorberSize}load(i){if(void 0!==i){void 0!==i.color&&(this.color=s.create(this.color,i.color));void 0!==i.draggable&&(this.draggable=i.draggable);this.name=i.name;void 0!==i.opacity&&(this.opacity=i.opacity);if(void 0!==i.position){this.position={};void 0!==i.position.x&&(this.position.x=t(i.position.x));void 0!==i.position.y&&(this.position.y=t(i.position.y))}void 0!==i.size&&this.size.load(i.size);void 0!==i.destroy&&(this.destroy=i.destroy);void 0!==i.orbits&&(this.orbits=i.orbits)}}}class AbsorberInstance{constructor(i,s,t,a){var n,b,l;this.absorbers=i;this.container=s;this.initialPosition=a?o.create(a.x,a.y):void 0;if(t instanceof Absorber)this.options=t;else{this.options=new Absorber;this.options.load(t)}this.dragging=false;this.name=this.options.name;this.opacity=this.options.opacity;this.size=r(this.options.size.value)*s.retina.pixelRatio;this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const d=this.options.size.limit;this.limit={radius:d.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:d.mass};this.color=null!==(n=e(this.options.color))&&void 0!==n?n:{b:0,g:0,r:0};this.position=null!==(l=null===(b=this.initialPosition)||void 0===b?void 0:b.copy())&&void 0!==l?l:this.calcPosition()}attract(i){const s=this.container,t=this.options;if(t.draggable){const i=s.interactivity.mouse;if(i.clicking&&i.downPosition){const s=a(this.position,i.downPosition);s<=this.size&&(this.dragging=true)}else this.dragging=false;if(this.dragging&&i.position){this.position.x=i.position.x;this.position.y=i.position.y}}const r=i.getPosition(),{dx:e,dy:b,distance:l}=n(this.position,r),d=o.create(e,b);d.length=this.mass/Math.pow(l,2)*s.retina.reduceFactor;if(li.getRadius()&&l=0?\"clockwise\":\"counter-clockwise\");const n=i.absorberOrbit.length,b=i.absorberOrbit.angle,l=i.absorberOrbitDirection;i.velocity.setTo(o.origin);const d={x:\"clockwise\"===l?Math.cos:Math.sin,y:\"clockwise\"===l?Math.sin:Math.cos};i.position.x=this.position.x+n*d.x(b);i.position.y=this.position.y+n*d.y(b);i.absorberOrbit.length-=s.length;i.absorberOrbit.angle+=(null!==(t=i.retina.moveSpeed)&&void 0!==t?t:0)*r.retina.pixelRatio/100*r.retina.reduceFactor}else{const t=o.origin;t.length=s.length;t.angle=s.angle;i.velocity.addTo(t)}}}class Absorbers{constructor(i){this.container=i;this.array=[];this.absorbers=[];this.interactivityAbsorbers=[];i.getAbsorber=i=>void 0===i||\"number\"===typeof i?this.array[i||0]:this.array.find((s=>s.name===i));i.addAbsorber=(i,s)=>this.addAbsorber(i,s)}addAbsorber(i,s){const t=new AbsorberInstance(this,this.container,i,s);this.array.push(t);return t}draw(i){for(const s of this.array){i.save();s.draw(i);i.restore()}}handleClickMode(i){const s=this.absorbers,t=this.interactivityAbsorbers;if(\"absorber\"===i){let i;t instanceof Array?t.length>0&&(i=v(t)):i=t;const o=null!==i&&void 0!==i?i:s instanceof Array?v(s):s,r=this.container.interactivity.mouse.clickPosition;this.addAbsorber(o,r)}}init(i){var s,t;if(!i)return;if(i.absorbers)if(i.absorbers instanceof Array)this.absorbers=i.absorbers.map((i=>{const s=new Absorber;s.load(i);return s}));else{this.absorbers instanceof Array&&(this.absorbers=new Absorber);this.absorbers.load(i.absorbers)}const o=null===(t=null===(s=i.interactivity)||void 0===s?void 0:s.modes)||void 0===t?void 0:t.absorbers;if(o)if(o instanceof Array)this.interactivityAbsorbers=o.map((i=>{const s=new Absorber;s.load(i);return s}));else{this.interactivityAbsorbers instanceof Array&&(this.interactivityAbsorbers=new Absorber);this.interactivityAbsorbers.load(o)}if(this.absorbers instanceof Array)for(const i of this.absorbers)this.addAbsorber(i);else this.addAbsorber(this.absorbers)}particleUpdate(i){for(const s of this.array){s.attract(i);if(i.destroyed)break}}removeAbsorber(i){const s=this.array.indexOf(i);s>=0&&this.array.splice(s,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class AbsorbersPlugin{constructor(){this.id=\"absorbers\"}getPlugin(i){return new Absorbers(i)}loadOptions(i,s){var t,o;if(!this.needsPlugin(i)&&!this.needsPlugin(s))return;const r=i;if(null===s||void 0===s?void 0:s.absorbers)if((null===s||void 0===s?void 0:s.absorbers)instanceof Array)r.absorbers=null===s||void 0===s?void 0:s.absorbers.map((i=>{const s=new Absorber;s.load(i);return s}));else{let i=r.absorbers;void 0===(null===i||void 0===i?void 0:i.load)&&(r.absorbers=i=new Absorber);i.load(null===s||void 0===s?void 0:s.absorbers)}const e=null===(o=null===(t=null===s||void 0===s?void 0:s.interactivity)||void 0===t?void 0:t.modes)||void 0===o?void 0:o.absorbers;if(e)if(e instanceof Array)r.interactivity.modes.absorbers=e.map((i=>{const s=new Absorber;s.load(i);return s}));else{let i=r.interactivity.modes.absorbers;void 0===(null===i||void 0===i?void 0:i.load)&&(r.interactivity.modes.absorbers=i=new Absorber);i.load(e)}}needsPlugin(i){var s,t,o;if(!i)return false;const r=i.absorbers;return r instanceof Array?!!r.length:!!r||!(!(null===(o=null===(t=null===(s=i.interactivity)||void 0===s?void 0:s.events)||void 0===t?void 0:t.onClick)||void 0===o?void 0:o.mode)||!u(\"absorber\",i.interactivity.events.onClick.mode))}}async function loadAbsorbersPlugin(i){const s=new AbsorbersPlugin;await i.addPlugin(s)}export{loadAbsorbersPlugin};\n\n//# sourceMappingURL=index.js.map", "import{getRandom as t,setRangeValue as i,deepExtend as e,AnimatableColor as s,rangeColorToHsl as o,getRangeValue as a,isPointInside as r,Vector as n,calcPositionOrRandomFromSizeRanged as l,itemFromArray as h,randomInRange as d,arrayRandomIndex as c,isInArray as u}from\"tsparticles-engine\";class CircleShape{randomPosition(i,e,s){const generateTheta=(i,e)=>{const s=t()/4,o=Math.atan(e/i*Math.tan(2*Math.PI*s)),a=t();return a<.25?o:a<.5?Math.PI-o:a<.75?Math.PI+o:-o},radius=(t,i,e)=>t*i/Math.sqrt((i*Math.cos(e))**2+(t*Math.sin(e))**2),[o,a]=[e.width/2,e.height/2],r=generateTheta(o,a),n=radius(o,a,r),l=s?n*Math.sqrt(t()):n;return{x:i.x+l*Math.cos(r),y:i.y+l*Math.sin(r)}}}class EmitterLife{constructor(){this.wait=false}load(t){if(void 0!==t){void 0!==t.count&&(this.count=t.count);void 0!==t.delay&&(this.delay=t.delay);void 0!==t.duration&&(this.duration=t.duration);void 0!==t.wait&&(this.wait=t.wait)}}}class EmitterRate{constructor(){this.quantity=1;this.delay=.1}load(t){if(void 0!==t){void 0!==t.quantity&&(this.quantity=i(t.quantity));void 0!==t.delay&&(this.delay=i(t.delay))}}}class EmitterSize{constructor(){this.mode=\"percent\";this.height=0;this.width=0}load(t){if(void 0!==t){void 0!==t.mode&&(this.mode=t.mode);void 0!==t.height&&(this.height=t.height);void 0!==t.width&&(this.width=t.width)}}}class Emitter{constructor(){this.autoPlay=true;this.fill=true;this.life=new EmitterLife;this.rate=new EmitterRate;this.shape=\"square\";this.startCount=0}load(t){if(void 0!==t){void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay);if(void 0!==t.size){void 0===this.size&&(this.size=new EmitterSize);this.size.load(t.size)}void 0!==t.direction&&(this.direction=t.direction);this.domId=t.domId;void 0!==t.fill&&(this.fill=t.fill);this.life.load(t.life);this.name=t.name;void 0!==t.particles&&(t.particles instanceof Array?this.particles=t.particles.map((t=>e({},t))):this.particles=e({},t.particles));this.rate.load(t.rate);void 0!==t.shape&&(this.shape=t.shape);if(void 0!==t.position){this.position={};void 0!==t.position.x&&(this.position.x=i(t.position.x));void 0!==t.position.y&&(this.position.y=i(t.position.y))}if(void 0!==t.spawnColor){void 0===this.spawnColor&&(this.spawnColor=new s);this.spawnColor.load(t.spawnColor)}void 0!==t.startCount&&(this.startCount=t.startCount)}}}var m=(void 0,function(t,i,e,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,e):o?o.value=e:i.set(t,e),e});var v=(void 0,function(t,i,e,s){if(\"a\"===e&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?t!==i||!s:!i.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?s:\"a\"===e?s.call(t):s?s.value:i.get(t)});var p,f,y;class EmitterInstance{constructor(t,i,s,a,r){var n,l,h,d,c,u,w;var E;this.emitters=i;this.container=s;p.set(this,void 0);f.set(this,void 0);y.set(this,void 0);m(this,p,t,\"f\");this.currentDuration=0;this.currentEmitDelay=0;this.currentSpawnDelay=0;this.initialPosition=r;if(a instanceof Emitter)this.options=a;else{this.options=new Emitter;this.options.load(a)}this.spawnDelay=1e3*(null!==(n=this.options.life.delay)&&void 0!==n?n:0)/this.container.retina.reduceFactor;this.position=null!==(l=this.initialPosition)&&void 0!==l?l:this.calcPosition();this.name=this.options.name;this.shape=null===(h=v(this,p,\"f\").emitterShapeManager)||void 0===h?void 0:h.getShape(this.options.shape);this.fill=this.options.fill;m(this,f,!this.options.life.wait,\"f\");m(this,y,false,\"f\");let g=e({},this.options.particles);null!==g&&void 0!==g?g:g={};null!==(d=g.move)&&void 0!==d?d:g.move={};null!==(c=(E=g.move).direction)&&void 0!==c?c:E.direction=this.options.direction;this.options.spawnColor&&(this.spawnColor=o(this.options.spawnColor));this.paused=!this.options.autoPlay;this.particlesOptions=g;this.size=null!==(u=this.options.size)&&void 0!==u?u:(()=>{const t=new EmitterSize;t.load({height:0,mode:\"percent\",width:0});return t})();this.lifeCount=null!==(w=this.options.life.count)&&void 0!==w?w:-1;this.immortal=this.lifeCount<=0;v(this,p,\"f\").dispatchEvent(\"emitterCreated\",{container:s,data:{emitter:this}});this.play()}externalPause(){this.paused=true;this.pause()}externalPlay(){this.paused=false;this.play()}getPosition(){if(this.options.domId){const t=this.container,i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{x:(e.x+e.width/2)*t.retina.pixelRatio,y:(e.y+e.height/2)*t.retina.pixelRatio}}}return this.position}getSize(){const t=this.container;if(this.options.domId){const i=document.getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio}}}return{width:\"percent\"===this.size.mode?t.canvas.size.width*this.size.width/100:this.size.width,height:\"percent\"===this.size.mode?t.canvas.size.height*this.size.height/100:this.size.height}}pause(){this.paused||delete this.emitDelay}play(){var t;if(!this.paused&&this.container.retina.reduceFactor&&(this.lifeCount>0||this.immortal||!this.options.life.count)&&(v(this,f,\"f\")||this.currentSpawnDelay>=(null!==(t=this.spawnDelay)&&void 0!==t?t:0))){if(void 0===this.emitDelay){const t=a(this.options.rate.delay);this.emitDelay=1e3*t/this.container.retina.reduceFactor}(this.lifeCount>0||this.immortal)&&this.prepareToDie()}}resize(){const t=this.initialPosition;this.position=t&&r(t,this.container.canvas.size,n.origin)?t:this.calcPosition()}update(t){var i,e,s;if(!this.paused){if(v(this,f,\"f\")){m(this,f,false,\"f\");this.currentSpawnDelay=null!==(i=this.spawnDelay)&&void 0!==i?i:0;this.currentEmitDelay=null!==(e=this.emitDelay)&&void 0!==e?e:0}if(!v(this,y,\"f\")){m(this,y,true,\"f\");this.emitParticles(this.options.startCount)}if(void 0!==this.duration){this.currentDuration+=t.value;if(this.currentDuration>=this.duration){this.pause();void 0!==this.spawnDelay&&delete this.spawnDelay;this.immortal||this.lifeCount--;if(this.lifeCount>0||this.immortal){this.position=this.calcPosition();this.spawnDelay=1e3*(null!==(s=this.options.life.delay)&&void 0!==s?s:0)/this.container.retina.reduceFactor}else this.destroy();this.currentDuration-=this.duration;delete this.duration}}if(void 0!==this.spawnDelay){this.currentSpawnDelay+=t.value;if(this.currentSpawnDelay>=this.spawnDelay){v(this,p,\"f\").dispatchEvent(\"emitterPlay\",{container:this.container});this.play();this.currentSpawnDelay-=this.currentSpawnDelay;delete this.spawnDelay}}if(void 0!==this.emitDelay){this.currentEmitDelay+=t.value;if(this.currentEmitDelay>=this.emitDelay){this.emit();this.currentEmitDelay-=this.emitDelay}}}}calcPosition(){return l({size:this.container.canvas.size,position:this.options.position})}destroy(){this.emitters.removeEmitter(this);v(this,p,\"f\").dispatchEvent(\"emitterDestroyed\",{container:this.container,data:{emitter:this}})}emit(){if(this.paused)return;const t=a(this.options.rate.quantity);this.emitParticles(t)}emitParticles(t){var i,s,o;const a=this.getPosition(),r=this.getSize(),n=this.particlesOptions instanceof Array?h(this.particlesOptions):this.particlesOptions;for(let l=0;l0||this.immortal)&&void 0!==i&&i>0&&(this.duration=1e3*i)}setColorAnimation(t,i,e){var s;const o=this.container;if(!t.enable)return i;const r=d(t.offset),n=a(this.options.rate.delay),l=1e3*n/o.retina.reduceFactor,h=a(null!==(s=t.speed)&&void 0!==s?s:0);return(i+h*o.fpsLimit/l+3.6*r)%e}}p=new WeakMap,f=new WeakMap,y=new WeakMap;var w=(void 0,function(t,i,e,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,e):o?o.value=e:i.set(t,e),e});var E=(void 0,function(t,i,e,s){if(\"a\"===e&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?t!==i||!s:!i.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?s:\"a\"===e?s.call(t):s?s.value:i.get(t)});var g;class Emitters{constructor(t,i){this.container=i;g.set(this,void 0);w(this,g,t,\"f\");this.array=[];this.emitters=[];this.interactivityEmitters={random:{count:1,enable:false},value:[]};i.getEmitter=t=>void 0===t||\"number\"===typeof t?this.array[t||0]:this.array.find((i=>i.name===t));i.addEmitter=(t,i)=>this.addEmitter(t,i);i.removeEmitter=t=>{const e=i.getEmitter(t);e&&this.removeEmitter(e)};i.playEmitter=t=>{const e=i.getEmitter(t);e&&e.externalPlay()};i.pauseEmitter=t=>{const e=i.getEmitter(t);e&&e.externalPause()}}addEmitter(t,i){const e=new Emitter;e.load(t);const s=new EmitterInstance(E(this,g,\"f\"),this,this.container,e,i);this.array.push(s);return s}handleClickMode(t){const i=this.emitters,s=this.interactivityEmitters;if(\"emitter\"===t){let t;if(s&&s.value instanceof Array)if(s.value.length>0&&s.random.enable){t=[];const i=[];for(let e=0;e{const i=new Emitter;i.load(t);return i}));else{this.emitters instanceof Array&&(this.emitters=new Emitter);this.emitters.load(t.emitters)}const h=null===(e=null===(i=t.interactivity)||void 0===i?void 0:i.modes)||void 0===e?void 0:e.emitters;if(h)if(h instanceof Array)this.interactivityEmitters={random:{count:1,enable:true},value:h.map((t=>{const i=new Emitter;i.load(t);return i}))};else{const t=h;if(void 0!==t.value)if(t.value instanceof Array)this.interactivityEmitters={random:{count:null!==(s=this.interactivityEmitters.random.count)&&void 0!==s?s:1,enable:null!==(o=this.interactivityEmitters.random.enable)&&void 0!==o&&o},value:t.value.map((t=>{const i=new Emitter;i.load(t);return i}))};else{const i=new Emitter;i.load(t.value);this.interactivityEmitters={random:{count:null!==(a=this.interactivityEmitters.random.count)&&void 0!==a?a:1,enable:null!==(r=this.interactivityEmitters.random.enable)&&void 0!==r&&r},value:i}}else{const t=new Emitter;t.load(h);this.interactivityEmitters={random:{count:null!==(n=this.interactivityEmitters.random.count)&&void 0!==n?n:1,enable:null!==(l=this.interactivityEmitters.random.enable)&&void 0!==l&&l},value:t}}}if(this.emitters instanceof Array)for(const t of this.emitters)this.addEmitter(t);else this.addEmitter(this.emitters)}pause(){for(const t of this.array)t.pause()}play(){for(const t of this.array)t.play()}removeEmitter(t){const i=this.array.indexOf(t);i>=0&&this.array.splice(i,1)}resize(){for(const t of this.array)t.resize()}stop(){this.array=[]}update(t){for(const i of this.array)i.update(t)}}g=new WeakMap;var C=(void 0,function(t,i,e,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,e):o?o.value=e:i.set(t,e),e});var P;const S=new Map;class ShapeManager{constructor(t){P.set(this,void 0);C(this,P,t,\"f\")}addShape(t,i){this.getShape(t)||S.set(t,i)}getShape(t){return S.get(t)}getSupportedShapes(){return S.keys()}}P=new WeakMap;function randomSquareCoordinate(i,e){return i+e*(t()-.5)}class SquareShape{randomPosition(i,e,s){if(s)return{x:randomSquareCoordinate(i.x,e.width),y:randomSquareCoordinate(i.y,e.height)};{const s=e.width/2,o=e.height/2,a=Math.floor(4*t()),r=2*(t()-.5);switch(a){case 0:return{x:i.x+r*s,y:i.y-o};case 1:return{x:i.x-s,y:i.y+r*o};case 2:return{x:i.x+r*s,y:i.y+o};case 3:default:return{x:i.x+s,y:i.y+r*o}}}}}var b=(void 0,function(t,i,e,s,o){if(\"m\"===s)throw new TypeError(\"Private method is not writable\");if(\"a\"===s&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===s?o.call(t,e):o?o.value=e:i.set(t,e),e});var D=(void 0,function(t,i,e,s){if(\"a\"===e&&!s)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?t!==i||!s:!i.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?s:\"a\"===e?s.call(t):s?s.value:i.get(t)});var x;class EmittersPlugin{constructor(t){x.set(this,void 0);b(this,x,t,\"f\");this.id=\"emitters\"}getPlugin(t){return new Emitters(D(this,x,\"f\"),t)}loadOptions(t,i){var e,s,o,a,r,n;if(!this.needsPlugin(t)&&!this.needsPlugin(i))return;const l=t;if(null===i||void 0===i?void 0:i.emitters)if((null===i||void 0===i?void 0:i.emitters)instanceof Array)l.emitters=null===i||void 0===i?void 0:i.emitters.map((t=>{const i=new Emitter;i.load(t);return i}));else{let t=l.emitters;void 0===(null===t||void 0===t?void 0:t.load)&&(l.emitters=t=new Emitter);t.load(null===i||void 0===i?void 0:i.emitters)}const h=null===(s=null===(e=null===i||void 0===i?void 0:i.interactivity)||void 0===e?void 0:e.modes)||void 0===s?void 0:s.emitters;if(h)if(h instanceof Array)l.interactivity.modes.emitters={random:{count:1,enable:true},value:h.map((t=>{const i=new Emitter;i.load(t);return i}))};else{const t=h;if(void 0!==t.value)if(t.value instanceof Array)l.interactivity.modes.emitters={random:{count:null!==(o=t.random.count)&&void 0!==o?o:1,enable:null!==(a=t.random.enable)&&void 0!==a&&a},value:t.value.map((t=>{const i=new Emitter;i.load(t);return i}))};else{const i=new Emitter;i.load(t.value);l.interactivity.modes.emitters={random:{count:null!==(r=t.random.count)&&void 0!==r?r:1,enable:null!==(n=t.random.enable)&&void 0!==n&&n},value:i}}else{const t=l.interactivity.modes.emitters={random:{count:1,enable:false},value:new Emitter};t.value.load(h)}}}needsPlugin(t){var i,e,s;if(!t)return false;const o=t.emitters;return o instanceof Array&&!!o.length||void 0!==o||!!(null===(s=null===(e=null===(i=t.interactivity)||void 0===i?void 0:i.events)||void 0===e?void 0:e.onClick)||void 0===s?void 0:s.mode)&&u(\"emitter\",t.interactivity.events.onClick.mode)}}x=new WeakMap;async function loadEmittersPlugin(t){t.emitterShapeManager||(t.emitterShapeManager=new ShapeManager(t));t.addEmitterShape||(t.addEmitterShape=(i,e)=>{var s;null===(s=t.emitterShapeManager)||void 0===s?void 0:s.addShape(i,e)});const i=new EmittersPlugin(t);await t.addPlugin(i);t.addEmitterShape(\"circle\",new CircleShape);t.addEmitterShape(\"square\",new SquareShape)}export{loadEmittersPlugin};\n\n//# sourceMappingURL=index.js.map", "import{deepExtend as t,ExternalInteractorBase as i,isInArray as e}from\"tsparticles-engine\";class Trail{constructor(){this.delay=1;this.pauseOnStop=false;this.quantity=1}load(i){if(i){void 0!==i.delay&&(this.delay=i.delay);void 0!==i.quantity&&(this.quantity=i.quantity);void 0!==i.particles&&(this.particles=t({},i.particles));void 0!==i.pauseOnStop&&(this.pauseOnStop=i.pauseOnStop)}}}var a=(void 0,function(t,i,e,a,o){if(\"m\"===a)throw new TypeError(\"Private method is not writable\");if(\"a\"===a&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===a?o.call(t,e):o?o.value=e:i.set(t,e),e});var o=(void 0,function(t,i,e,a){if(\"a\"===e&&!a)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?t!==i||!a:!i.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?a:\"a\"===e?a.call(t):a?a.value:i.get(t)});var r;class TrailMaker extends i{constructor(t){super(t);r.set(this,void 0);a(this,r,t,\"f\");this.delay=0}clear(){}init(){}async interact(t){var i,e,a,n;if(!this.container.retina.reduceFactor)return;const s=o(this,r,\"f\"),l=s.actualOptions,c=l.interactivity.modes.trail;if(!c)return;const d=1e3*c.delay/this.container.retina.reduceFactor;this.delaynew TrailMaker(t)))}export{Trail,loadExternalTrailInteraction};\n\n//# sourceMappingURL=index.js.map", "import{OptionsColor as t,stringToAlpha as e,deepExtend as i,rangeColorToRgb as n,getStyleFromRgb as o,getDistances as r,Vector as s,noPolygonFound as h,getRandom as a,noPolygonDataLoaded as S,itemFromArray as u,getDistance as c}from\"tsparticles-engine\";(function(){try{if(\"undefined\"===typeof window)return;if(!(\"SVGPathSeg\"in window)){window.SVGPathSeg=function(t,e,i){this.pathSegType=t;this.pathSegTypeAsLetter=e;this._owningPathSegList=i};window.SVGPathSeg.prototype.classname=\"SVGPathSeg\";window.SVGPathSeg.PATHSEG_UNKNOWN=0;window.SVGPathSeg.PATHSEG_CLOSEPATH=1;window.SVGPathSeg.PATHSEG_MOVETO_ABS=2;window.SVGPathSeg.PATHSEG_MOVETO_REL=3;window.SVGPathSeg.PATHSEG_LINETO_ABS=4;window.SVGPathSeg.PATHSEG_LINETO_REL=5;window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS=6;window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL=7;window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS=8;window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL=9;window.SVGPathSeg.PATHSEG_ARC_ABS=10;window.SVGPathSeg.PATHSEG_ARC_REL=11;window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS=12;window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL=13;window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS=14;window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL=15;window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS=16;window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL=17;window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS=18;window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL=19;window.SVGPathSeg.prototype._segmentChanged=function(){this._owningPathSegList&&this._owningPathSegList.segmentChanged(this)};window.SVGPathSegClosePath=function(t){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CLOSEPATH,\"z\",t)};window.SVGPathSegClosePath.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegClosePath.prototype.toString=function(){return\"[object SVGPathSegClosePath]\"};window.SVGPathSegClosePath.prototype._asPathString=function(){return this.pathSegTypeAsLetter};window.SVGPathSegClosePath.prototype.clone=function(){return new window.SVGPathSegClosePath(void 0)};window.SVGPathSegMovetoAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_MOVETO_ABS,\"M\",t);this._x=e;this._y=i};window.SVGPathSegMovetoAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegMovetoAbs.prototype.toString=function(){return\"[object SVGPathSegMovetoAbs]\"};window.SVGPathSegMovetoAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegMovetoAbs.prototype.clone=function(){return new window.SVGPathSegMovetoAbs(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegMovetoAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegMovetoAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegMovetoRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_MOVETO_REL,\"m\",t);this._x=e;this._y=i};window.SVGPathSegMovetoRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegMovetoRel.prototype.toString=function(){return\"[object SVGPathSegMovetoRel]\"};window.SVGPathSegMovetoRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegMovetoRel.prototype.clone=function(){return new window.SVGPathSegMovetoRel(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegMovetoRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegMovetoRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_ABS,\"L\",t);this._x=e;this._y=i};window.SVGPathSegLinetoAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoAbs.prototype.toString=function(){return\"[object SVGPathSegLinetoAbs]\"};window.SVGPathSegLinetoAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegLinetoAbs.prototype.clone=function(){return new window.SVGPathSegLinetoAbs(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegLinetoAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegLinetoAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_REL,\"l\",t);this._x=e;this._y=i};window.SVGPathSegLinetoRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoRel.prototype.toString=function(){return\"[object SVGPathSegLinetoRel]\"};window.SVGPathSegLinetoRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegLinetoRel.prototype.clone=function(){return new window.SVGPathSegLinetoRel(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegLinetoRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegLinetoRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoCubicAbs=function(t,e,i,n,o,r,s){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS,\"C\",t);this._x=e;this._y=i;this._x1=n;this._y1=o;this._x2=r;this._y2=s};window.SVGPathSegCurvetoCubicAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoCubicAbs.prototype.toString=function(){return\"[object SVGPathSegCurvetoCubicAbs]\"};window.SVGPathSegCurvetoCubicAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x1+\" \"+this._y1+\" \"+this._x2+\" \"+this._y2+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoCubicAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicAbs(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)};Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"x1\",{get:function(){return this._x1},set:function(t){this._x1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"y1\",{get:function(){return this._y1},set:function(t){this._y1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"x2\",{get:function(){return this._x2},set:function(t){this._x2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,\"y2\",{get:function(){return this._y2},set:function(t){this._y2=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoCubicRel=function(t,e,i,n,o,r,s){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL,\"c\",t);this._x=e;this._y=i;this._x1=n;this._y1=o;this._x2=r;this._y2=s};window.SVGPathSegCurvetoCubicRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoCubicRel.prototype.toString=function(){return\"[object SVGPathSegCurvetoCubicRel]\"};window.SVGPathSegCurvetoCubicRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x1+\" \"+this._y1+\" \"+this._x2+\" \"+this._y2+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoCubicRel.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicRel(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)};Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"x1\",{get:function(){return this._x1},set:function(t){this._x1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"y1\",{get:function(){return this._y1},set:function(t){this._y1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"x2\",{get:function(){return this._x2},set:function(t){this._x2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,\"y2\",{get:function(){return this._y2},set:function(t){this._y2=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoQuadraticAbs=function(t,e,i,n,o){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS,\"Q\",t);this._x=e;this._y=i;this._x1=n;this._y1=o};window.SVGPathSegCurvetoQuadraticAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoQuadraticAbs.prototype.toString=function(){return\"[object SVGPathSegCurvetoQuadraticAbs]\"};window.SVGPathSegCurvetoQuadraticAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x1+\" \"+this._y1+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoQuadraticAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticAbs(void 0,this._x,this._y,this._x1,this._y1)};Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,\"x1\",{get:function(){return this._x1},set:function(t){this._x1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,\"y1\",{get:function(){return this._y1},set:function(t){this._y1=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoQuadraticRel=function(t,e,i,n,o){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL,\"q\",t);this._x=e;this._y=i;this._x1=n;this._y1=o};window.SVGPathSegCurvetoQuadraticRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoQuadraticRel.prototype.toString=function(){return\"[object SVGPathSegCurvetoQuadraticRel]\"};window.SVGPathSegCurvetoQuadraticRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x1+\" \"+this._y1+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoQuadraticRel.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticRel(void 0,this._x,this._y,this._x1,this._y1)};Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,\"x1\",{get:function(){return this._x1},set:function(t){this._x1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,\"y1\",{get:function(){return this._y1},set:function(t){this._y1=t;this._segmentChanged()},enumerable:true});window.SVGPathSegArcAbs=function(t,e,i,n,o,r,s,h){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_ARC_ABS,\"A\",t);this._x=e;this._y=i;this._r1=n;this._r2=o;this._angle=r;this._largeArcFlag=s;this._sweepFlag=h};window.SVGPathSegArcAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegArcAbs.prototype.toString=function(){return\"[object SVGPathSegArcAbs]\"};window.SVGPathSegArcAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._r1+\" \"+this._r2+\" \"+this._angle+\" \"+(this._largeArcFlag?\"1\":\"0\")+\" \"+(this._sweepFlag?\"1\":\"0\")+\" \"+this._x+\" \"+this._y};window.SVGPathSegArcAbs.prototype.clone=function(){return new window.SVGPathSegArcAbs(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)};Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"r1\",{get:function(){return this._r1},set:function(t){this._r1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"r2\",{get:function(){return this._r2},set:function(t){this._r2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"angle\",{get:function(){return this._angle},set:function(t){this._angle=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"largeArcFlag\",{get:function(){return this._largeArcFlag},set:function(t){this._largeArcFlag=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcAbs.prototype,\"sweepFlag\",{get:function(){return this._sweepFlag},set:function(t){this._sweepFlag=t;this._segmentChanged()},enumerable:true});window.SVGPathSegArcRel=function(t,e,i,n,o,r,s,h){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_ARC_REL,\"a\",t);this._x=e;this._y=i;this._r1=n;this._r2=o;this._angle=r;this._largeArcFlag=s;this._sweepFlag=h};window.SVGPathSegArcRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegArcRel.prototype.toString=function(){return\"[object SVGPathSegArcRel]\"};window.SVGPathSegArcRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._r1+\" \"+this._r2+\" \"+this._angle+\" \"+(this._largeArcFlag?\"1\":\"0\")+\" \"+(this._sweepFlag?\"1\":\"0\")+\" \"+this._x+\" \"+this._y};window.SVGPathSegArcRel.prototype.clone=function(){return new window.SVGPathSegArcRel(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)};Object.defineProperty(window.SVGPathSegArcRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"r1\",{get:function(){return this._r1},set:function(t){this._r1=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"r2\",{get:function(){return this._r2},set:function(t){this._r2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"angle\",{get:function(){return this._angle},set:function(t){this._angle=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"largeArcFlag\",{get:function(){return this._largeArcFlag},set:function(t){this._largeArcFlag=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegArcRel.prototype,\"sweepFlag\",{get:function(){return this._sweepFlag},set:function(t){this._sweepFlag=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoHorizontalAbs=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS,\"H\",t);this._x=e};window.SVGPathSegLinetoHorizontalAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoHorizontalAbs.prototype.toString=function(){return\"[object SVGPathSegLinetoHorizontalAbs]\"};window.SVGPathSegLinetoHorizontalAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x};window.SVGPathSegLinetoHorizontalAbs.prototype.clone=function(){return new window.SVGPathSegLinetoHorizontalAbs(void 0,this._x)};Object.defineProperty(window.SVGPathSegLinetoHorizontalAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoHorizontalRel=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL,\"h\",t);this._x=e};window.SVGPathSegLinetoHorizontalRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoHorizontalRel.prototype.toString=function(){return\"[object SVGPathSegLinetoHorizontalRel]\"};window.SVGPathSegLinetoHorizontalRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x};window.SVGPathSegLinetoHorizontalRel.prototype.clone=function(){return new window.SVGPathSegLinetoHorizontalRel(void 0,this._x)};Object.defineProperty(window.SVGPathSegLinetoHorizontalRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoVerticalAbs=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS,\"V\",t);this._y=e};window.SVGPathSegLinetoVerticalAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoVerticalAbs.prototype.toString=function(){return\"[object SVGPathSegLinetoVerticalAbs]\"};window.SVGPathSegLinetoVerticalAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._y};window.SVGPathSegLinetoVerticalAbs.prototype.clone=function(){return new window.SVGPathSegLinetoVerticalAbs(void 0,this._y)};Object.defineProperty(window.SVGPathSegLinetoVerticalAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegLinetoVerticalRel=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL,\"v\",t);this._y=e};window.SVGPathSegLinetoVerticalRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegLinetoVerticalRel.prototype.toString=function(){return\"[object SVGPathSegLinetoVerticalRel]\"};window.SVGPathSegLinetoVerticalRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._y};window.SVGPathSegLinetoVerticalRel.prototype.clone=function(){return new window.SVGPathSegLinetoVerticalRel(void 0,this._y)};Object.defineProperty(window.SVGPathSegLinetoVerticalRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoCubicSmoothAbs=function(t,e,i,n,o){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS,\"S\",t);this._x=e;this._y=i;this._x2=n;this._y2=o};window.SVGPathSegCurvetoCubicSmoothAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoCubicSmoothAbs.prototype.toString=function(){return\"[object SVGPathSegCurvetoCubicSmoothAbs]\"};window.SVGPathSegCurvetoCubicSmoothAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x2+\" \"+this._y2+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoCubicSmoothAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicSmoothAbs(void 0,this._x,this._y,this._x2,this._y2)};Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,\"x2\",{get:function(){return this._x2},set:function(t){this._x2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,\"y2\",{get:function(){return this._y2},set:function(t){this._y2=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoCubicSmoothRel=function(t,e,i,n,o){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL,\"s\",t);this._x=e;this._y=i;this._x2=n;this._y2=o};window.SVGPathSegCurvetoCubicSmoothRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoCubicSmoothRel.prototype.toString=function(){return\"[object SVGPathSegCurvetoCubicSmoothRel]\"};window.SVGPathSegCurvetoCubicSmoothRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x2+\" \"+this._y2+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoCubicSmoothRel.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicSmoothRel(void 0,this._x,this._y,this._x2,this._y2)};Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,\"x2\",{get:function(){return this._x2},set:function(t){this._x2=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,\"y2\",{get:function(){return this._y2},set:function(t){this._y2=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoQuadraticSmoothAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS,\"T\",t);this._x=e;this._y=i};window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.toString=function(){return\"[object SVGPathSegCurvetoQuadraticSmoothAbs]\"};window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticSmoothAbs(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathSegCurvetoQuadraticSmoothRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL,\"t\",t);this._x=e;this._y=i};window.SVGPathSegCurvetoQuadraticSmoothRel.prototype=Object.create(window.SVGPathSeg.prototype);window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.toString=function(){return\"[object SVGPathSegCurvetoQuadraticSmoothRel]\"};window.SVGPathSegCurvetoQuadraticSmoothRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+\" \"+this._x+\" \"+this._y};window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticSmoothRel(void 0,this._x,this._y)};Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype,\"x\",{get:function(){return this._x},set:function(t){this._x=t;this._segmentChanged()},enumerable:true});Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype,\"y\",{get:function(){return this._y},set:function(t){this._y=t;this._segmentChanged()},enumerable:true});window.SVGPathElement.prototype.createSVGPathSegClosePath=function(){return new window.SVGPathSegClosePath(void 0)};window.SVGPathElement.prototype.createSVGPathSegMovetoAbs=function(t,e){return new window.SVGPathSegMovetoAbs(void 0,t,e)};window.SVGPathElement.prototype.createSVGPathSegMovetoRel=function(t,e){return new window.SVGPathSegMovetoRel(void 0,t,e)};window.SVGPathElement.prototype.createSVGPathSegLinetoAbs=function(t,e){return new window.SVGPathSegLinetoAbs(void 0,t,e)};window.SVGPathElement.prototype.createSVGPathSegLinetoRel=function(t,e){return new window.SVGPathSegLinetoRel(void 0,t,e)};window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs=function(t,e,i,n,o,r){return new window.SVGPathSegCurvetoCubicAbs(void 0,t,e,i,n,o,r)};window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel=function(t,e,i,n,o,r){return new window.SVGPathSegCurvetoCubicRel(void 0,t,e,i,n,o,r)};window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs=function(t,e,i,n){return new window.SVGPathSegCurvetoQuadraticAbs(void 0,t,e,i,n)};window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel=function(t,e,i,n){return new window.SVGPathSegCurvetoQuadraticRel(void 0,t,e,i,n)};window.SVGPathElement.prototype.createSVGPathSegArcAbs=function(t,e,i,n,o,r,s){return new window.SVGPathSegArcAbs(void 0,t,e,i,n,o,r,s)};window.SVGPathElement.prototype.createSVGPathSegArcRel=function(t,e,i,n,o,r,s){return new window.SVGPathSegArcRel(void 0,t,e,i,n,o,r,s)};window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs=function(t){return new window.SVGPathSegLinetoHorizontalAbs(void 0,t)};window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel=function(t){return new window.SVGPathSegLinetoHorizontalRel(void 0,t)};window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs=function(t){return new window.SVGPathSegLinetoVerticalAbs(void 0,t)};window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel=function(t){return new window.SVGPathSegLinetoVerticalRel(void 0,t)};window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs=function(t,e,i,n){return new window.SVGPathSegCurvetoCubicSmoothAbs(void 0,t,e,i,n)};window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel=function(t,e,i,n){return new window.SVGPathSegCurvetoCubicSmoothRel(void 0,t,e,i,n)};window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs=function(t,e){return new window.SVGPathSegCurvetoQuadraticSmoothAbs(void 0,t,e)};window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel=function(t,e){return new window.SVGPathSegCurvetoQuadraticSmoothRel(void 0,t,e)};\"getPathSegAtLength\"in window.SVGPathElement.prototype||(window.SVGPathElement.prototype.getPathSegAtLength=function(t){if(void 0===t||!isFinite(t))throw\"Invalid arguments.\";const e=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");e.setAttribute(\"d\",this.getAttribute(\"d\"));let i=e.pathSegList.numberOfItems-1;if(i<=0)return 0;do{e.pathSegList.removeItem(i);if(t>e.getTotalLength())break;i--}while(i>0);return i})}if(!(\"SVGPathSegList\"in window)||!(\"appendItem\"in window.SVGPathSegList.prototype)){window.SVGPathSegList=function(t){this._pathElement=t;this._list=this._parsePath(this._pathElement.getAttribute(\"d\"));this._mutationObserverConfig={attributes:true,attributeFilter:[\"d\"]};this._pathElementMutationObserver=new MutationObserver(this._updateListFromPathMutations.bind(this));this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)};window.SVGPathSegList.prototype.classname=\"SVGPathSegList\";Object.defineProperty(window.SVGPathSegList.prototype,\"numberOfItems\",{get:function(){this._checkPathSynchronizedToList();return this._list.length},enumerable:true});Object.defineProperty(window.SVGPathSegList.prototype,\"length\",{get:function(){this._checkPathSynchronizedToList();return this._list.length},enumerable:true});Object.defineProperty(window.SVGPathElement.prototype,\"pathSegList\",{get:function(){this._pathSegList||(this._pathSegList=new window.SVGPathSegList(this));return this._pathSegList},enumerable:true});Object.defineProperty(window.SVGPathElement.prototype,\"normalizedPathSegList\",{get:function(){return this.pathSegList},enumerable:true});Object.defineProperty(window.SVGPathElement.prototype,\"animatedPathSegList\",{get:function(){return this.pathSegList},enumerable:true});Object.defineProperty(window.SVGPathElement.prototype,\"animatedNormalizedPathSegList\",{get:function(){return this.pathSegList},enumerable:true});window.SVGPathSegList.prototype._checkPathSynchronizedToList=function(){this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords())};window.SVGPathSegList.prototype._updateListFromPathMutations=function(t){if(!this._pathElement)return;let e=false;t.forEach((function(t){\"d\"==t.attributeName&&(e=true)}));e&&(this._list=this._parsePath(this._pathElement.getAttribute(\"d\")))};window.SVGPathSegList.prototype._writeListToPath=function(){this._pathElementMutationObserver.disconnect();this._pathElement.setAttribute(\"d\",window.SVGPathSegList._pathSegArrayAsString(this._list));this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)};window.SVGPathSegList.prototype.segmentChanged=function(t){this._writeListToPath()};window.SVGPathSegList.prototype.clear=function(){this._checkPathSynchronizedToList();this._list.forEach((function(t){t._owningPathSegList=null}));this._list=[];this._writeListToPath()};window.SVGPathSegList.prototype.initialize=function(t){this._checkPathSynchronizedToList();this._list=[t];t._owningPathSegList=this;this._writeListToPath();return t};window.SVGPathSegList.prototype._checkValidIndex=function(t){if(isNaN(t)||t<0||t>=this.numberOfItems)throw\"INDEX_SIZE_ERR\"};window.SVGPathSegList.prototype.getItem=function(t){this._checkPathSynchronizedToList();this._checkValidIndex(t);return this._list[t]};window.SVGPathSegList.prototype.insertItemBefore=function(t,e){this._checkPathSynchronizedToList();e>this.numberOfItems&&(e=this.numberOfItems);t._owningPathSegList&&(t=t.clone());this._list.splice(e,0,t);t._owningPathSegList=this;this._writeListToPath();return t};window.SVGPathSegList.prototype.replaceItem=function(t,e){this._checkPathSynchronizedToList();t._owningPathSegList&&(t=t.clone());this._checkValidIndex(e);this._list[e]=t;t._owningPathSegList=this;this._writeListToPath();return t};window.SVGPathSegList.prototype.removeItem=function(t){this._checkPathSynchronizedToList();this._checkValidIndex(t);const e=this._list[t];this._list.splice(t,1);this._writeListToPath();return e};window.SVGPathSegList.prototype.appendItem=function(t){this._checkPathSynchronizedToList();t._owningPathSegList&&(t=t.clone());this._list.push(t);t._owningPathSegList=this;this._writeListToPath();return t};window.SVGPathSegList._pathSegArrayAsString=function(t){let e=\"\";let i=true;t.forEach((function(t){if(i){i=false;e+=t._asPathString()}else e+=\" \"+t._asPathString()}));return e};window.SVGPathSegList.prototype._parsePath=function(t){if(!t||0==t.length)return[];const e=this;const Builder=function(){this.pathSegList=[]};Builder.prototype.appendSegment=function(t){this.pathSegList.push(t)};const Source=function(t){this._string=t;this._currentIndex=0;this._endIndex=this._string.length;this._previousCommand=window.SVGPathSeg.PATHSEG_UNKNOWN;this._skipOptionalSpaces()};Source.prototype._isCurrentSpace=function(){const t=this._string[this._currentIndex];return t<=\" \"&&(\" \"==t||\"\\n\"==t||\"\\t\"==t||\"\\r\"==t||\"\\f\"==t)};Source.prototype._skipOptionalSpaces=function(){while(this._currentIndex=\"0\"&&t<=\"9\")&&e!=window.SVGPathSeg.PATHSEG_CLOSEPATH?e==window.SVGPathSeg.PATHSEG_MOVETO_ABS?window.SVGPathSeg.PATHSEG_LINETO_ABS:e==window.SVGPathSeg.PATHSEG_MOVETO_REL?window.SVGPathSeg.PATHSEG_LINETO_REL:e:window.SVGPathSeg.PATHSEG_UNKNOWN};Source.prototype.initialCommandIsMoveTo=function(){if(!this.hasMoreData())return true;const t=this.peekSegmentType();return t==window.SVGPathSeg.PATHSEG_MOVETO_ABS||t==window.SVGPathSeg.PATHSEG_MOVETO_REL};Source.prototype._parseNumber=function(){let t=0;let e=0;let i=1;let n=0;let o=1;let r=1;const s=this._currentIndex;this._skipOptionalSpaces();if(this._currentIndex\"9\")&&\".\"!=this._string.charAt(this._currentIndex))return;const h=this._currentIndex;while(this._currentIndex=\"0\"&&this._string.charAt(this._currentIndex)<=\"9\")this._currentIndex++;if(this._currentIndex!=h){let t=this._currentIndex-1;let i=1;while(t>=h){e+=i*(this._string.charAt(t--)-\"0\");i*=10}}if(this._currentIndex=this._endIndex||this._string.charAt(this._currentIndex)<\"0\"||this._string.charAt(this._currentIndex)>\"9\")return;while(this._currentIndex=\"0\"&&this._string.charAt(this._currentIndex)<=\"9\"){i*=10;n+=(this._string.charAt(this._currentIndex)-\"0\")/i;this._currentIndex+=1}}if(this._currentIndex!=s&&this._currentIndex+1=this._endIndex||this._string.charAt(this._currentIndex)<\"0\"||this._string.charAt(this._currentIndex)>\"9\")return;while(this._currentIndex=\"0\"&&this._string.charAt(this._currentIndex)<=\"9\"){t*=10;t+=this._string.charAt(this._currentIndex)-\"0\";this._currentIndex++}}let a=e+n;a*=o;t&&(a*=Math.pow(10,r*t));if(s!=this._currentIndex){this._skipOptionalSpacesOrDelimiter();return a}};Source.prototype._parseArcFlag=function(){if(this._currentIndex>=this._endIndex)return;let t=false;const e=this._string.charAt(this._currentIndex++);if(\"0\"==e)t=false;else{if(\"1\"!=e)return;t=true}this._skipOptionalSpacesOrDelimiter();return t};Source.prototype.parseSegment=function(){const t=this._string[this._currentIndex];let i=this._pathSegTypeFromChar(t);if(i==window.SVGPathSeg.PATHSEG_UNKNOWN){if(this._previousCommand==window.SVGPathSeg.PATHSEG_UNKNOWN)return null;i=this._nextCommandHelper(t,this._previousCommand);if(i==window.SVGPathSeg.PATHSEG_UNKNOWN)return null}else this._currentIndex++;this._previousCommand=i;let n;switch(i){case window.SVGPathSeg.PATHSEG_MOVETO_REL:return new window.SVGPathSegMovetoRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_MOVETO_ABS:return new window.SVGPathSegMovetoAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_REL:return new window.SVGPathSegLinetoRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_ABS:return new window.SVGPathSegLinetoAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:return new window.SVGPathSegLinetoHorizontalRel(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:return new window.SVGPathSegLinetoHorizontalAbs(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:return new window.SVGPathSegLinetoVerticalRel(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:return new window.SVGPathSegLinetoVerticalAbs(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_CLOSEPATH:this._skipOptionalSpaces();return new window.SVGPathSegClosePath(e);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:n={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoCubicRel(e,n.x,n.y,n.x1,n.y1,n.x2,n.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:n={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoCubicAbs(e,n.x,n.y,n.x1,n.y1,n.x2,n.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:n={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoCubicSmoothRel(e,n.x,n.y,n.x2,n.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:n={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoCubicSmoothAbs(e,n.x,n.y,n.x2,n.y2);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:n={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoQuadraticRel(e,n.x,n.y,n.x1,n.y1);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:n={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegCurvetoQuadraticAbs(e,n.x,n.y,n.x1,n.y1);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:return new window.SVGPathSegCurvetoQuadraticSmoothRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:return new window.SVGPathSegCurvetoQuadraticSmoothAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_ARC_REL:n={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegArcRel(e,n.x,n.y,n.x1,n.y1,n.arcAngle,n.arcLarge,n.arcSweep);case window.SVGPathSeg.PATHSEG_ARC_ABS:n={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new window.SVGPathSegArcAbs(e,n.x,n.y,n.x1,n.y1,n.arcAngle,n.arcLarge,n.arcSweep);default:throw\"Unknown path seg type.\"}};const i=new Builder;const n=new Source(t);if(!n.initialCommandIsMoveTo())return[];while(n.hasMoreData()){const t=n.parseSegment();if(!t)return[];i.appendSegment(t)}return i.pathSegList}}}catch(t){console.warn(\"An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/matteobruni/tsparticles\",t)}})();class PolygonMaskDrawStroke{constructor(){this.color=new t;this.width=.5;this.opacity=1}load(i){var n;if(i){this.color=t.create(this.color,i.color);\"string\"===typeof this.color.value&&(this.opacity=null!==(n=e(this.color.value))&&void 0!==n?n:this.opacity);void 0!==i.opacity&&(this.opacity=i.opacity);void 0!==i.width&&(this.width=i.width)}}}class PolygonMaskDraw{constructor(){this.enable=false;this.stroke=new PolygonMaskDrawStroke}get lineColor(){return this.stroke.color}set lineColor(e){this.stroke.color=t.create(this.stroke.color,e)}get lineWidth(){return this.stroke.width}set lineWidth(t){this.stroke.width=t}load(t){var e;if(!t)return;void 0!==t.enable&&(this.enable=t.enable);const i=null!==(e=t.stroke)&&void 0!==e?e:{color:t.lineColor,width:t.lineWidth};this.stroke.load(i)}}class PolygonMaskInline{constructor(){this.arrangement=\"one-per-point\"}load(t){t&&void 0!==t.arrangement&&(this.arrangement=t.arrangement)}}class PolygonMaskLocalSvg{constructor(){this.path=[];this.size={height:0,width:0}}load(t){if(t){void 0!==t.path&&(this.path=t.path);if(void 0!==t.size){void 0!==t.size.width&&(this.size.width=t.size.width);void 0!==t.size.height&&(this.size.height=t.size.height)}}}}class PolygonMaskMove{constructor(){this.radius=10;this.type=\"path\"}load(t){if(t){void 0!==t.radius&&(this.radius=t.radius);void 0!==t.type&&(this.type=t.type)}}}class PolygonMask{constructor(){this.draw=new PolygonMaskDraw;this.enable=false;this.inline=new PolygonMaskInline;this.move=new PolygonMaskMove;this.scale=1;this.type=\"none\"}get inlineArrangement(){return this.inline.arrangement}set inlineArrangement(t){this.inline.arrangement=t}load(t){if(t){this.draw.load(t.draw);this.inline.load(t.inline);this.move.load(t.move);void 0!==t.scale&&(this.scale=t.scale);void 0!==t.type&&(this.type=t.type);void 0!==t.enable?this.enable=t.enable:this.enable=\"none\"!==this.type;void 0!==t.url&&(this.url=t.url);if(void 0!==t.data)if(\"string\"===typeof t.data)this.data=t.data;else{this.data=new PolygonMaskLocalSvg;this.data.load(t.data)}void 0!==t.position&&(this.position=i({},t.position))}}}function drawPolygonMask(t,e,i){const r=n(i.color);if(r){t.beginPath();t.moveTo(e[0].x,e[0].y);for(const i of e)t.lineTo(i.x,i.y);t.closePath();t.strokeStyle=o(r);t.lineWidth=i.width;t.stroke()}}function drawPolygonMaskPath(t,e,i,r){t.translate(r.x,r.y);const s=n(i.color);if(s){t.strokeStyle=o(s,i.opacity);t.lineWidth=i.width;t.stroke(e)}}function parsePaths(t,e,i){var n;const o=[];for(const r of t){const t=r.element.pathSegList,s=null!==(n=null===t||void 0===t?void 0:t.numberOfItems)&&void 0!==n?n:0,h={x:0,y:0};for(let n=0;n=0&&a<=1};if(a<0){S.x=t.x;S.y=t.y}else if(a>1){S.x=e.x;S.y=e.y}return S}function segmentBounce(t,e,i){const{dx:n,dy:o}=r(t,e),h=Math.atan2(o,n),a=s.create(Math.sin(h),-Math.cos(h)),S=2*(i.x*a.x+i.y*a.y);a.multTo(S);i.subFrom(a)}var w=(void 0,function(t,e,i,n,o){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?o.call(t,i):o?o.value=i:e.set(t,i),i});var d=(void 0,function(t,e,i,n){if(\"a\"===i&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!n:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?n:\"a\"===i?n.call(t):n?n.value:e.get(t)});var g;class PolygonMaskInstance{constructor(t,e){this.container=t;g.set(this,void 0);w(this,g,e,\"f\");this.dimension={height:0,width:0};this.path2DSupported=!!window.Path2D;this.options=new PolygonMask;this.polygonMaskMoveRadius=this.options.move.radius*t.retina.pixelRatio}clickPositionValid(t){const e=this.options;return e.enable&&\"none\"!==e.type&&\"inline\"!==e.type&&this.checkInsidePolygon(t)}draw(t){var e;if(!(null===(e=this.paths)||void 0===e?void 0:e.length))return;const i=this.options,n=i.draw;if(!i.enable||!n.enable)return;const o=this.raw;for(const e of this.paths){const i=e.path2d,r=this.path2DSupported;t&&(r&&i&&this.offset?drawPolygonMaskPath(t,i,n.stroke,this.offset):o&&drawPolygonMask(t,o,n.stroke))}}async initAsync(t){this.options.load(null===t||void 0===t?void 0:t.polygon);const e=this.options;this.polygonMaskMoveRadius=e.move.radius*this.container.retina.pixelRatio;e.enable&&await this.initRawData()}particleBounce(t,e,i){return this.polygonBounce(t,e,i)}particlePosition(t){var e,n;const o=this.options;if(o.enable&&(null!==(n=null===(e=this.raw)||void 0===e?void 0:e.length)&&void 0!==n?n:0)>0)return i({},t||this.randomPoint())}particlesInitialization(){const t=this.options;if(t.enable&&\"inline\"===t.type&&(\"one-per-point\"===t.inline.arrangement||\"per-point\"===t.inline.arrangement)){this.drawPoints();return true}return false}resize(){const t=this.container,e=this.options;if(e.enable&&\"none\"!==e.type){this.redrawTimeout&&clearTimeout(this.redrawTimeout);this.redrawTimeout=window.setTimeout((async()=>{await this.initRawData(true);await t.particles.redraw()}),250)}}stop(){delete this.raw;delete this.paths}checkInsidePolygon(t){var e,i;const n=this.container,o=this.options;if(!o.enable||\"none\"===o.type||\"inline\"===o.type)return true;if(!this.raw)throw new Error(h);const r=n.canvas.size,s=null!==(e=null===t||void 0===t?void 0:t.x)&&void 0!==e?e:a()*r.width,S=null!==(i=null===t||void 0===t?void 0:t.y)&&void 0!==i?i:a()*r.height;let u=false;for(let t=0,e=this.raw.length-1;tS!==n.y>S&&s<(n.x-i.x)*(S-i.y)/(n.y-i.y)+i.x;o&&(u=!u)}return\"inside\"===o.type?u:\"outside\"===o.type&&!u}createPath2D(){var t,e;const i=this.options;if(this.path2DSupported&&(null===(t=this.paths)||void 0===t?void 0:t.length))for(const t of this.paths){const n=null===(e=t.element)||void 0===e?void 0:e.getAttribute(\"d\");if(n){const e=new Path2D(n),o=document.createElementNS(\"http://www.w3.org/2000/svg\",\"svg\").createSVGMatrix(),r=new Path2D,s=o.scale(i.scale);if(r.addPath){r.addPath(e,s);t.path2d=r}else delete t.path2d}else delete t.path2d;if(!t.path2d&&this.raw){t.path2d=new Path2D;t.path2d.moveTo(this.raw[0].x,this.raw[0].y);this.raw.forEach(((e,i)=>{var n;i>0&&(null===(n=t.path2d)||void 0===n?void 0:n.lineTo(e.x,e.y))}));t.path2d.closePath()}}}async downloadSvgPath(t,e){const i=this.options,n=t||i.url,o=null!==e&&void 0!==e&&e;if(!n||void 0!==this.paths&&!o)return this.raw;const r=await fetch(n);if(!r.ok)throw new Error(\"tsParticles Error - Error occurred during polygon mask download\");return this.parseSvgPath(await r.text(),e)}drawPoints(){if(this.raw)for(const t of this.raw)this.container.particles.addParticle({x:t.x,y:t.y})}getEquidistantPointByIndex(t){var e,i,n,o,r,s,h;const a=this.container.actualOptions,u=this.options;if(!this.raw||!this.raw.length||!(null===(e=this.paths)||void 0===e?void 0:e.length))throw new Error(S);let c,w=0;const d=this.paths.reduce(((t,e)=>t+e.length),0),g=d/a.particles.number.value;for(const e of this.paths){const i=g*t-w;if(i<=e.length){c=e.element.getPointAtLength(i);break}w+=e.length}return{x:(null!==(i=null===c||void 0===c?void 0:c.x)&&void 0!==i?i:0)*u.scale+(null!==(o=null===(n=this.offset)||void 0===n?void 0:n.x)&&void 0!==o?o:0),y:(null!==(r=null===c||void 0===c?void 0:c.y)&&void 0!==r?r:0)*u.scale+(null!==(h=null===(s=this.offset)||void 0===s?void 0:s.y)&&void 0!==h?h:0)}}getPointByIndex(t){if(!this.raw||!this.raw.length)throw new Error(S);const e=this.raw[t%this.raw.length];return{x:e.x,y:e.y}}getRandomPoint(){if(!this.raw||!this.raw.length)throw new Error(S);const t=u(this.raw);return{x:t.x,y:t.y}}getRandomPointByLength(){var t,e,i;const n=this.options;if(!this.raw||!this.raw.length||!(null===(t=this.paths)||void 0===t?void 0:t.length))throw new Error(S);const o=u(this.paths),r=Math.floor(a()*o.length)+1,s=o.element.getPointAtLength(r);return{x:s.x*n.scale+((null===(e=this.offset)||void 0===e?void 0:e.x)||0),y:s.y*n.scale+((null===(i=this.offset)||void 0===i?void 0:i.y)||0)}}async initRawData(t){const e=this.options;if(e.url)this.raw=await this.downloadSvgPath(e.url,t);else if(e.data){const i=e.data;let n;if(\"string\"!==typeof i){const t=i.path instanceof Array?i.path.map((t=>``)).join(\"\"):``;const e='xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"';n=`${t}`}else n=i;this.raw=this.parseSvgPath(n,t)}this.createPath2D();d(this,g,\"f\").dispatchEvent(\"polygonMaskLoaded\",{container:this.container})}parseSvgPath(t,e){var i,n,o;const r=null!==e&&void 0!==e&&e;if(void 0!==this.paths&&!r)return this.raw;const s=this.container,h=this.options,a=new DOMParser,S=a.parseFromString(t,\"image/svg+xml\"),u=S.getElementsByTagName(\"svg\")[0];let c=u.getElementsByTagName(\"path\");c.length||(c=S.getElementsByTagName(\"path\"));this.paths=[];for(let t=0;t=e.x&&(i.x=-1);t.position.y>=e.y&&(i.y=-1);t.position.x=e.x+2*s*i.x;t.position.y=e.y+2*s*i.y;t.velocity.mult(-1);return true}}else if(\"inline\"===n.type&&t.initialPosition){const e=c(t.initialPosition,t.getPosition());if(e>this.polygonMaskMoveRadius){t.velocity.x=t.velocity.y/2-t.velocity.x;t.velocity.y=t.velocity.x/2-t.velocity.y;return true}}return false}randomPoint(){const t=this.container,e=this.options;let i;if(\"inline\"===e.type)switch(e.inline.arrangement){case\"random-point\":i=this.getRandomPoint();break;case\"random-length\":i=this.getRandomPointByLength();break;case\"equidistant\":i=this.getEquidistantPointByIndex(t.particles.count);break;case\"one-per-point\":case\"per-point\":default:i=this.getPointByIndex(t.particles.count)}else i={x:a()*t.canvas.size.width,y:a()*t.canvas.size.height};return this.checkInsidePolygon(i)?i:this.randomPoint()}}g=new WeakMap;var _=(void 0,function(t,e,i,n,o){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?o.call(t,i):o?o.value=i:e.set(t,i),i});var p=(void 0,function(t,e,i,n){if(\"a\"===i&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!n:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===i?n:\"a\"===i?n.call(t):n?n.value:e.get(t)});var l;class PolygonMaskPlugin{constructor(t){l.set(this,void 0);this.id=\"polygonMask\";_(this,l,t,\"f\")}getPlugin(t){return new PolygonMaskInstance(t,p(this,l,\"f\"))}loadOptions(t,e){if(!this.needsPlugin(e))return;const i=t;let n=i.polygon;void 0===(null===n||void 0===n?void 0:n.load)&&(i.polygon=n=new PolygonMask);n.load(null===e||void 0===e?void 0:e.polygon)}needsPlugin(t){var e,i,n;return null!==(i=null===(e=null===t||void 0===t?void 0:t.polygon)||void 0===e?void 0:e.enable)&&void 0!==i?i:void 0!==(null===(n=null===t||void 0===t?void 0:t.polygon)||void 0===n?void 0:n.type)&&\"none\"!==t.polygon.type}}l=new WeakMap;async function loadPolygonMaskPlugin(t){const e=new PolygonMaskPlugin(t);await t.addPlugin(e)}export{loadPolygonMaskPlugin};\n\n//# sourceMappingURL=index.js.map", "import{setRangeValue as l,OptionsColor as e,getRandom as o,getRangeValue as a,rangeColorToHsl as n}from\"tsparticles-engine\";class RollLight{constructor(){this.enable=false;this.value=0}load(e){if(e){void 0!==e.enable&&(this.enable=e.enable);void 0!==e.value&&(this.value=l(e.value))}}}class Roll{constructor(){this.darken=new RollLight;this.enable=false;this.enlighten=new RollLight;this.mode=\"vertical\";this.speed=25}load(o){if(o){void 0!==o.backColor&&(this.backColor=e.create(this.backColor,o.backColor));this.darken.load(o.darken);void 0!==o.enable&&(this.enable=o.enable);this.enlighten.load(o.enlighten);void 0!==o.mode&&(this.mode=o.mode);void 0!==o.speed&&(this.speed=l(o.speed))}}}function updateRoll(l,e){const o=l.options.roll;if(!l.roll||!(null===o||void 0===o?void 0:o.enable))return;const a=l.roll.speed*e.factor,n=2*Math.PI;l.roll.angle+=a;l.roll.angle>n&&(l.roll.angle-=n)}class RollUpdater{getTransformValues(l){var e;const o=(null===(e=l.roll)||void 0===e?void 0:e.enable)&&l.roll,a=o&&o.horizontal,n=o&&o.vertical;return{a:a?Math.cos(o.angle):void 0,d:n?Math.sin(o.angle):void 0}}init(l){const e=l.options.roll;if(null===e||void 0===e?void 0:e.enable){l.roll={enable:e.enable,horizontal:\"horizontal\"===e.mode||\"both\"===e.mode,vertical:\"vertical\"===e.mode||\"both\"===e.mode,angle:o()*Math.PI*2,speed:a(e.speed)/360};if(e.backColor)l.backColor=n(e.backColor);else if(e.darken.enable&&e.enlighten.enable){const n=o()>=.5?\"darken\":\"enlighten\";l.roll.alter={type:n,value:a(\"darken\"===n?e.darken.value:e.enlighten.value)}}else e.darken.enable?l.roll.alter={type:\"darken\",value:a(e.darken.value)}:e.enlighten.enable&&(l.roll.alter={type:\"enlighten\",value:a(e.enlighten.value)})}else l.roll={enable:false,horizontal:false,vertical:false,angle:0,speed:0}}isEnabled(l){const e=l.options.roll;return!l.destroyed&&!l.spawning&&!!(null===e||void 0===e?void 0:e.enable)}loadOptions(l,...e){l.roll||(l.roll=new Roll);for(const o of e)l.roll.load(null===o||void 0===o?void 0:o.roll)}update(l,e){this.isEnabled(l)&&updateRoll(l,e)}}async function loadRollUpdater(l){await l.addParticleUpdater(\"roll\",(()=>new RollUpdater))}export{loadRollUpdater};\n\n//# sourceMappingURL=index.js.map", "const initPjs=o=>{const particlesJS=(t,n)=>o.load(t,n);particlesJS.load=(t,n,c)=>{o.loadJSON(t,n).then((o=>{o&&c(o)})).catch((()=>{c(void 0)}))};particlesJS.setOnClickHandler=t=>{o.setOnClickHandler(t)};const t=o.dom();return{particlesJS:particlesJS,pJSDom:t}};export{initPjs};\n\n//# sourceMappingURL=index.js.map", "import{getRangeValue as t,getRandom as e}from\"tsparticles-engine\";function updateAngle(t,e){var a,o;const n=t.rotate;if(!n)return;const i=t.options.rotate,l=i.animation,r=(null!==(a=n.velocity)&&void 0!==a?a:0)*e.factor,c=2*Math.PI,s=null!==(o=n.decay)&&void 0!==o?o:1;if(l.enable){switch(n.status){case 0:n.value+=r;n.value>c&&(n.value-=c);break;case 1:default:n.value-=r;n.value<0&&(n.value+=c);break}n.velocity&&1!==s&&(n.velocity*=s)}}class AngleUpdater{constructor(t){this.container=t}init(a){const o=a.options.rotate;a.rotate={enable:o.animation.enable,value:t(o.value)*Math.PI/180};let n=o.direction;if(\"random\"===n){const t=Math.floor(2*e());n=t>0?\"counter-clockwise\":\"clockwise\"}switch(n){case\"counter-clockwise\":case\"counterClockwise\":a.rotate.status=1;break;case\"clockwise\":a.rotate.status=0;break}const i=a.options.rotate.animation;if(i.enable){a.rotate.decay=1-t(i.decay);a.rotate.velocity=t(i.speed)/360*this.container.retina.reduceFactor;i.sync||(a.rotate.velocity*=e())}a.rotation=a.rotate.value}isEnabled(t){const e=t.options.rotate,a=e.animation;return!t.destroyed&&!t.spawning&&a.enable&&!e.path}update(t,e){var a,o;if(this.isEnabled(t)){updateAngle(t,e);t.rotation=null!==(o=null===(a=t.rotate)||void 0===a?void 0:a.value)&&void 0!==o?o:0}}}async function loadAngleUpdater(t){await t.addParticleUpdater(\"angle\",(t=>new AngleUpdater(t)))}export{loadAngleUpdater};\n\n//# sourceMappingURL=index.js.map", "import{getDistances as i,getRandom as e,clamp as t,isInArray as n,getDistance as o,getRangeValue as a,getRangeMax as s}from\"tsparticles-engine\";function applyDistance(t){const n=t.initialPosition,{dx:o,dy:a}=i(n,t.position),s=Math.abs(o),c=Math.abs(a),r=t.retina.maxDistance.horizontal,l=t.retina.maxDistance.vertical;if(r||l)if((r&&s>=r||l&&c>=l)&&!t.misplaced){t.misplaced=!!r&&s>r||!!l&&c>l;r&&(t.velocity.x=t.velocity.y/2-t.velocity.x);l&&(t.velocity.y=t.velocity.x/2-t.velocity.y)}else if((!r||sn.x&&o.x>0)&&(o.x*=-e());l&&(i.yn.y&&o.y>0)&&(o.y*=-e())}}function spin(i,e){const t=i.container;if(!i.spin)return;const n={x:\"clockwise\"===i.spin.direction?Math.cos:Math.sin,y:\"clockwise\"===i.spin.direction?Math.sin:Math.cos};i.position.x=i.spin.center.x+i.spin.radius*n.x(i.spin.angle);i.position.y=i.spin.center.y+i.spin.radius*n.y(i.spin.angle);i.spin.radius+=i.spin.acceleration;const o=Math.max(t.canvas.size.width,t.canvas.size.height);if(i.spin.radius>o/2){i.spin.radius=o/2;i.spin.acceleration*=-1}else if(i.spin.radius<0){i.spin.radius=0;i.spin.acceleration*=-1}i.spin.angle+=e/100*(1-i.spin.radius/o)}function applyPath(i,e){var n;const o=i.options;const a=o.move.path;const s=a.enable;if(!s)return;if(i.lastPathTime<=i.pathDelay){i.lastPathTime+=e.value;return}const c=null===(n=i.pathGenerator)||void 0===n?void 0:n.generate(i);c&&i.velocity.addTo(c);if(a.clamp){i.velocity.x=t(i.velocity.x,-1,1);i.velocity.y=t(i.velocity.y,-1,1)}i.lastPathTime-=i.pathDelay}function getProximitySpeedFactor(i){const e=i.container;const t=e.actualOptions;const a=n(\"slow\",t.interactivity.events.onHover.mode);if(!a)return 1;const s=i.container.interactivity.mouse.position;if(!s)return 1;const c=i.getPosition();const r=o(s,c);const l=e.retina.slowModeRadius;if(r>l)return 1;const p=r/l||0;const v=t.interactivity.modes.slow.factor;return p/v}class BaseMover{init(i){var e;const t=i.container,n=i.options,s=n.move.gravity,c=n.move.spin;i.gravity={enable:s.enable,acceleration:a(s.acceleration),inverse:s.inverse};if(c.enable){const n=null!==(e=c.position)&&void 0!==e?e:{x:50,y:50};const s={x:n.x/100*t.canvas.size.width,y:n.y/100*t.canvas.size.height};const r=i.getPosition();const l=o(r,s);const p=a(c.acceleration);i.retina.spinAcceleration=p*t.retina.pixelRatio;i.spin={center:s,direction:i.velocity.x>=0?\"clockwise\":\"counter-clockwise\",angle:i.velocity.angle,radius:l,acceleration:i.retina.spinAcceleration}}}isEnabled(i){return!i.destroyed&&i.options.move.enable}move(i,e){var t,n,o;var c,r;const l=i.options,p=l.move;if(!p.enable)return;const v=i.container,y=getProximitySpeedFactor(i),d=(null!==(t=(c=i.retina).moveSpeed)&&void 0!==t?t:c.moveSpeed=a(p.speed)*v.retina.pixelRatio)*v.retina.reduceFactor,u=null!==(n=(r=i.retina).moveDrift)&&void 0!==n?n:r.moveDrift=a(i.options.move.drift)*v.retina.pixelRatio,x=s(l.size.value)*v.retina.pixelRatio,m=p.size?i.getRadius()/x:1,f=m*y*(e.factor||1),h=2,g=d*f/h;applyPath(i,e);const M=i.gravity,b=(null===M||void 0===M?void 0:M.enable)&&M.inverse?-1:1;(null===M||void 0===M?void 0:M.enable)&&g&&(i.velocity.y+=b*(M.acceleration*e.factor)/(60*g));u&&g&&(i.velocity.x+=u*e.factor/(60*g));const w=i.moveDecay;1!=w&&i.velocity.multTo(w);const P=i.velocity.mult(g),z=null!==(o=i.retina.maxSpeed)&&void 0!==o?o:v.retina.maxSpeed;if((null===M||void 0===M?void 0:M.enable)&&z>0&&(!M.inverse&&P.y>=0&&P.y>=z||M.inverse&&P.y<=0&&P.y<=-z)){P.y=b*z;g&&(i.velocity.y=P.y/g)}const D=i.options.zIndex,R=(1-i.zIndexFactor)**D.velocityRate;if(p.spin.enable)spin(i,g);else{1!=R&&P.multTo(R);i.position.addTo(P);if(p.vibrate){i.position.x+=Math.sin(i.position.x*Math.cos(i.position.y));i.position.y+=Math.cos(i.position.y*Math.sin(i.position.x))}}applyDistance(i)}}async function loadBaseMover(i){i.addMover(\"base\",(()=>new BaseMover))}export{loadBaseMover};\n\n//# sourceMappingURL=index.js.map", "class CircleDrawer{draw(a,e,r){a.arc(0,0,r,0,2*Math.PI,false)}getSidesCount(){return 12}}async function loadCircleShape(a){await a.addShape(\"circle\",new CircleDrawer)}export{loadCircleShape};\n\n//# sourceMappingURL=index.js.map", "import{randomInRange as o,rangeColorToHsl as l,getHslAnimationFromHsl as e}from\"tsparticles-engine\";function updateColorValue(l,e,a,t,i){var r,n;const u=e;if(!u||!a.enable)return;const d=o(a.offset),c=(null!==(r=e.velocity)&&void 0!==r?r:0)*l.factor+3.6*d,v=null!==(n=e.decay)&&void 0!==n?n:1;if(i&&0!==u.status){u.value-=c;if(u.value<0){u.status=0;u.value+=u.value}}else{u.value+=c;if(i&&u.value>t){u.status=1;u.value-=u.value%t}}u.velocity&&1!==v&&(u.velocity*=v);u.value>t&&(u.value%=t)}function updateColor(o,l){var e,a,t;const i=o.options.color.animation;void 0!==(null===(e=o.color)||void 0===e?void 0:e.h)&&updateColorValue(l,o.color.h,i.h,360,false);void 0!==(null===(a=o.color)||void 0===a?void 0:a.s)&&updateColorValue(l,o.color.s,i.s,100,true);void 0!==(null===(t=o.color)||void 0===t?void 0:t.l)&&updateColorValue(l,o.color.l,i.l,100,true)}class ColorUpdater{constructor(o){this.container=o}init(o){const a=l(o.options.color,o.id,o.options.reduceDuplicates);a&&(o.color=e(a,o.options.color.animation,this.container.retina.reduceFactor))}isEnabled(o){var l,e,a;const t=o.options.color.animation;return!o.destroyed&&!o.spawning&&(void 0!==(null===(l=o.color)||void 0===l?void 0:l.h.value)&&t.h.enable||void 0!==(null===(e=o.color)||void 0===e?void 0:e.s.value)&&t.s.enable||void 0!==(null===(a=o.color)||void 0===a?void 0:a.l.value)&&t.l.enable)}update(o,l){updateColor(o,l)}}async function loadColorUpdater(o){await o.addParticleUpdater(\"color\",(o=>new ColorUpdater(o)))}export{loadColorUpdater};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as t,mouseMoveEvent as a,isInArray as e,Circle as i,getDistances as r,clamp as c,calcEasing as o,Vector as n}from\"tsparticles-engine\";class Attract{constructor(){this.distance=200;this.duration=.4;this.easing=\"ease-out-quad\";this.factor=1;this.maxSpeed=50;this.speed=1}load(t){if(t){void 0!==t.distance&&(this.distance=t.distance);void 0!==t.duration&&(this.duration=t.duration);void 0!==t.easing&&(this.easing=t.easing);void 0!==t.factor&&(this.factor=t.factor);void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed);void 0!==t.speed&&(this.speed=t.speed)}}}var s=(void 0,function(t,a,e,i,r){if(\"m\"===i)throw new TypeError(\"Private method is not writable\");if(\"a\"===i&&!r)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof a?t!==a||!r:!a.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===i?r.call(t,e):r?r.value=e:a.set(t,e),e});var d=(void 0,function(t,a,e,i){if(\"a\"===e&&!i)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof a?t!==a||!i:!a.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?i:\"a\"===e?i.call(t):i?i.value:a.get(t)});var l;class Attractor extends t{constructor(t){super(t);l.set(this,void 0);s(this,l,t,\"f\");t.attract||(t.attract={particles:[]});this.handleClickMode=a=>{const e=d(this,l,\"f\").actualOptions,i=e.interactivity.modes.attract;if(i&&\"attract\"===a){t.attract||(t.attract={particles:[]});t.attract.clicking=true;t.attract.count=0;for(const a of t.attract.particles)this.isEnabled(a)&&a.velocity.setTo(a.initialVelocity);t.attract.particles=[];t.attract.finish=false;setTimeout((()=>{if(!t.destroyed){t.attract||(t.attract={particles:[]});t.attract.clicking=false}}),1e3*i.duration)}}}clear(){}init(){const t=d(this,l,\"f\"),a=t.actualOptions.interactivity.modes.attract;a&&(t.retina.attractModeDistance=a.distance*t.retina.pixelRatio)}async interact(){const t=d(this,l,\"f\"),i=t.actualOptions,r=t.interactivity.status===a,c=i.interactivity.events,o=c.onHover.enable,n=c.onHover.mode,s=c.onClick.enable,f=c.onClick.mode;r&&o&&e(\"attract\",n)?this.hoverAttract():s&&e(\"attract\",f)&&this.clickAttract()}isEnabled(t){var a;const i=d(this,l,\"f\"),r=i.actualOptions,c=i.interactivity.mouse,o=(null!==(a=null===t||void 0===t?void 0:t.interactivity)&&void 0!==a?a:r.interactivity).events;if((!c.position||!o.onHover.enable)&&(!c.clickPosition||!o.onClick.enable))return false;const n=o.onHover.mode,s=o.onClick.mode;return e(\"attract\",n)||e(\"attract\",s)}loadModeOptions(t,...a){t.attract||(t.attract=new Attract);for(const e of a)t.attract.load(null===e||void 0===e?void 0:e.attract)}reset(){}clickAttract(){const t=d(this,l,\"f\");t.attract||(t.attract={particles:[]});if(!t.attract.finish){t.attract.count||(t.attract.count=0);t.attract.count++;t.attract.count===t.particles.count&&(t.attract.finish=true)}if(t.attract.clicking){const a=t.interactivity.mouse.clickPosition,e=t.retina.attractModeDistance;if(!e||e<0||!a)return;this.processAttract(a,e,new i(a.x,a.y,e))}else false===t.attract.clicking&&(t.attract.particles=[])}hoverAttract(){const t=d(this,l,\"f\"),a=t.interactivity.mouse.position,e=t.retina.attractModeDistance;!e||e<0||!a||this.processAttract(a,e,new i(a.x,a.y,e))}processAttract(t,a,e){const i=d(this,l,\"f\"),s=i.actualOptions.interactivity.modes.attract;if(!s)return;const f=i.particles.quadTree.query(e,(t=>this.isEnabled(t)));for(const e of f){const{dx:i,dy:d,distance:l}=r(e.position,t);const f=s.speed*s.factor;const u=c(o(1-l/a,s.easing)*f,0,s.maxSpeed);const p=n.create(0===l?f:i/l*u,0===l?f:d/l*u);e.position.subFrom(p)}}}l=new WeakMap;async function loadExternalAttractInteraction(t){await t.addInteractor(\"externalAttract\",(t=>new Attractor(t)))}export{Attract,loadExternalAttractInteraction};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as e,mouseMoveEvent as t,isInArray as o,divModeExecute as n,isDivModeEnabled as i,Circle as s,circleBounce as r,circleBounceDataFromParticle as a,Vector as c,Rectangle as u,rectBounce as f,calculateBounds as l}from\"tsparticles-engine\";class Bounce{constructor(){this.distance=200}load(e){e&&void 0!==e.distance&&(this.distance=e.distance)}}var d=(void 0,function(e,t,o,n,i){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!i)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof t?e!==t||!i:!t.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?i.call(e,o):i?i.value=o:t.set(e,o),o});var v=(void 0,function(e,t,o,n){if(\"a\"===o&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof t?e!==t||!n:!t.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===o?n:\"a\"===o?n.call(e):n?n.value:t.get(e)});var h;class Bouncer extends e{constructor(e){super(e);h.set(this,void 0);d(this,h,e,\"f\")}clear(){}init(){const e=v(this,h,\"f\"),t=e.actualOptions.interactivity.modes.bounce;t&&(e.retina.bounceModeDistance=t.distance*e.retina.pixelRatio)}async interact(){const e=v(this,h,\"f\"),i=e.actualOptions,s=i.interactivity.events,r=e.interactivity.status===t,a=s.onHover.enable,c=s.onHover.mode,u=s.onDiv;r&&a&&o(\"bounce\",c)?this.processMouseBounce():n(\"bounce\",u,((e,t)=>this.singleSelectorBounce(e,t)))}isEnabled(e){var t;const n=v(this,h,\"f\"),s=n.actualOptions,r=n.interactivity.mouse,a=(null!==(t=null===e||void 0===e?void 0:e.interactivity)&&void 0!==t?t:s.interactivity).events,c=a.onDiv;return r.position&&a.onHover.enable&&o(\"bounce\",a.onHover.mode)||i(\"bounce\",c)}loadModeOptions(e,...t){e.bounce||(e.bounce=new Bounce);for(const o of t)e.bounce.load(null===o||void 0===o?void 0:o.bounce)}reset(){}processBounce(e,t,o){const n=v(this,h,\"f\").particles.quadTree.query(o,(e=>this.isEnabled(e)));for(const i of n)o instanceof s?r(a(i),{position:e,radius:t,mass:t**2*Math.PI/2,velocity:c.origin,factor:c.origin}):o instanceof u&&f(i,l(e,t))}processMouseBounce(){const e=v(this,h,\"f\"),t=e.retina.pixelRatio,o=10*t,n=e.interactivity.mouse.position,i=e.retina.bounceModeDistance;!i||i<0||!n||this.processBounce(n,i,new s(n.x,n.y,i+o))}singleSelectorBounce(e,t){const o=v(this,h,\"f\"),n=document.querySelectorAll(e);n.length&&n.forEach((e=>{const n=e,i=o.retina.pixelRatio,r={x:(n.offsetLeft+n.offsetWidth/2)*i,y:(n.offsetTop+n.offsetHeight/2)*i},a=n.offsetWidth/2*i,c=10*i,f=\"circle\"===t.type?new s(r.x,r.y,a+c):new u(n.offsetLeft*i-c,n.offsetTop*i-c,n.offsetWidth*i+2*c,n.offsetHeight*i+2*c);this.processBounce(r,a,f)}))}}h=new WeakMap;async function loadExternalBounceInteraction(e){await e.addInteractor(\"externalBounce\",(e=>new Bouncer(e)))}export{Bounce,loadExternalBounceInteraction};\n\n//# sourceMappingURL=index.js.map", "import{OptionsColor as e,clamp as i,ExternalInteractorBase as t,isInArray as o,divModeExecute as b,isDivModeEnabled as l,getDistance as s,getRangeMax as a,mouseMoveEvent as n,mouseLeaveEvent as r,itemFromArray as u,rangeColorToHsl as c,rgbToHsl as d,colorMix as v,Circle as f,Rectangle as p,divMode as h}from\"tsparticles-engine\";class BubbleBase{constructor(){this.distance=200;this.duration=.4;this.mix=false}load(i){if(i){void 0!==i.distance&&(this.distance=i.distance);void 0!==i.duration&&(this.duration=i.duration);void 0!==i.mix&&(this.mix=i.mix);void 0!==i.opacity&&(this.opacity=i.opacity);if(void 0!==i.color)if(i.color instanceof Array)this.color=i.color.map((i=>e.create(void 0,i)));else{this.color instanceof Array&&(this.color=new e);this.color=e.create(this.color,i.color)}void 0!==i.size&&(this.size=i.size)}}}class BubbleDiv extends BubbleBase{constructor(){super();this.selectors=[]}get ids(){return this.selectors instanceof Array?this.selectors.map((e=>e.replace(\"#\",\"\"))):this.selectors.replace(\"#\",\"\")}set ids(e){this.selectors=e instanceof Array?e.map((e=>`#${e}`)):`#${e}`}load(e){super.load(e);if(e){void 0!==e.ids&&(this.ids=e.ids);void 0!==e.selectors&&(this.selectors=e.selectors)}}}class Bubble extends BubbleBase{load(e){super.load(e);if(e)if(e.divs instanceof Array)this.divs=e.divs.map((e=>{const i=new BubbleDiv;i.load(e);return i}));else{(this.divs instanceof Array||!this.divs)&&(this.divs=new BubbleDiv);this.divs.load(e.divs)}}}var y=(void 0,function(e,i,t,o,b){if(\"m\"===o)throw new TypeError(\"Private method is not writable\");if(\"a\"===o&&!b)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?e!==i||!b:!i.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===o?b.call(e,t):b?b.value=t:i.set(e,t),t});var B=(void 0,function(e,i,t,o){if(\"a\"===t&&!o)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?e!==i||!o:!i.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===t?o:\"a\"===t?o.call(e):o?o.value:i.get(e)});var m;function calculateBubbleValue(e,t,o,b){if(t>=o){const l=e+(t-o)*b;return i(l,e,t)}if(t{if(\"bubble\"===i){e.bubble||(e.bubble={});e.bubble.clicking=true}}}clear(e,i){if(!e.bubble.inRange||i){delete e.bubble.div;delete e.bubble.opacity;delete e.bubble.radius;delete e.bubble.color}}init(){const e=B(this,m,\"f\"),i=e.actualOptions.interactivity.modes.bubble;if(i){e.retina.bubbleModeDistance=i.distance*e.retina.pixelRatio;void 0!==i.size&&(e.retina.bubbleModeSize=i.size*e.retina.pixelRatio)}}async interact(){const e=B(this,m,\"f\").actualOptions,i=e.interactivity.events,t=i.onHover,l=i.onClick,s=t.enable,a=t.mode,n=l.enable,r=l.mode,u=i.onDiv;s&&o(\"bubble\",a)?this.hoverBubble():n&&o(\"bubble\",r)?this.clickBubble():b(\"bubble\",u,((e,i)=>this.singleSelectorHover(e,i)))}isEnabled(e){var i;const t=B(this,m,\"f\"),b=t.actualOptions,s=t.interactivity.mouse,a=(null!==(i=null===e||void 0===e?void 0:e.interactivity)&&void 0!==i?i:b.interactivity).events,n=a.onDiv,r=l(\"bubble\",n);if(!(r||a.onHover.enable&&s.position||a.onClick.enable&&s.clickPosition))return false;const u=a.onHover.mode;const c=a.onClick.mode;return o(\"bubble\",u)||o(\"bubble\",c)||r}loadModeOptions(e,...i){e.bubble||(e.bubble=new Bubble);for(const t of i)e.bubble.load(null===t||void 0===t?void 0:t.bubble)}reset(e){e.bubble.inRange=false}clickBubble(){var e,i;const t=B(this,m,\"f\"),o=t.actualOptions,b=t.interactivity.mouse.clickPosition,l=o.interactivity.modes.bubble;if(!l||!b)return;t.bubble||(t.bubble={});const n=t.retina.bubbleModeDistance;if(!n||n<0)return;const r=t.particles.quadTree.queryCircle(b,n,(e=>this.isEnabled(e)));for(const o of r){if(!t.bubble.clicking)continue;o.bubble.inRange=!t.bubble.durationEnd;const r=o.getPosition(),u=s(r,b),c=((new Date).getTime()-(t.interactivity.mouse.clickTime||0))/1e3;c>l.duration&&(t.bubble.durationEnd=true);if(c>2*l.duration){t.bubble.clicking=false;t.bubble.durationEnd=false}const d={bubbleObj:{optValue:t.retina.bubbleModeSize,value:o.bubble.radius},particlesObj:{optValue:a(o.options.size.value)*t.retina.pixelRatio,value:o.size.value},type:\"size\"};this.process(o,u,c,d);const v={bubbleObj:{optValue:l.opacity,value:o.bubble.opacity},particlesObj:{optValue:a(o.options.opacity.value),value:null!==(i=null===(e=o.opacity)||void 0===e?void 0:e.value)&&void 0!==i?i:1},type:\"opacity\"};this.process(o,u,c,v);t.bubble.durationEnd?delete o.bubble.color:u<=n?this.hoverBubbleColor(o,u):delete o.bubble.color}}hoverBubble(){const e=B(this,m,\"f\"),i=e.interactivity.mouse.position,t=e.retina.bubbleModeDistance;if(!t||t<0||void 0===i)return;const o=e.particles.quadTree.queryCircle(i,t,(e=>this.isEnabled(e)));for(const b of o){b.bubble.inRange=true;const o=b.getPosition(),l=s(o,i),a=1-l/t;if(l<=t){if(a>=0&&e.interactivity.status===n){this.hoverBubbleSize(b,a);this.hoverBubbleOpacity(b,a);this.hoverBubbleColor(b,a)}}else this.reset(b);e.interactivity.status===r&&this.reset(b)}}hoverBubbleColor(e,i,t){const o=B(this,m,\"f\").actualOptions;const b=null!==t&&void 0!==t?t:o.interactivity.modes.bubble;if(b){if(!e.bubble.finalColor){const i=b.color;if(!i)return;const t=i instanceof Array?u(i):i;e.bubble.finalColor=c(t)}if(e.bubble.finalColor)if(b.mix){e.bubble.color=void 0;const t=e.getFillColor();e.bubble.color=t?d(v(t,e.bubble.finalColor,1-i,i)):e.bubble.finalColor}else e.bubble.color=e.bubble.finalColor}}hoverBubbleOpacity(e,i,t){var o,b,l,s;const n=B(this,m,\"f\"),r=n.actualOptions,u=null!==(o=null===t||void 0===t?void 0:t.opacity)&&void 0!==o?o:null===(b=r.interactivity.modes.bubble)||void 0===b?void 0:b.opacity;if(!u)return;const c=e.options.opacity.value;const d=null!==(s=null===(l=e.opacity)||void 0===l?void 0:l.value)&&void 0!==s?s:1;const v=calculateBubbleValue(d,u,a(c),i);void 0!==v&&(e.bubble.opacity=v)}hoverBubbleSize(e,i,t){const o=B(this,m,\"f\"),b=(null===t||void 0===t?void 0:t.size)?t.size*o.retina.pixelRatio:o.retina.bubbleModeSize;if(void 0===b)return;const l=a(e.options.size.value)*o.retina.pixelRatio;const s=e.size.value;const n=calculateBubbleValue(s,b,l,i);void 0!==n&&(e.bubble.radius=n)}process(e,i,t,o){const b=B(this,m,\"f\"),l=o.bubbleObj.optValue,s=b.actualOptions,a=s.interactivity.modes.bubble;if(!a||void 0===l)return;const n=a.duration,r=b.retina.bubbleModeDistance,u=o.particlesObj.optValue,c=o.bubbleObj.value,d=o.particlesObj.value||0,v=o.type;if(r&&!(r<0)&&l!==u){b.bubble||(b.bubble={});if(b.bubble.durationEnd){if(c){\"size\"===v&&delete e.bubble.radius;\"opacity\"===v&&delete e.bubble.opacity}}else if(i<=r){const i=null!==c&&void 0!==c?c:d;if(i!==l){const i=d-t*(d-l)/n;\"size\"===v&&(e.bubble.radius=i);\"opacity\"===v&&(e.bubble.opacity=i)}}else{\"size\"===v&&delete e.bubble.radius;\"opacity\"===v&&delete e.bubble.opacity}}}singleSelectorHover(e,i){const t=B(this,m,\"f\"),o=document.querySelectorAll(e),b=t.actualOptions.interactivity.modes.bubble;b&&o.length&&o.forEach((e=>{const o=e,l=t.retina.pixelRatio,s={x:(o.offsetLeft+o.offsetWidth/2)*l,y:(o.offsetTop+o.offsetHeight/2)*l},a=o.offsetWidth/2*l,n=\"circle\"===i.type?new f(s.x,s.y,a):new p(o.offsetLeft*l,o.offsetTop*l,o.offsetWidth*l,o.offsetHeight*l),r=t.particles.quadTree.query(n,(e=>this.isEnabled(e)));for(const e of r){if(!n.contains(e.getPosition()))continue;e.bubble.inRange=true;const i=b.divs;const t=h(i,o);if(!e.bubble.div||e.bubble.div!==o){this.clear(e,true);e.bubble.div=o}this.hoverBubbleSize(e,1,t);this.hoverBubbleOpacity(e,1,t);this.hoverBubbleColor(e,1,t)}}))}}m=new WeakMap;async function loadExternalBubbleInteraction(e){await e.addInteractor(\"externalBubble\",(e=>new Bubbler(e)))}export{Bubble,BubbleBase,BubbleDiv,loadExternalBubbleInteraction};\n\n//# sourceMappingURL=index.js.map", "import{colorMix as t,getStyleFromHsl as n,getStyleFromRgb as e,drawLine as i,ExternalInteractorBase as o,isInArray as a}from\"tsparticles-engine\";class ConnectLinks{constructor(){this.opacity=.5}load(t){t&&void 0!==t.opacity&&(this.opacity=t.opacity)}}class Connect{constructor(){this.distance=80;this.links=new ConnectLinks;this.radius=60}get lineLinked(){return this.links}set lineLinked(t){this.links=t}get line_linked(){return this.links}set line_linked(t){this.links=t}load(t){var n,e;if(t){void 0!==t.distance&&(this.distance=t.distance);this.links.load(null!==(e=null!==(n=t.links)&&void 0!==n?n:t.lineLinked)&&void 0!==e?e:t.line_linked);void 0!==t.radius&&(this.radius=t.radius)}}}var r=(void 0,function(t,n,e,i,o){if(\"m\"===i)throw new TypeError(\"Private method is not writable\");if(\"a\"===i&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof n?t!==n||!o:!n.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===i?o.call(t,e):o?o.value=e:n.set(t,e),e});var s=(void 0,function(t,n,e,i){if(\"a\"===e&&!i)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof n?t!==n||!i:!n.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?i:\"a\"===e?i.call(t):i?i.value:n.get(t)});var c;function gradient(i,o,a,r){const s=Math.floor(a.getRadius()/o.getRadius()),c=o.getFillColor(),d=a.getFillColor();if(!c||!d)return;const l=o.getPosition(),u=a.getPosition(),v=t(c,d,o.getRadius(),a.getRadius()),f=i.createLinearGradient(l.x,l.y,u.x,u.y);f.addColorStop(0,n(c,r));f.addColorStop(s>1?1:s,e(v,r));f.addColorStop(1,n(d,r));return f}function drawConnectLine(t,n,e,o,a){t.save();i(t,o,a);t.lineWidth=n;t.strokeStyle=e;t.stroke();t.restore()}function lineStyle(t,n,e,i){const o=t.actualOptions,a=o.interactivity.modes.connect;if(a)return gradient(n,e,i,a.links.opacity)}function drawConnection(t,n,e){t.canvas.draw((i=>{var o;const a=lineStyle(t,i,n,e);if(!a)return;const r=n.getPosition(),s=e.getPosition();drawConnectLine(i,null!==(o=n.retina.linksWidth)&&void 0!==o?o:0,a,r,s)}))}class Connector extends o{constructor(t){super(t);c.set(this,void 0);r(this,c,t,\"f\")}clear(){}init(){const t=s(this,c,\"f\"),n=t.actualOptions.interactivity.modes.connect;if(n){t.retina.connectModeDistance=n.distance*t.retina.pixelRatio;t.retina.connectModeRadius=n.radius*t.retina.pixelRatio}}async interact(){const t=s(this,c,\"f\"),n=t.actualOptions;if(n.interactivity.events.onHover.enable&&\"pointermove\"===t.interactivity.status){const n=t.interactivity.mouse.position;if(!t.retina.connectModeDistance||t.retina.connectModeDistance<0||!t.retina.connectModeRadius||t.retina.connectModeRadius<0||!n)return;const e=Math.abs(t.retina.connectModeRadius),i=t.particles.quadTree.queryCircle(n,e,(t=>this.isEnabled(t)));let o=0;for(const n of i){const e=n.getPosition();for(const a of i.slice(o+1)){const i=a.getPosition(),o=Math.abs(t.retina.connectModeDistance),r=Math.abs(e.x-i.x),s=Math.abs(e.y-i.y);rnew Connector(t)))}export{Connect,ConnectLinks,loadExternalConnectInteraction};\n\n//# sourceMappingURL=index.js.map", "import{OptionsColor as t,drawLine as i,getStyleFromRgb as e,ExternalInteractorBase as n,mouseMoveEvent as o,getDistance as r,getLinkRandomColor as a,getLinkColor as s,isInArray as c}from\"tsparticles-engine\";class GrabLinks{constructor(){this.blink=false;this.consent=false;this.opacity=1}load(i){if(i){void 0!==i.blink&&(this.blink=i.blink);void 0!==i.color&&(this.color=t.create(this.color,i.color));void 0!==i.consent&&(this.consent=i.consent);void 0!==i.opacity&&(this.opacity=i.opacity)}}}class Grab{constructor(){this.distance=100;this.links=new GrabLinks}get lineLinked(){return this.links}set lineLinked(t){this.links=t}get line_linked(){return this.links}set line_linked(t){this.links=t}load(t){var i,e;if(t){void 0!==t.distance&&(this.distance=t.distance);this.links.load(null!==(e=null!==(i=t.links)&&void 0!==i?i:t.lineLinked)&&void 0!==e?e:t.line_linked)}}}var l=(void 0,function(t,i,e,n,o){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof i?t!==i||!o:!i.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?o.call(t,e):o?o.value=e:i.set(t,e),e});var d=(void 0,function(t,i,e,n){if(\"a\"===e&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof i?t!==i||!n:!i.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===e?n:\"a\"===e?n.call(t):n?n.value:i.get(t)});var v;function drawGrabLine(t,n,o,r,a,s){t.save();i(t,o,r);t.strokeStyle=e(a,s);t.lineWidth=n;t.stroke();t.restore()}function drawGrab(t,i,e,n,o){t.canvas.draw((t=>{var r;const a=i.getPosition();drawGrabLine(t,null!==(r=i.retina.linksWidth)&&void 0!==r?r:0,a,o,e,n)}))}class Grabber extends n{constructor(t){super(t);v.set(this,void 0);l(this,v,t,\"f\")}clear(){}init(){const t=d(this,v,\"f\"),i=t.actualOptions.interactivity.modes.grab;i&&(t.retina.grabModeDistance=i.distance*t.retina.pixelRatio)}async interact(){var t,i;const e=d(this,v,\"f\"),n=e.actualOptions,c=n.interactivity;if(!c.modes.grab||!c.events.onHover.enable||e.interactivity.status!==o)return;const l=e.interactivity.mouse.position;if(!l)return;const b=e.retina.grabModeDistance;if(!b||b<0)return;const u=e.particles.quadTree.queryCircle(l,b,(t=>this.isEnabled(t)));for(const n of u){const o=n.getPosition(),d=r(o,l);if(d>b)continue;const v=c.modes.grab.links,u=v.opacity,f=u-d*u/b;if(f<=0)continue;const h=null!==(t=v.color)&&void 0!==t?t:null===(i=n.options.links)||void 0===i?void 0:i.color;if(!e.particles.grabLineColor&&h){const t=c.modes.grab.links;e.particles.grabLineColor=a(h,t.blink,t.consent)}const p=s(n,void 0,e.particles.grabLineColor);if(!p)return;drawGrab(e,n,p,f,l)}}isEnabled(t){var i;const e=this.container,n=e.interactivity.mouse,o=(null!==(i=null===t||void 0===t?void 0:t.interactivity)&&void 0!==i?i:e.actualOptions.interactivity).events;return o.onHover.enable&&!!n.position&&c(\"grab\",o.onHover.mode)}loadModeOptions(t,...i){t.grab||(t.grab=new Grab);for(const e of i)t.grab.load(null===e||void 0===e?void 0:e.grab)}reset(){}}v=new WeakMap;async function loadExternalGrabInteraction(t){await t.addInteractor(\"externalGrab\",(t=>new Grabber(t)))}export{Grab,GrabLinks,loadExternalGrabInteraction};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as e}from\"tsparticles-engine\";class Pauser extends e{constructor(e){super(e);this.handleClickMode=e=>{if(\"pause\"!==e)return;const t=this.container;t.getAnimationStatus()?t.pause():t.play()}}clear(){}init(){}async interact(){}isEnabled(){return true}reset(){}}function loadExternalPauseInteraction(e){e.addInteractor(\"externalPause\",(e=>new Pauser(e)))}export{loadExternalPauseInteraction};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as t,itemFromArray as e}from\"tsparticles-engine\";class Push{constructor(){this.default=true;this.groups=[];this.quantity=4}get particles_nb(){return this.quantity}set particles_nb(t){this.quantity=t}load(t){var e;if(!t)return;void 0!==t.default&&(this.default=t.default);void 0!==t.groups&&(this.groups=t.groups.map((t=>t)));this.groups.length||(this.default=true);const r=null!==(e=t.quantity)&&void 0!==e?e:t.particles_nb;void 0!==r&&(this.quantity=r)}}var r=(void 0,function(t,e,r,i,s){if(\"m\"===i)throw new TypeError(\"Private method is not writable\");if(\"a\"===i&&!s)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===i?s.call(t,r):s?s.value=r:e.set(t,r),r});var i=(void 0,function(t,e,r,i){if(\"a\"===r&&!i)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof e?t!==e||!i:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?i:\"a\"===r?i.call(t):i?i.value:e.get(t)});var s;class Pusher extends t{constructor(t){super(t);s.set(this,void 0);r(this,s,t,\"f\");this.handleClickMode=t=>{if(\"push\"!==t)return;const r=i(this,s,\"f\"),a=r.actualOptions,o=a.interactivity.modes.push;if(!o)return;const n=o.quantity;if(n<=0)return;const u=e([void 0,...o.groups]),c=void 0!==u?r.actualOptions.particles.groups[u]:void 0;r.particles.push(n,r.interactivity.mouse,c,u)}}clear(){}init(){}async interact(){}isEnabled(){return true}loadModeOptions(t,...e){t.push||(t.push=new Push);for(const r of e)t.push.load(null===r||void 0===r?void 0:r.push)}reset(){}}s=new WeakMap;async function loadExternalPushInteraction(t){await t.addInteractor(\"externalPush\",(t=>new Pusher(t)))}export{Push,loadExternalPushInteraction};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as e}from\"tsparticles-engine\";class Remove{constructor(){this.quantity=2}get particles_nb(){return this.quantity}set particles_nb(e){this.quantity=e}load(e){var t;if(!e)return;const r=null!==(t=e.quantity)&&void 0!==t?t:e.particles_nb;void 0!==r&&(this.quantity=r)}}var t=(void 0,function(e,t,r,o,n){if(\"m\"===o)throw new TypeError(\"Private method is not writable\");if(\"a\"===o&&!n)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof t?e!==t||!n:!t.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===o?n.call(e,r):n?n.value=r:t.set(e,r),r});var r=(void 0,function(e,t,r,o){if(\"a\"===r&&!o)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof t?e!==t||!o:!t.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?o:\"a\"===r?o.call(e):o?o.value:t.get(e)});var o;class Remover extends e{constructor(e){super(e);o.set(this,void 0);t(this,o,e,\"f\");this.handleClickMode=e=>{const t=r(this,o,\"f\"),n=t.actualOptions;if(!n.interactivity.modes.remove||\"remove\"!==e)return;const a=n.interactivity.modes.remove.quantity;t.particles.removeQuantity(a)}}clear(){}init(){}async interact(){}isEnabled(){return true}loadModeOptions(e,...t){e.remove||(e.remove=new Remove);for(const r of t)e.remove.load(null===r||void 0===r?void 0:r.remove)}reset(){}}o=new WeakMap;function loadExternalRemoveInteraction(e){e.addInteractor(\"externalRemove\",(e=>new Remover(e)))}export{Remove,loadExternalRemoveInteraction};\n\n//# sourceMappingURL=index.js.map", "import{ExternalInteractorBase as e,mouseMoveEvent as s,isInArray as t,divModeExecute as i,isDivModeEnabled as o,Circle as r,getDistances as n,Vector as l,clamp as a,calcEasing as c,Rectangle as p,divMode as u}from\"tsparticles-engine\";class RepulseBase{constructor(){this.distance=200;this.duration=.4;this.factor=100;this.speed=1;this.maxSpeed=50;this.easing=\"ease-out-quad\"}load(e){if(e){void 0!==e.distance&&(this.distance=e.distance);void 0!==e.duration&&(this.duration=e.duration);void 0!==e.easing&&(this.easing=e.easing);void 0!==e.factor&&(this.factor=e.factor);void 0!==e.speed&&(this.speed=e.speed);void 0!==e.maxSpeed&&(this.maxSpeed=e.maxSpeed)}}}class RepulseDiv extends RepulseBase{constructor(){super();this.selectors=[]}get ids(){return this.selectors instanceof Array?this.selectors.map((e=>e.replace(\"#\",\"\"))):this.selectors.replace(\"#\",\"\")}set ids(e){this.selectors=e instanceof Array?e.map((()=>`#${e}`)):`#${e}`}load(e){super.load(e);if(e){void 0!==e.ids&&(this.ids=e.ids);void 0!==e.selectors&&(this.selectors=e.selectors)}}}class Repulse extends RepulseBase{load(e){super.load(e);if(e)if(e.divs instanceof Array)this.divs=e.divs.map((e=>{const s=new RepulseDiv;s.load(e);return s}));else{(this.divs instanceof Array||!this.divs)&&(this.divs=new RepulseDiv);this.divs.load(e.divs)}}}var d=(void 0,function(e,s,t,i,o){if(\"m\"===i)throw new TypeError(\"Private method is not writable\");if(\"a\"===i&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof s?e!==s||!o:!s.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===i?o.call(e,t):o?o.value=t:s.set(e,t),t});var f=(void 0,function(e,s,t,i){if(\"a\"===t&&!i)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof s?e!==s||!i:!s.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===t?i:\"a\"===t?i.call(e):i?i.value:s.get(e)});var h;class Repulser extends e{constructor(e){super(e);h.set(this,void 0);d(this,h,e,\"f\");e.repulse||(e.repulse={particles:[]});this.handleClickMode=s=>{const t=f(this,h,\"f\").actualOptions,i=t.interactivity.modes.repulse;if(i&&\"repulse\"===s){e.repulse||(e.repulse={particles:[]});e.repulse.clicking=true;e.repulse.count=0;for(const s of e.repulse.particles)this.isEnabled(s)&&s.velocity.setTo(s.initialVelocity);e.repulse.particles=[];e.repulse.finish=false;setTimeout((()=>{if(!e.destroyed){e.repulse||(e.repulse={particles:[]});e.repulse.clicking=false}}),1e3*i.duration)}}}clear(){}init(){const e=f(this,h,\"f\"),s=e.actualOptions.interactivity.modes.repulse;s&&(e.retina.repulseModeDistance=s.distance*e.retina.pixelRatio)}async interact(){const e=f(this,h,\"f\"),o=e.actualOptions,r=e.interactivity.status===s,n=o.interactivity.events,l=n.onHover.enable,a=n.onHover.mode,c=n.onClick.enable,p=n.onClick.mode,u=n.onDiv;r&&l&&t(\"repulse\",a)?this.hoverRepulse():c&&t(\"repulse\",p)?this.clickRepulse():i(\"repulse\",u,((e,s)=>this.singleSelectorRepulse(e,s)))}isEnabled(e){var s;const i=f(this,h,\"f\"),r=i.actualOptions,n=i.interactivity.mouse,l=(null!==(s=null===e||void 0===e?void 0:e.interactivity)&&void 0!==s?s:r.interactivity).events,a=l.onDiv,c=o(\"repulse\",a);if(!(c||l.onHover.enable&&n.position||l.onClick.enable&&n.clickPosition))return false;const p=l.onHover.mode,u=l.onClick.mode;return t(\"repulse\",p)||t(\"repulse\",u)||c}loadModeOptions(e,...s){e.repulse||(e.repulse=new Repulse);for(const t of s)e.repulse.load(null===t||void 0===t?void 0:t.repulse)}reset(){}clickRepulse(){const e=f(this,h,\"f\"),s=e.actualOptions.interactivity.modes.repulse;if(s){e.repulse||(e.repulse={particles:[]});if(!e.repulse.finish){e.repulse.count||(e.repulse.count=0);e.repulse.count++;e.repulse.count===e.particles.count&&(e.repulse.finish=true)}if(e.repulse.clicking){const t=e.retina.repulseModeDistance;if(!t||t<0)return;const i=Math.pow(t/6,3),o=e.interactivity.mouse.clickPosition;if(void 0===o)return;const a=new r(o.x,o.y,i),c=e.particles.quadTree.query(a,(e=>this.isEnabled(e)));for(const t of c){const{dx:r,dy:a,distance:c}=n(o,t.position),p=c**2,u=s.speed,d=-i*u/p;if(p<=i){e.repulse.particles.push(t);const s=l.create(r,a);s.length=d;t.velocity.setTo(s)}}}else if(false===e.repulse.clicking){for(const s of e.repulse.particles)s.velocity.setTo(s.initialVelocity);e.repulse.particles=[]}}}hoverRepulse(){const e=f(this,h,\"f\"),s=e.interactivity.mouse.position,t=e.retina.repulseModeDistance;!t||t<0||!s||this.processRepulse(s,t,new r(s.x,s.y,t))}processRepulse(e,s,t,i){var o;const r=f(this,h,\"f\"),p=r.particles.quadTree.query(t,(e=>this.isEnabled(e))),u=r.actualOptions.interactivity.modes.repulse;if(u)for(const t of p){const{dx:r,dy:p,distance:d}=n(t.position,e),f=(null!==(o=null===i||void 0===i?void 0:i.speed)&&void 0!==o?o:u.speed)*u.factor,h=a(c(1-d/s,u.easing)*f,0,u.maxSpeed),v=l.create(0===d?f:r/d*h,0===d?f:p/d*h);t.position.addTo(v)}}singleSelectorRepulse(e,s){const t=f(this,h,\"f\"),i=t.actualOptions.interactivity.modes.repulse;if(!i)return;const o=document.querySelectorAll(e);o.length&&o.forEach((e=>{const o=e,n=t.retina.pixelRatio,l={x:(o.offsetLeft+o.offsetWidth/2)*n,y:(o.offsetTop+o.offsetHeight/2)*n},a=o.offsetWidth/2*n,c=\"circle\"===s.type?new r(l.x,l.y,a):new p(o.offsetLeft*n,o.offsetTop*n,o.offsetWidth*n,o.offsetHeight*n),d=i.divs,f=u(d,o);this.processRepulse(l,a,c,f)}))}}h=new WeakMap;async function loadExternalRepulseInteraction(e){await e.addInteractor(\"externalRepulse\",(e=>new Repulser(e)))}export{Repulse,RepulseBase,RepulseDiv,loadExternalRepulseInteraction};\n\n//# sourceMappingURL=index.js.map", "import{getStyleFromHsl as e}from\"tsparticles-engine\";const a=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\\((-?\\d+%?[,\\s]+){2,3}\\s*[\\d.]+%?\\))|currentcolor/gi;function replaceColorSvg(r,o,t){const{svgData:i}=r;if(!i)return\"\";const n=e(o,t);if(i.includes(\"fill\"))return i.replace(a,(()=>n));const s=i.indexOf(\">\");return`${i.substring(0,s)} fill=\"${n}\"${i.substring(s)}`}async function loadImage(e){return new Promise((a=>{e.loading=true;const r=new Image;e.element=r;r.addEventListener(\"load\",(()=>{e.loading=false;a()}));r.addEventListener(\"error\",(()=>{e.element=void 0;e.error=true;e.loading=false;console.error(`Error tsParticles - loading image: ${e.source}`);a()}));r.src=e.source}))}async function downloadSvgImage(e){if(\"svg\"!==e.type){await loadImage(e);return}e.loading=true;const a=await fetch(e.source);if(!a.ok){console.error(\"Error tsParticles - Image not found\");e.error=true}e.error||(e.svgData=await a.text());e.loading=false}function replaceImageColor(e,a,r,o){var t,i,n;const s=replaceColorSvg(e,r,null!==(i=null===(t=o.opacity)||void 0===t?void 0:t.value)&&void 0!==i?i:1),l={color:r,data:Object.assign(Object.assign({},e),{svgData:s}),loaded:false,ratio:a.width/a.height,replaceColor:null!==(n=a.replaceColor)&&void 0!==n?n:a.replace_color,source:a.src};return new Promise((a=>{const r=new Blob([s],{type:\"image/svg+xml\"}),o=URL||window.URL||window.webkitURL||window,t=o.createObjectURL(r),i=new Image;i.addEventListener(\"load\",(()=>{l.loaded=true;l.element=i;a(l);o.revokeObjectURL(t)}));i.addEventListener(\"error\",(async()=>{o.revokeObjectURL(t);const r=Object.assign(Object.assign({},e),{error:false,loading:true});await loadImage(r);l.loaded=true;l.element=r.element;a(l)}));i.src=t}))}var r=(void 0,function(e,a,r,o,t){if(\"m\"===o)throw new TypeError(\"Private method is not writable\");if(\"a\"===o&&!t)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof a?e!==a||!t:!a.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===o?t.call(e,r):t?t.value=r:a.set(e,r),r});var o=(void 0,function(e,a,r,o){if(\"a\"===r&&!o)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof a?e!==a||!o:!a.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?o:\"a\"===r?o.call(e):o?o.value:a.get(e)});var t;class ImageDrawer{constructor(){t.set(this,void 0);r(this,t,[],\"f\")}addImage(e,a){const r=this.getImages(e);null===r||void 0===r?void 0:r.images.push(a)}destroy(){r(this,t,[],\"f\")}draw(e,a,r,o){var t;const i=a.image,n=null===i||void 0===i?void 0:i.element;if(!n)return;const s=null!==(t=null===i||void 0===i?void 0:i.ratio)&&void 0!==t?t:1,l={x:-r,y:-r};e.globalAlpha=o;e.drawImage(n,l.x,l.y,2*r,2*r/s);e.globalAlpha=1}getImages(e){const a=o(this,t,\"f\").find((a=>a.id===e.id));if(a)return a;o(this,t,\"f\").push({id:e.id,images:[]});return this.getImages(e)}getSidesCount(){return 12}loadShape(e){if(\"image\"!==e.shape&&\"images\"!==e.shape)return;const a=e.container,r=this.getImages(a).images,o=e.shapeData,t=r.find((e=>e.source===o.src));t?!t.error:this.loadImageShape(a,o).then((()=>{this.loadShape(e)}))}particleInit(e,a){var r;if(\"image\"!==a.shape&&\"images\"!==a.shape)return;const o=this.getImages(e).images,t=a.shapeData,i=a.getFillColor(),n=null!==(r=t.replaceColor)&&void 0!==r?r:t.replace_color,s=o.find((e=>e.source===t.src));s&&(s.loading?setTimeout((()=>{this.particleInit(e,a)})):(async()=>{var e,r;let o;o=s.svgData&&n&&i?await replaceImageColor(s,t,i,a):{color:i,data:s,element:s.element,loaded:true,ratio:t.width/t.height,replaceColor:n,source:t.src};o.ratio||(o.ratio=1);const l=null!==(e=t.fill)&&void 0!==e?e:a.fill,c=null!==(r=t.close)&&void 0!==r?r:a.close,d={image:o,fill:l,close:c};a.image=d.image;a.fill=d.fill;a.close=d.close})())}async loadImageShape(e,a){var r;const o=a.src;if(!o)throw new Error(\"Error tsParticles - No image.src\");try{const t={source:o,type:o.substring(o.length-3),error:false,loading:true};this.addImage(e,t);const i=(null!==(r=a.replaceColor)&&void 0!==r?r:a.replace_color)?downloadSvgImage:loadImage;await i(t)}catch(e){throw new Error(`tsParticles error - ${a.src} not found`)}}}t=new WeakMap;async function loadImageShape(e){const a=new ImageDrawer;await e.addShape(\"image\",a);await e.addShape(\"images\",a)}export{loadImageShape};\n\n//# sourceMappingURL=index.js.map", "import{ValueWithRandom as e,getRangeValue as i,getRandom as t,setRangeValue as n,randomInRange as a}from\"tsparticles-engine\";class LifeDelay extends e{constructor(){super();this.sync=false}load(e){if(e){super.load(e);void 0!==e.sync&&(this.sync=e.sync)}}}class LifeDuration extends e{constructor(){super();this.random.minimumValue=1e-4;this.sync=false}load(e){if(e){super.load(e);void 0!==e.sync&&(this.sync=e.sync)}}}class Life{constructor(){this.count=0;this.delay=new LifeDelay;this.duration=new LifeDuration}load(e){if(e){void 0!==e.count&&(this.count=e.count);this.delay.load(e.delay);this.duration.load(e.duration)}}}class LifeUpdater{constructor(e){this.container=e}init(e){const n=this.container,a=e.options,o=a.life;if(o){e.life={delay:n.retina.reduceFactor?i(o.delay.value)*(o.delay.sync?1:t())/n.retina.reduceFactor*1e3:0,delayTime:0,duration:n.retina.reduceFactor?i(o.duration.value)*(o.duration.sync?1:t())/n.retina.reduceFactor*1e3:0,time:0,count:o.count};e.life.duration<=0&&(e.life.duration=-1);e.life.count<=0&&(e.life.count=-1);e.life&&(e.spawning=e.life.delay>0)}}isEnabled(e){return!e.destroyed}loadOptions(e,...i){e.life||(e.life=new Life);for(const t of i)e.life.load(null===t||void 0===t?void 0:t.life)}update(e,t){if(!this.isEnabled(e)||!e.life)return;const o=e.life;let r=false;if(e.spawning){o.delayTime+=t.value;if(!(o.delayTime>=e.life.delay))return;r=true;e.spawning=false;o.delayTime=0;o.time=0}if(-1===o.duration)return;if(e.spawning)return;r?o.time=0:o.time+=t.value;if(o.time0&&e.life.count--;if(0===e.life.count){e.destroy();return}const s=this.container.canvas.size,l=n(0,s.width),d=n(0,s.width);e.position.x=a(l);e.position.y=a(d);e.spawning=true;o.delayTime=0;o.time=0;e.reset();const u=e.options.life;if(u){o.delay=1e3*i(u.delay.value);o.duration=1e3*i(u.duration.value)}}}async function loadLifeUpdater(e){await e.addParticleUpdater(\"life\",(e=>new LifeUpdater(e)))}export{loadLifeUpdater};\n\n//# sourceMappingURL=index.js.map", "class LineDrawer{draw(e,a,n){e.moveTo(-n/2,0);e.lineTo(n/2,0)}getSidesCount(){return 1}}async function loadLineShape(e){await e.addShape(\"line\",new LineDrawer)}export{loadLineShape};\n\n//# sourceMappingURL=index.js.map", "import{clamp as a,getRangeMax as o,getRangeMin as t,getRangeValue as i,randomInRange as c,getRandom as e}from\"tsparticles-engine\";function checkDestroy(a,o,t,i){switch(a.options.opacity.animation.destroy){case\"max\":o>=i&&a.destroy();break;case\"min\":o<=t&&a.destroy();break}}function updateOpacity(o,t){var i,c,e,p,y,s;if(!o.opacity)return;const l=o.opacity.min,n=o.opacity.max,u=null!==(i=o.opacity.decay)&&void 0!==i?i:1;if(!(o.destroyed||!o.opacity.enable||(null!==(c=o.opacity.maxLoops)&&void 0!==c?c:0)>0&&(null!==(e=o.opacity.loops)&&void 0!==e?e:0)>(null!==(p=o.opacity.maxLoops)&&void 0!==p?p:0))){switch(o.opacity.status){case 0:if(o.opacity.value>=n){o.opacity.status=1;o.opacity.loops||(o.opacity.loops=0);o.opacity.loops++}else o.opacity.value+=(null!==(y=o.opacity.velocity)&&void 0!==y?y:0)*t.factor;break;case 1:if(o.opacity.value<=l){o.opacity.status=0;o.opacity.loops||(o.opacity.loops=0);o.opacity.loops++}else o.opacity.value-=(null!==(s=o.opacity.velocity)&&void 0!==s?s:0)*t.factor;break}o.opacity.velocity&&1!==o.opacity.decay&&(o.opacity.velocity*=u);checkDestroy(o,o.opacity.value,l,n);o.destroyed||(o.opacity.value=a(o.opacity.value,l,n))}}class OpacityUpdater{constructor(a){this.container=a}init(a){const p=a.options.opacity;a.opacity={enable:p.animation.enable,max:o(p.value),min:t(p.value),value:i(p.value),loops:0,maxLoops:i(p.animation.count)};const y=p.animation;if(y.enable){a.opacity.decay=1-i(y.decay);a.opacity.status=0;const s=p.value;a.opacity.min=t(s);a.opacity.max=o(s);switch(y.startValue){case\"min\":a.opacity.value=a.opacity.min;a.opacity.status=0;break;case\"random\":a.opacity.value=c(a.opacity);a.opacity.status=e()>=.5?0:1;break;case\"max\":default:a.opacity.value=a.opacity.max;a.opacity.status=1;break}a.opacity.velocity=i(y.speed)/100*this.container.retina.reduceFactor;y.sync||(a.opacity.velocity*=e())}}isEnabled(a){var o,t,i,c;return!a.destroyed&&!a.spawning&&!!a.opacity&&a.opacity.enable&&((null!==(o=a.opacity.maxLoops)&&void 0!==o?o:0)<=0||(null!==(t=a.opacity.maxLoops)&&void 0!==t?t:0)>0&&(null!==(i=a.opacity.loops)&&void 0!==i?i:0)<(null!==(c=a.opacity.maxLoops)&&void 0!==c?c:0))}update(a,o){this.isEnabled(a)&&updateOpacity(a,o)}}async function loadOpacityUpdater(a){await a.addParticleUpdater(\"opacity\",(a=>new OpacityUpdater(a)))}export{loadOpacityUpdater};\n\n//# sourceMappingURL=index.js.map", "import{getValue as t,calculateBounds as o,getDistances as i,isPointInside as e,Vector as n,getRandom as s,randomInRange as a}from\"tsparticles-engine\";function bounceHorizontal(o){if(\"bounce\"!==o.outMode&&\"bounce-horizontal\"!==o.outMode&&\"bounceHorizontal\"!==o.outMode&&\"split\"!==o.outMode)return;o.bounds.right<0?o.particle.position.x=o.size+o.offset.x:o.bounds.left>o.canvasSize.width&&(o.particle.position.x=o.canvasSize.width-o.size-o.offset.x);const i=o.particle.velocity.x;let e=false;if(\"right\"===o.direction&&o.bounds.right>=o.canvasSize.width&&i>0||\"left\"===o.direction&&o.bounds.left<=0&&i<0){const i=t(o.particle.options.bounce.horizontal);o.particle.velocity.x*=-i;e=true}if(!e)return;const n=o.offset.x+o.size;o.bounds.right>=o.canvasSize.width?o.particle.position.x=o.canvasSize.width-n:o.bounds.left<=0&&(o.particle.position.x=n);\"split\"===o.outMode&&o.particle.destroy()}function bounceVertical(o){if(\"bounce\"!==o.outMode&&\"bounce-vertical\"!==o.outMode&&\"bounceVertical\"!==o.outMode&&\"split\"!==o.outMode)return;o.bounds.bottom<0?o.particle.position.y=o.size+o.offset.y:o.bounds.top>o.canvasSize.height&&(o.particle.position.y=o.canvasSize.height-o.size-o.offset.y);const i=o.particle.velocity.y;let e=false;if(\"bottom\"===o.direction&&o.bounds.bottom>=o.canvasSize.height&&i>0||\"top\"===o.direction&&o.bounds.top<=0&&i<0){const i=t(o.particle.options.bounce.vertical);o.particle.velocity.y*=-i;e=true}if(!e)return;const n=o.offset.y+o.size;o.bounds.bottom>=o.canvasSize.height?o.particle.position.y=o.canvasSize.height-n:o.bounds.top<=0&&(o.particle.position.y=n);\"split\"===o.outMode&&o.particle.destroy()}class BounceOutMode{constructor(t){this.container=t;this.modes=[\"bounce\",\"bounce-vertical\",\"bounce-horizontal\",\"bounceVertical\",\"bounceHorizontal\",\"split\"]}update(t,i,e,n){if(!this.modes.includes(n))return;const s=this.container;let a=false;for(const[,o]of s.plugins){void 0!==o.particleBounce&&(a=o.particleBounce(t,e,i));if(a)break}if(a)return;const r=t.getPosition(),c=t.offset,d=t.getRadius(),u=o(r,d),l=s.canvas.size;bounceHorizontal({particle:t,outMode:n,direction:i,bounds:u,canvasSize:l,offset:c,size:d});bounceVertical({particle:t,outMode:n,direction:i,bounds:u,canvasSize:l,offset:c,size:d})}}class DestroyOutMode{constructor(t){this.container=t;this.modes=[\"destroy\"]}update(t,o,s,a){if(!this.modes.includes(a))return;const r=this.container;switch(t.outType){case\"normal\":case\"outside\":if(e(t.position,r.canvas.size,n.origin,t.getRadius(),o))return;break;case\"inside\":{const{dx:o,dy:e}=i(t.position,t.moveCenter);const{x:n,y:s}=t.velocity;if(n<0&&o>t.moveCenter.radius||s<0&&e>t.moveCenter.radius||n>=0&&o<-t.moveCenter.radius||s>=0&&e<-t.moveCenter.radius)return;break}}r.particles.remove(t,void 0,true)}}class NoneOutMode{constructor(t){this.container=t;this.modes=[\"none\"]}update(t,o,i,s){if(!this.modes.includes(s))return;if(t.options.move.distance.horizontal&&(\"left\"===o||\"right\"===o)||t.options.move.distance.vertical&&(\"top\"===o||\"bottom\"===o))return;const a=t.options.move.gravity,r=this.container;const c=r.canvas.size;const d=t.getRadius();if(a.enable){const i=t.position;(!a.inverse&&i.y>c.height+d&&\"bottom\"===o||a.inverse&&i.y<-d&&\"top\"===o)&&r.particles.remove(t)}else{if(t.velocity.y>0&&t.position.y<=c.height+d||t.velocity.y<0&&t.position.y>=-d||t.velocity.x>0&&t.position.x<=c.width+d||t.velocity.x<0&&t.position.x>=-d)return;e(t.position,r.canvas.size,n.origin,d,o)||r.particles.remove(t)}}}class OutOutMode{constructor(t){this.container=t;this.modes=[\"out\"]}update(t,r,c,d){if(!this.modes.includes(d))return;const u=this.container;switch(t.outType){case\"inside\":{const{x:o,y:e}=t.velocity;const s=n.origin;s.length=t.moveCenter.radius;s.angle=t.velocity.angle+Math.PI;s.addTo(n.create(t.moveCenter));const{dx:r,dy:c}=i(t.position,s);if(o<=0&&r>=0||e<=0&&c>=0||o>=0&&r<=0||e>=0&&c<=0)return;t.position.x=Math.floor(a({min:0,max:u.canvas.size.width}));t.position.y=Math.floor(a({min:0,max:u.canvas.size.height}));const{dx:d,dy:l}=i(t.position,t.moveCenter);t.direction=Math.atan2(-l,-d);t.velocity.angle=t.direction;break}default:if(e(t.position,u.canvas.size,n.origin,t.getRadius(),r))return;switch(t.outType){case\"outside\":{t.position.x=Math.floor(a({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x;t.position.y=Math.floor(a({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;const{dx:o,dy:e}=i(t.position,t.moveCenter);if(t.moveCenter.radius){t.direction=Math.atan2(e,o);t.velocity.angle=t.direction}break}case\"normal\":{const i=t.options.move.warp,e=u.canvas.size,n={bottom:e.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:e.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},a=t.getRadius(),c=o(t.position,a);if(\"right\"===r&&c.left>e.width+t.offset.x){t.position.x=n.left;t.initialPosition.x=t.position.x;if(!i){t.position.y=s()*e.height;t.initialPosition.y=t.position.y}}else if(\"left\"===r&&c.right<-t.offset.x){t.position.x=n.right;t.initialPosition.x=t.position.x;if(!i){t.position.y=s()*e.height;t.initialPosition.y=t.position.y}}if(\"bottom\"===r&&c.top>e.height+t.offset.y){if(!i){t.position.x=s()*e.width;t.initialPosition.x=t.position.x}t.position.y=n.top;t.initialPosition.y=t.position.y}else if(\"top\"===r&&c.bottom<-t.offset.y){if(!i){t.position.x=s()*e.width;t.initialPosition.x=t.position.x}t.position.y=n.bottom;t.initialPosition.y=t.position.y}break}}break}}}class OutOfCanvasUpdater{constructor(t){this.container=t;this.updaters=[new BounceOutMode(t),new DestroyOutMode(t),new OutOutMode(t),new NoneOutMode(t)]}init(){}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,o){var i,e,n,s;const a=t.options.move.outModes;this.updateOutMode(t,o,null!==(i=a.bottom)&&void 0!==i?i:a.default,\"bottom\");this.updateOutMode(t,o,null!==(e=a.left)&&void 0!==e?e:a.default,\"left\");this.updateOutMode(t,o,null!==(n=a.right)&&void 0!==n?n:a.default,\"right\");this.updateOutMode(t,o,null!==(s=a.top)&&void 0!==s?s:a.default,\"top\")}updateOutMode(t,o,i,e){for(const n of this.updaters)n.update(t,e,o,i)}}async function loadOutModesUpdater(t){await t.addParticleUpdater(\"outModes\",(t=>new OutOfCanvasUpdater(t)))}export{loadOutModesUpdater};\n\n//# sourceMappingURL=index.js.map", "import{isSsr as a}from\"tsparticles-engine\";class ParallaxMover{init(){}isEnabled(e){return!a()&&!e.destroyed&&e.container.actualOptions.interactivity.events.onHover.parallax.enable}move(e){const t=e.container,n=t.actualOptions;if(a()||!n.interactivity.events.onHover.parallax.enable)return;const o=n.interactivity.events.onHover.parallax.force,r=t.interactivity.mouse.position;if(!r)return;const i={x:t.canvas.size.width/2,y:t.canvas.size.height/2},s=n.interactivity.events.onHover.parallax.smooth,l=e.getRadius()/o,v={x:(r.x-i.x)*l,y:(r.y-i.y)*l};e.offset.x+=(v.x-e.offset.x)/s;e.offset.y+=(v.y-e.offset.y)/s}}async function loadParallaxMover(a){a.addMover(\"parallax\",(()=>new ParallaxMover))}export{loadParallaxMover};\n\n//# sourceMappingURL=index.js.map", "import{ParticlesInteractorBase as t,getDistances as e}from\"tsparticles-engine\";class Attractor extends t{constructor(t){super(t)}clear(){}init(){}async interact(t){var a;const r=this.container,o=null!==(a=t.retina.attractDistance)&&void 0!==a?a:r.retina.attractDistance,i=t.getPosition(),n=r.particles.quadTree.queryCircle(i,o);for(const a of n){if(t===a||!a.options.move.attract.enable||a.destroyed||a.spawning)continue;const r=a.getPosition(),{dx:o,dy:n}=e(i,r),c=t.options.move.attract.rotate,s=o/(1e3*c.x),l=n/(1e3*c.y),d=a.size.value/t.size.value,y=1/d;t.velocity.x-=s*d;t.velocity.y-=l*d;a.velocity.x+=s*y;a.velocity.y+=l*y}}isEnabled(t){return t.options.move.attract.enable}reset(){}}async function loadParticlesAttractInteraction(t){await t.addInteractor(\"particlesAttract\",(t=>new Attractor(t)))}export{loadParticlesAttractInteraction};\n\n//# sourceMappingURL=index.js.map", "import{clamp as e,circleBounce as i,circleBounceDataFromParticle as s,ParticlesInteractorBase as o,getDistance as t}from\"tsparticles-engine\";function absorb(i,s,o,t){if(void 0===i.getRadius()&&void 0!==s.getRadius())i.destroy();else if(void 0!==i.getRadius()&&void 0===s.getRadius())s.destroy();else if(void 0!==i.getRadius()&&void 0!==s.getRadius())if(i.getRadius()>=s.getRadius()){const a=e(i.getRadius()/s.getRadius(),0,s.getRadius())*o;i.size.value+=a;s.size.value-=a;if(s.getRadius()<=t){s.size.value=0;s.destroy()}}else{const a=e(s.getRadius()/i.getRadius(),0,i.getRadius())*o;i.size.value-=a;s.size.value+=a;if(i.getRadius()<=t){i.size.value=0;i.destroy()}}}function bounce(e,o){i(s(e),s(o))}function destroy(e,i){e.unbreakable||i.unbreakable||bounce(e,i);void 0===e.getRadius()&&void 0!==i.getRadius()?e.destroy():void 0!==e.getRadius()&&void 0===i.getRadius()?i.destroy():void 0!==e.getRadius()&&void 0!==i.getRadius()&&(e.getRadius()>=i.getRadius()?i.destroy():e.destroy())}function resolveCollision(e,i,s,o){switch(e.options.collisions.mode){case\"absorb\":absorb(e,i,s,o);break;case\"bounce\":bounce(e,i);break;case\"destroy\":destroy(e,i);break}}class Collider extends o{constructor(e){super(e)}clear(){}init(){}async interact(e){const i=this.container,s=e.getPosition(),o=e.getRadius(),a=i.particles.quadTree.queryCircle(s,2*o);for(const n of a){if(e===n||!n.options.collisions.enable||e.options.collisions.mode!==n.options.collisions.mode||n.destroyed||n.spawning)continue;const a=n.getPosition();const d=n.getRadius();if(Math.abs(Math.round(s.z)-Math.round(a.z))>o+d)continue;const r=t(s,a);const u=o+d;r>u||resolveCollision(e,n,i.fpsLimit/1e3,i.retina.pixelRatio)}}isEnabled(e){return e.options.collisions.enable}reset(){}}async function loadParticlesCollisionsInteraction(e){await e.addInteractor(\"particlesCollisions\",(e=>new Collider(e)))}export{loadParticlesCollisionsInteraction};\n\n//# sourceMappingURL=index.js.map", "import{OptionsColor as i,getDistance as n,ParticlesInteractorBase as t,CircleWarp as o,Circle as s,getLinkRandomColor as e,drawLine as l,getDistances as a,getStyleFromRgb as r,rangeColorToRgb as c,drawTriangle as d,getRandom as k,getRangeValue as h,getLinkColor as u}from\"tsparticles-engine\";class LinksShadow{constructor(){this.blur=5;this.color=new i;this.color.value=\"#000\";this.enable=false}load(n){if(n){void 0!==n.blur&&(this.blur=n.blur);this.color=i.create(this.color,n.color);void 0!==n.enable&&(this.enable=n.enable)}}}class LinksTriangle{constructor(){this.enable=false;this.frequency=1}load(n){if(n){void 0!==n.color&&(this.color=i.create(this.color,n.color));void 0!==n.enable&&(this.enable=n.enable);void 0!==n.frequency&&(this.frequency=n.frequency);void 0!==n.opacity&&(this.opacity=n.opacity)}}}class Links{constructor(){this.blink=false;this.color=new i;this.color.value=\"#fff\";this.consent=false;this.distance=100;this.enable=false;this.frequency=1;this.opacity=1;this.shadow=new LinksShadow;this.triangles=new LinksTriangle;this.width=1;this.warp=false}load(n){if(n){void 0!==n.id&&(this.id=n.id);void 0!==n.blink&&(this.blink=n.blink);this.color=i.create(this.color,n.color);void 0!==n.consent&&(this.consent=n.consent);void 0!==n.distance&&(this.distance=n.distance);void 0!==n.enable&&(this.enable=n.enable);void 0!==n.frequency&&(this.frequency=n.frequency);void 0!==n.opacity&&(this.opacity=n.opacity);this.shadow.load(n.shadow);this.triangles.load(n.triangles);void 0!==n.width&&(this.width=n.width);void 0!==n.warp&&(this.warp=n.warp)}}}function getLinkDistance(i,t,o,s,e){let l=n(i,t);if(!e||l<=o)return l;const a={x:t.x-s.width,y:t.y};l=n(i,a);if(l<=o)return l;const r={x:t.x-s.width,y:t.y-s.height};l=n(i,r);if(l<=o)return l;const c={x:t.x,y:t.y-s.height};l=n(i,c);return l}class Linker extends t{constructor(i){super(i);this.linkContainer=i}clear(){}init(){this.linkContainer.particles.linksColors=new Map}async interact(i){var n;if(!i.options.links)return;i.links=[];const t=i.getPosition(),e=this.container,l=e.canvas.size;if(t.x<0||t.y<0||t.x>l.width||t.y>l.height)return;const a=i.options.links,r=a.opacity,c=null!==(n=i.retina.linksDistance)&&void 0!==n?n:0,d=a.warp,k=d?new o(t.x,t.y,c,l):new s(t.x,t.y,c),h=e.particles.quadTree.query(k);for(const n of h){const o=n.options.links;if(i===n||!(null===o||void 0===o?void 0:o.enable)||a.id!==o.id||n.spawning||n.destroyed||!n.links||-1!==i.links.map((i=>i.destination)).indexOf(n)||-1!==n.links.map((i=>i.destination)).indexOf(i))continue;const s=n.getPosition();if(s.x<0||s.y<0||s.x>l.width||s.y>l.height)continue;const e=getLinkDistance(t,s,c,l,d&&o.warp);if(e>c)return;const k=(1-e/c)*r;this.setColor(i);i.links.push({destination:n,opacity:k})}}isEnabled(i){var n;return!!(null===(n=i.options.links)||void 0===n?void 0:n.enable)}loadParticlesOptions(i,...n){var t,o;i.links||(i.links=new Links);for(const s of n)i.links.load(null!==(o=null!==(t=null===s||void 0===s?void 0:s.links)&&void 0!==t?t:null===s||void 0===s?void 0:s.lineLinked)&&void 0!==o?o:null===s||void 0===s?void 0:s.line_linked)}reset(){}setColor(i){if(!i.options.links)return;const n=this.linkContainer,t=i.options.links;let o=void 0===t.id?n.particles.linksColor:n.particles.linksColors.get(t.id);if(o)return;const s=t.color;o=e(s,t.blink,t.consent);void 0===t.id?n.particles.linksColor=o:n.particles.linksColors.set(t.id,o)}}async function loadInteraction(i){await i.addInteractor(\"particlesLinks\",(i=>new Linker(i)))}function drawLinkLine(i,t,o,s,e,d,k,h,u,p,f,y){let v=false;if(n(o,s)<=e){l(i,o,s);v=true}else if(k){let n;let t;const r={x:s.x-d.width,y:s.y};const c=a(o,r);if(c.distance<=e){const i=o.y-c.dy/c.dx*o.x;n={x:0,y:i};t={x:d.width,y:i}}else{const i={x:s.x,y:s.y-d.height};const l=a(o,i);if(l.distance<=e){const i=o.y-l.dy/l.dx*o.x;const s=-i/(l.dy/l.dx);n={x:s,y:0};t={x:s,y:d.height}}else{const i={x:s.x-d.width,y:s.y-d.height};const l=a(o,i);if(l.distance<=e){const i=o.y-l.dy/l.dx*o.x;const s=-i/(l.dy/l.dx);n={x:s,y:i};t={x:n.x+d.width,y:n.y+d.height}}}}if(n&&t){l(i,o,n);l(i,s,t);v=true}}if(v){i.lineWidth=t;h&&(i.globalCompositeOperation=u);i.strokeStyle=r(p,f);if(y.enable){const n=c(y.color);if(n){i.shadowBlur=y.blur;i.shadowColor=r(n)}}i.stroke()}}function drawLinkTriangle(i,n,t,o,s,e,l,a){d(i,n,t,o);s&&(i.globalCompositeOperation=e);i.fillStyle=r(l,a);i.fill()}class LinkInstance{constructor(i){this.container=i}drawParticle(i,n){var t;const o=this.container,s=n.options;if(!n.links||n.links.length<=0)return;i.save();const e=n.links.filter((i=>s.links&&o.particles.getLinkFrequency(n,i.destination)<=s.links.frequency));for(const i of e){this.drawTriangles(o,s,n,i,e);i.opacity>0&&(null!==(t=n.retina.linksWidth)&&void 0!==t?t:0)>0&&this.drawLinkLine(n,i)}i.restore()}particleCreated(i){i.links=[];if(!i.options.links)return;const n=this.container.retina.pixelRatio;i.retina.linksDistance=i.options.links.distance*n;i.retina.linksWidth=i.options.links.width*n}particleDestroyed(i){i.links=[]}drawLinkLine(i,n){const t=this.container,o=t.actualOptions,s=n.destination,e=i.getPosition(),l=s.getPosition();let a=n.opacity;t.canvas.draw((n=>{var r,d,p;if(!i.options.links)return;let f;const y=null===(r=i.options.twinkle)||void 0===r?void 0:r.lines;if(null===y||void 0===y?void 0:y.enable){const i=y.frequency,n=c(y.color),t=k(){var o;const s=i.getPosition(),h=a.getPosition(),p=r.getPosition(),f=null!==(o=i.retina.linksDistance)&&void 0!==o?o:0;if(n(s,h)>f||n(p,h)>f||n(p,s)>f)return;let y=c(d.color);if(!y){const n=i.options.links,t=void 0!==(null===n||void 0===n?void 0:n.id)?e.particles.linksColors.get(n.id):e.particles.linksColor;y=u(i,a,t)}y&&drawLinkTriangle(t,s,h,p,l.backgroundMask.enable,l.backgroundMask.composite,y,k)}))}drawTriangles(i,n,t,o,s){var e,l,a;const r=o.destination,c=i.particles;if(!((null===(e=n.links)||void 0===e?void 0:e.triangles.enable)&&(null===(l=r.options.links)||void 0===l?void 0:l.triangles.enable)))return;const d=null===(a=r.links)||void 0===a?void 0:a.filter((n=>{const t=i.particles.getLinkFrequency(r,n.destination);return r.options.links&&t<=r.options.links.frequency&&s.findIndex((i=>i.destination===n.destination))>=0}));if(null===d||void 0===d?void 0:d.length)for(const i of d){const s=i.destination,e=c.getTriangleFrequency(t,r,s);e>n.links.triangles.frequency||this.drawLinkTriangle(t,o,i)}}}class LinksPlugin{constructor(){this.id=\"links\"}getPlugin(i){return new LinkInstance(i)}loadOptions(){}needsPlugin(){return true}}async function loadPlugin(i){const n=new LinksPlugin;await i.addPlugin(n)}async function loadParticlesLinksInteraction(i){await loadInteraction(i);await loadPlugin(i)}export{Links,LinksShadow,LinksTriangle,loadParticlesLinksInteraction};\n\n//# sourceMappingURL=index.js.map", "class PolygonDrawerBase{draw(e,n,o){const a=this.getCenter(n,o);const t=this.getSidesData(n,o);const r=t.count.numerator*t.count.denominator;const l=t.count.numerator/t.count.denominator;const i=180*(l-2)/l;const s=Math.PI-Math.PI*i/180;if(e){e.beginPath();e.translate(a.x,a.y);e.moveTo(0,0);for(let n=0;n=o&&e.destroy();break;case\"min\":s<=i&&e.destroy();break}}function updateSize(s,i){var o,a,l,t,z;const d=(null!==(o=s.size.velocity)&&void 0!==o?o:0)*i.factor,n=s.size.min,p=s.size.max,r=null!==(a=s.size.decay)&&void 0!==a?a:1;if(!(s.destroyed||!s.size.enable||(null!==(l=s.size.maxLoops)&&void 0!==l?l:0)>0&&(null!==(t=s.size.loops)&&void 0!==t?t:0)>(null!==(z=s.size.maxLoops)&&void 0!==z?z:0))){switch(s.size.status){case 0:if(s.size.value>=p){s.size.status=1;s.size.loops||(s.size.loops=0);s.size.loops++}else s.size.value+=d;break;case 1:if(s.size.value<=n){s.size.status=0;s.size.loops||(s.size.loops=0);s.size.loops++}else s.size.value-=d}s.size.velocity&&1!==r&&(s.size.velocity*=r);checkDestroy(s,s.size.value,n,p);s.destroyed||(s.size.value=e(s.size.value,n,p))}}class SizeUpdater{init(){}isEnabled(e){var s,i,o,a;return!e.destroyed&&!e.spawning&&e.size.enable&&((null!==(s=e.size.maxLoops)&&void 0!==s?s:0)<=0||(null!==(i=e.size.maxLoops)&&void 0!==i?i:0)>0&&(null!==(o=e.size.loops)&&void 0!==o?o:0)<(null!==(a=e.size.maxLoops)&&void 0!==a?a:0))}update(e,s){this.isEnabled(e)&&updateSize(e,s)}}async function loadSizeUpdater(e){await e.addParticleUpdater(\"size\",(()=>new SizeUpdater))}export{loadSizeUpdater};\n\n//# sourceMappingURL=index.js.map", "const a=Math.sqrt(2);class SquareDrawer{draw(e,r,t){e.rect(-t/a,-t/a,2*t/a,2*t/a)}getSidesCount(){return 4}}async function loadSquareShape(a){const e=new SquareDrawer;await a.addShape(\"edge\",e);await a.addShape(\"square\",e)}export{loadSquareShape};\n\n//# sourceMappingURL=index.js.map", "class StarDrawer{draw(a,t,o){var e;const i=t.shapeData,n=this.getSidesCount(t),d=null!==(e=null===i||void 0===i?void 0:i.inset)&&void 0!==e?e:2;a.moveTo(0,0-o);for(let t=0;tr){s.status=1;s.value-=s.value%r}}s.velocity&&1!==v&&(s.velocity*=v);s.value>r&&(s.value%=r)}function updateStrokeColor(o,l){var e,t,r,i,a,n,s,d,u,v;if(!(null===(e=o.stroke)||void 0===e?void 0:e.color))return;const c=o.stroke.color.animation,k=null!==(r=null===(t=o.strokeColor)||void 0===t?void 0:t.h)&&void 0!==r?r:null===(i=o.color)||void 0===i?void 0:i.h;k&&updateColorValue(l,k,c.h,360,false);const p=null!==(n=null===(a=o.strokeColor)||void 0===a?void 0:a.s)&&void 0!==n?n:null===(s=o.color)||void 0===s?void 0:s.s;p&&updateColorValue(l,p,c.s,100,true);const C=null!==(u=null===(d=o.strokeColor)||void 0===d?void 0:d.l)&&void 0!==u?u:null===(v=o.color)||void 0===v?void 0:v.l;C&&updateColorValue(l,C,c.l,100,true)}class StrokeColorUpdater{constructor(o){this.container=o}init(o){var r,i;const a=this.container;o.stroke=o.options.stroke instanceof Array?l(o.options.stroke,o.id,o.options.reduceDuplicates):o.options.stroke;o.strokeWidth=o.stroke.width*a.retina.pixelRatio;const n=null!==(r=e(o.stroke.color))&&void 0!==r?r:o.getFillColor();n&&(o.strokeColor=t(n,null===(i=o.stroke.color)||void 0===i?void 0:i.animation,a.retina.reduceFactor))}isEnabled(o){var l,e,t,r;const i=null===(l=o.stroke)||void 0===l?void 0:l.color;return!o.destroyed&&!o.spawning&&!!i&&(void 0!==(null===(e=o.strokeColor)||void 0===e?void 0:e.h.value)&&i.animation.h.enable||void 0!==(null===(t=o.strokeColor)||void 0===t?void 0:t.s.value)&&i.animation.s.enable||void 0!==(null===(r=o.strokeColor)||void 0===r?void 0:r.l.value)&&i.animation.l.enable)}update(o,l){this.isEnabled(o)&&updateStrokeColor(o,l)}}async function loadStrokeColorUpdater(o){await o.addParticleUpdater(\"strokeColor\",(o=>new StrokeColorUpdater(o)))}export{loadStrokeColorUpdater};\n\n//# sourceMappingURL=index.js.map", "import{itemFromArray as t,isInArray as a,loadFont as e}from\"tsparticles-engine\";const o=[\"text\",\"character\",\"char\"];class TextDrawer{draw(a,e,o,n){var i,s,r;const l=e.shapeData;if(void 0===l)return;const c=l.value;if(void 0===c)return;const f=e;void 0===f.text&&(f.text=c instanceof Array?t(c,e.randomIndexData):c);const d=f.text,p=null!==(i=l.style)&&void 0!==i?i:\"\",h=null!==(s=l.weight)&&void 0!==s?s:\"400\",x=2*Math.round(o),u=null!==(r=l.font)&&void 0!==r?r:\"Verdana\",w=e.fill,v=d.length*o/2;a.font=`${p} ${h} ${x}px \"${u}\"`;const y={x:-v,y:o/2};a.globalAlpha=n;w?a.fillText(d,y.x,y.y):a.strokeText(d,y.x,y.y);a.globalAlpha=1}getSidesCount(){return 12}async init(t){const n=t.actualOptions;if(o.find((t=>a(t,n.particles.shape.type)))){const t=o.map((t=>n.particles.shape.options[t])).find((t=>!!t));if(t instanceof Array){const a=[];for(const o of t){const t=o;a.push(e(t.font,t.weight))}await Promise.allSettled(a)}else if(void 0!==t){const a=t;await e(a.font,a.weight)}}}}async function loadTextShape(t){const a=new TextDrawer;for(const e of o)await t.addShape(e,a)}export{loadTextShape};\n\n//# sourceMappingURL=index.js.map", "import{initPjs as t}from\"tsparticles-particles.js\";import{loadAngleUpdater as a}from\"tsparticles-updater-angle\";import{loadBaseMover as r}from\"tsparticles-move-base\";import{loadCircleShape as i}from\"tsparticles-shape-circle\";import{loadColorUpdater as e}from\"tsparticles-updater-color\";import{loadExternalAttractInteraction as o}from\"tsparticles-interaction-external-attract\";import{loadExternalBounceInteraction as p}from\"tsparticles-interaction-external-bounce\";import{loadExternalBubbleInteraction as s}from\"tsparticles-interaction-external-bubble\";import{loadExternalConnectInteraction as m}from\"tsparticles-interaction-external-connect\";import{loadExternalGrabInteraction as l}from\"tsparticles-interaction-external-grab\";import{loadExternalPauseInteraction as c}from\"tsparticles-interaction-external-pause\";import{loadExternalPushInteraction as n}from\"tsparticles-interaction-external-push\";import{loadExternalRemoveInteraction as f}from\"tsparticles-interaction-external-remove\";import{loadExternalRepulseInteraction as w}from\"tsparticles-interaction-external-repulse\";import{loadImageShape as u}from\"tsparticles-shape-image\";import{loadLifeUpdater as x}from\"tsparticles-updater-life\";import{loadLineShape as d}from\"tsparticles-shape-line\";import{loadOpacityUpdater as h}from\"tsparticles-updater-opacity\";import{loadOutModesUpdater as b}from\"tsparticles-updater-out-modes\";import{loadParallaxMover as g}from\"tsparticles-move-parallax\";import{loadParticlesAttractInteraction as v}from\"tsparticles-interaction-particles-attract\";import{loadParticlesCollisionsInteraction as y}from\"tsparticles-interaction-particles-collisions\";import{loadParticlesLinksInteraction as k}from\"tsparticles-interaction-particles-links\";import{loadPolygonShape as S}from\"tsparticles-shape-polygon\";import{loadSizeUpdater as j}from\"tsparticles-updater-size\";import{loadSquareShape as q}from\"tsparticles-shape-square\";import{loadStarShape as z}from\"tsparticles-shape-star\";import{loadStrokeColorUpdater as A}from\"tsparticles-updater-stroke-color\";import{loadTextShape as B}from\"tsparticles-shape-text\";async function loadSlim(C){await r(C);await g(C);await o(C);await p(C);await s(C);await m(C);await l(C);await c(C);await n(C);await f(C);await w(C);await v(C);await y(C);await k(C);await i(C);await u(C);await d(C);await S(C);await q(C);await z(C);await B(C);await x(C);await h(C);await j(C);await a(C);await e(C);await A(C);await b(C);await t(C)}export{loadSlim};\n\n//# sourceMappingURL=index.js.map", "import{setRangeValue as t,ValueWithRandom as i,getRangeValue as e,getRandom as l}from\"tsparticles-engine\";class TiltAnimation{constructor(){this.enable=false;this.speed=0;this.decay=0;this.sync=false}load(i){if(i){void 0!==i.enable&&(this.enable=i.enable);void 0!==i.speed&&(this.speed=t(i.speed));void 0!==i.decay&&(this.decay=t(i.decay));void 0!==i.sync&&(this.sync=i.sync)}}}class Tilt extends i{constructor(){super();this.animation=new TiltAnimation;this.direction=\"clockwise\";this.enable=false;this.value=0}load(t){super.load(t);if(t){this.animation.load(t.animation);void 0!==t.direction&&(this.direction=t.direction);void 0!==t.enable&&(this.enable=t.enable)}}}function updateTilt(t,i){var e,l;if(!t.tilt||!t.options.tilt)return;const a=t.options.tilt,o=a.animation,n=(null!==(e=t.tilt.velocity)&&void 0!==e?e:0)*i.factor,s=2*Math.PI,c=null!==(l=t.tilt.decay)&&void 0!==l?l:1;if(o.enable){switch(t.tilt.status){case 0:t.tilt.value+=n;t.tilt.value>s&&(t.tilt.value-=s);break;case 1:default:t.tilt.value-=n;t.tilt.value<0&&(t.tilt.value+=s);break}t.tilt.velocity&&1!==c&&(t.tilt.velocity*=c)}}class TiltUpdater{constructor(t){this.container=t}getTransformValues(t){var i;const e=(null===(i=t.tilt)||void 0===i?void 0:i.enable)&&t.tilt;return{b:e?Math.cos(e.value)*e.cosDirection:void 0,c:e?Math.sin(e.value)*e.sinDirection:void 0}}init(t){var i;const a=t.options.tilt;if(!a)return;t.tilt={enable:a.enable,value:e(a.value)*Math.PI/180,sinDirection:l()>=.5?1:-1,cosDirection:l()>=.5?1:-1};let o=a.direction;if(\"random\"===o){const t=Math.floor(2*l());o=t>0?\"counter-clockwise\":\"clockwise\"}switch(o){case\"counter-clockwise\":case\"counterClockwise\":t.tilt.status=1;break;case\"clockwise\":t.tilt.status=0;break}const n=null===(i=t.options.tilt)||void 0===i?void 0:i.animation;if(null===n||void 0===n?void 0:n.enable){t.tilt.decay=1-e(n.decay);t.tilt.velocity=e(n.speed)/360*this.container.retina.reduceFactor;n.sync||(t.tilt.velocity*=l())}}isEnabled(t){var i;const e=null===(i=t.options.tilt)||void 0===i?void 0:i.animation;return!t.destroyed&&!t.spawning&&!!(null===e||void 0===e?void 0:e.enable)}loadOptions(t,...i){t.tilt||(t.tilt=new Tilt);for(const e of i)t.tilt.load(null===e||void 0===e?void 0:e.tilt)}update(t,i){this.isEnabled(t)&&updateTilt(t,i)}}async function loadTiltUpdater(t){await t.addParticleUpdater(\"tilt\",(t=>new TiltUpdater(t)))}export{loadTiltUpdater};\n\n//# sourceMappingURL=index.js.map", "import{OptionsColor as e,setRangeValue as i,getRandom as t,getRangeValue as l,rangeColorToHsl as o,getStyleFromHsl as n}from\"tsparticles-engine\";class TwinkleValues{constructor(){this.enable=false;this.frequency=.05;this.opacity=1}load(t){if(t){void 0!==t.color&&(this.color=e.create(this.color,t.color));void 0!==t.enable&&(this.enable=t.enable);void 0!==t.frequency&&(this.frequency=t.frequency);void 0!==t.opacity&&(this.opacity=i(t.opacity))}}}class Twinkle{constructor(){this.lines=new TwinkleValues;this.particles=new TwinkleValues}load(e){if(e){this.lines.load(e.lines);this.particles.load(e.particles)}}}class TwinkleUpdater{getColorStyles(e,i,a,s){const r=e.options,c=r.twinkle;if(!c)return{};const d=c.particles,p=d.enable&&t()new TwinkleUpdater))}export{loadTwinkleUpdater};\n\n//# sourceMappingURL=index.js.map", "import{setRangeValue as e,getRandom as o,getRangeValue as l}from\"tsparticles-engine\";class WobbleSpeed{constructor(){this.angle=50;this.move=10}load(o){if(o){void 0!==o.angle&&(this.angle=e(o.angle));void 0!==o.move&&(this.move=e(o.move))}}}class Wobble{constructor(){this.distance=5;this.enable=false;this.speed=new WobbleSpeed}load(o){if(o){void 0!==o.distance&&(this.distance=e(o.distance));void 0!==o.enable&&(this.enable=o.enable);if(void 0!==o.speed)if(\"number\"===typeof o.speed)this.speed.load({angle:o.speed});else{const e=o.speed;void 0!==e.min?this.speed.load({angle:e}):this.speed.load(o.speed)}}}}function updateWobble(e,o){var l;const a=e.options.wobble;if(!(null===a||void 0===a?void 0:a.enable)||!e.wobble)return;const n=e.wobble.angleSpeed*o.factor,i=e.wobble.moveSpeed*o.factor,t=i*((null!==(l=e.retina.wobbleDistance)&&void 0!==l?l:0)*o.factor)/(1e3/60),b=2*Math.PI;e.wobble.angle+=n;e.wobble.angle>b&&(e.wobble.angle-=b);e.position.x+=t*Math.cos(e.wobble.angle);e.position.y+=t*Math.abs(Math.sin(e.wobble.angle))}class WobbleUpdater{constructor(e){this.container=e}init(e){var a;const n=e.options.wobble;(null===n||void 0===n?void 0:n.enable)?e.wobble={angle:o()*Math.PI*2,angleSpeed:l(n.speed.angle)/360,moveSpeed:l(n.speed.move)/10}:e.wobble={angle:0,angleSpeed:0,moveSpeed:0};e.retina.wobbleDistance=l(null!==(a=null===n||void 0===n?void 0:n.distance)&&void 0!==a?a:0)*this.container.retina.pixelRatio}isEnabled(e){var o;return!e.destroyed&&!e.spawning&&!!(null===(o=e.options.wobble)||void 0===o?void 0:o.enable)}loadOptions(e,...o){e.wobble||(e.wobble=new Wobble);for(const l of o)e.wobble.load(null===l||void 0===l?void 0:l.wobble)}update(e,o){this.isEnabled(e)&&updateWobble(e,o)}}async function loadWobbleUpdater(e){await e.addParticleUpdater(\"wobble\",(e=>new WobbleUpdater(e)))}export{loadWobbleUpdater};\n\n//# sourceMappingURL=index.js.map", "import{loadAbsorbersPlugin as t}from\"tsparticles-plugin-absorbers\";import{loadEmittersPlugin as a}from\"tsparticles-plugin-emitters\";import{loadExternalTrailInteraction as r}from\"tsparticles-interaction-external-trail\";import{loadPolygonMaskPlugin as i}from\"tsparticles-plugin-polygon-mask\";import{loadRollUpdater as o}from\"tsparticles-updater-roll\";import{loadSlim as l}from\"tsparticles-slim\";import{loadTiltUpdater as p}from\"tsparticles-updater-tilt\";import{loadTwinkleUpdater as s}from\"tsparticles-updater-twinkle\";import{loadWobbleUpdater as e}from\"tsparticles-updater-wobble\";async function loadFull(m){await l(m);await o(m);await p(m);await s(m);await e(m);await r(m);await t(m);await a(m);await i(m)}export{loadFull};\n\n//# sourceMappingURL=index.js.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Color,RenderTarget}from\"framer\";import Particles from\"react-tsparticles\";import{loadFull}from\"tsparticles\";import{useCallback}from\"react\";/**\n * PARTICLES FOR FRAMER\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function ParticleWrapper(props){const{background,color,radius,number,densityOptions,sizeOptions,opacityOptions,linksOptions,modeOptions,moveOptions,shapeOptions,clickOptions,hoverOptions,rotateOptions,particlesID,fpsOptions,colors}=props;const{densityEnable,densityArea,densityFactor}=densityOptions;const{linksEnabled,linksColor,linksOpacity,linksDistance,linksWidth}=linksOptions;const{size,sizeType,sizeMin,sizeMax}=sizeOptions;const{opacity,opacityType,opacityMin,opacityMax}=opacityOptions;const{connectDistance,connectRadius,connectLinksOpacity,grabDistance,grabLinksOpacity,bubbleDistance,bubbleSize,bubbleDuration,repulseDistance,repulseDuration,pushQuantity,removeQuantity,trailQuantity,trailDelay}=modeOptions;const{moveEnabled,moveDirection,moveSpeed,moveRandom,moveStraight,moveOut,moveVibrate,moveGravityEnabled,moveGravityAcceleration,moveGravityMaxSpeed,moveTrailEnabled,moveTrailAmount,moveSpinEnabled,moveSpinAcceleration,moveAttractEnabled,moveAttractDistance}=moveOptions;const{shapeType,characterType,imageSource,imageWidth,imageHeight}=shapeOptions;const{clickEnabled,clickModes}=clickOptions;const{hoverEnabled,hoverModes,hoverParallax,hoverForce,hoverSmooth}=hoverOptions;const{rotateDirection,rotateValue,rotateAnimation,rotateSpeed,rotateSync}=rotateOptions;const particlesInit=useCallback(async engine=>{await loadFull(engine);},[]);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const hasMultipleColors=colors.length>0;return /*#__PURE__*/ _jsx(\"div\",{style:{width:\"100%\",height:\"100%\",overflow:\"hidden\",backgroundColor:background,transform:\"translateZ(0)\",borderRadius:radius,position:\"relative\"},children:/*#__PURE__*/ _jsx(Particles,{id:particlesID,init:particlesInit,style:{width:\"100%\",height:\"100%\",position:\"absolute\"},options:{// autoPlay: !isCanvas,\nbackground:{color:{value:\"transparent\"}},fpsLimit:isCanvas?1:fpsOptions,fullScreen:false,pauseOnBlur:true,pauseOnOutsideViewport:true,interactivity:isCanvas?{}:{events:{resize:true,onClick:{enable:isCanvas?false:clickEnabled,mode:clickModes},onHover:{enable:isCanvas?false:hoverEnabled,mode:hoverModes,parallax:{enable:isCanvas?false:hoverEnabled?hoverParallax:false,force:hoverForce,smooth:hoverForce}}},modes:{connect:{distance:connectDistance,radius:connectRadius,links:{opacity:connectLinksOpacity}},grab:{distance:grabDistance,links:{opacity:grabLinksOpacity}},bubble:{distance:bubbleDistance,size:bubbleSize,duration:bubbleDuration},repulse:{distance:repulseDistance,duration:repulseDuration},push:{quantity:pushQuantity},remove:{quantity:removeQuantity},trail:{delay:trailDelay,quantity:trailQuantity}}},particles:{color:{value:hasMultipleColors?colors.map(color=>makeHex(color)):makeHex(color)},collisions:{enable:false},rotate:{direction:rotateDirection,value:rotateValue,animation:!isCanvas&&{enable:rotateAnimation,speed:rotateSpeed}},move:{direction:moveDirection,outMode:moveOut,enable:isCanvas?false:moveEnabled,random:moveRandom,speed:moveSpeed,straight:moveStraight,trail:{enable:moveTrailEnabled,length:moveTrailAmount},spin:{enable:moveSpinEnabled,acceleration:moveSpinAcceleration},attract:{enable:moveAttractEnabled,distance:moveAttractDistance},gravity:{enable:moveGravityEnabled,acceleration:moveGravityAcceleration,maxSpeed:moveGravityMaxSpeed},vibrate:moveVibrate},links:{enable:linksEnabled,color:makeHex(linksColor),opacity:linksOpacity,distance:linksDistance,width:linksWidth},number:{value:number,density:{enable:densityEnable,area:densityEnable&&densityArea,factor:densityEnable&&densityFactor}},opacity:{value:opacityType?opacity:{min:opacityMin,max:opacityMax}},shape:{type:shapeType,character:{value:characterType},image:{src:imageSource,width:imageWidth,height:imageHeight}},size:{value:sizeType?size:{min:sizeMin,max:sizeMax}}},detectRetina:true}})});};/* Default properties */ ParticleWrapper.defaultProps={background:\"#000000\",color:\"#ffffff\",radius:0,number:100,densityOptions:{densityEnable:false,densityArea:5e3,densityFactor:50},sizeOptions:{sizeType:true,size:1,sizeMin:1,sizeMax:10},opacityOptions:{opacityType:true,opacity:1,opacityMin:0,opacityMax:1},linksOptions:{linksEnabled:false,linksColor:\"#ffffff\",linksOpacity:.2,linksDistance:100,linksWidth:1},modeOptions:{connectDistance:100,connectRadius:50,connectLinksOpacity:.2,grabDistance:100,grabLinksOpacity:.2,bubbleDistance:100,bubbleSize:40,bubbleDuration:.4,repulseDistance:200,repulseDuration:1.2,pushQuantity:4,removeQuantity:4,trailDelay:.1,trailQuantity:10},moveOptions:{moveEnabled:true,moveDirection:\"none\",moveSpeed:1,moveRandom:false,moveStraight:false,moveOut:\"out\",moveVibrate:false,moveGravityEnabled:false,moveGravityAcceleration:1,moveGravityMaxSpeed:2,moveTrailEnabled:false,moveTrailAmount:100,moveSpinEnabled:false,moveSpinAcceleration:1,moveAttractEnabled:false,moveAttractDistance:100},shapeOptions:{shapeType:\"circle\",characterType:\"\uD83D\uDE0E\",imageWidth:100,imageHeight:100},clickOptions:{clickEnabled:false,clickModes:\"push\"},hoverOptions:{hoverEnabled:true,hoverModes:\"none\",hoverParallax:true,hoverForce:10,hoverSmooth:10},rotateOptions:{rotateDirection:\"random\",rotateValue:0,rotateAnimation:false,rotateSpeed:5,rotateSync:false},particlesID:\"Unique ID\",colors:[]};ParticleWrapper.displayName=\"Particles\";addPropertyControls(ParticleWrapper,{background:{type:ControlType.Color,defaultValue:ParticleWrapper.defaultProps.background,title:\"Backdrop\"},color:{type:ControlType.Color,defaultValue:ParticleWrapper.defaultProps.color,title:\"Color\"},colors:{type:ControlType.Array,control:{type:ControlType.Color},defaultValue:ParticleWrapper.defaultProps.colors},fpsOptions:{type:ControlType.Enum,title:\"FPS\",options:[30,60,120],optionTitles:[\"30\",\"60\",\"120\"],defaultValue:60,displaySegmentedControl:true},number:{type:ControlType.Number,title:\"Amount\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.number},densityOptions:{type:ControlType.Object,title:\"Density\",controls:{densityEnable:{type:ControlType.Boolean,title:\"Enable\",defaultValue:ParticleWrapper.defaultProps.densityOptions.densityEnable},densityArea:{type:ControlType.Number,title:\"Area\",min:100,max:1e4,step:1,defaultValue:ParticleWrapper.defaultProps.densityOptions.densityArea,hidden:props=>!props.densityEnable},densityFactor:{type:ControlType.Number,title:\"Factor\",min:0,max:100,step:.5,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.densityOptions.densityFactor,description:\"Decrease the amount property when using these, as too many particles in dense areas can cause slowdowns.\",hidden:props=>!props.densityEnable}}},sizeOptions:{type:ControlType.Object,title:\"Size\",controls:{sizeType:{type:ControlType.Boolean,title:\"Type\",enabledTitle:\"Value\",disabledTitle:\"Range\",defaultValue:ParticleWrapper.defaultProps.sizeOptions.sizeType},size:{type:ControlType.Number,title:\"Size\",min:0,max:1e3,step:.5,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.sizeOptions.size,hidden:props=>!props.sizeType},sizeMin:{type:ControlType.Number,title:\"Min\",min:0,max:1e3,step:.5,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.sizeOptions.sizeMin,hidden:props=>props.sizeType},sizeMax:{type:ControlType.Number,title:\"Max\",min:0,max:1e3,step:.5,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.sizeOptions.sizeMax,hidden:props=>props.sizeType}}},opacityOptions:{type:ControlType.Object,title:\"Opacity\",controls:{opacityType:{type:ControlType.Boolean,title:\"Type\",enabledTitle:\"Value\",disabledTitle:\"Range\",defaultValue:ParticleWrapper.defaultProps.opacityOptions.opacityType},opacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.opacityOptions.opacity,hidden:props=>!props.opacityType},opacityMin:{type:ControlType.Number,title:\"Min\",min:0,max:1,step:.05,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.opacityOptions.opacityMin,hidden:props=>props.opacityType},opacityMax:{type:ControlType.Number,title:\"Max\",min:0,max:1,step:.05,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.opacityOptions.opacityMax,hidden:props=>props.opacityType}}},linksOptions:{type:ControlType.Object,title:\"Links\",controls:{linksEnabled:{type:ControlType.Boolean,title:\"Enable\",defaultValue:ParticleWrapper.defaultProps.linksOptions.linksEnabled},linksColor:{type:ControlType.Color,title:\"Color\",defaultValue:ParticleWrapper.defaultProps.linksOptions.linksColor,hidden:props=>!props.linksEnabled},linksOpacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.linksOptions.linksOpacity,hidden:props=>!props.linksEnabled},linksDistance:{type:ControlType.Number,title:\"Distance\",min:0,max:500,step:1,defaultValue:ParticleWrapper.defaultProps.linksOptions.linksDistance,hidden:props=>!props.linksEnabled},linksWidth:{type:ControlType.Number,title:\"Width\",min:0,max:10,step:1,defaultValue:ParticleWrapper.defaultProps.linksOptions.linksWidth,hidden:props=>!props.linksEnabled}}},modeOptions:{type:ControlType.Object,title:\"Modes\",controls:{connectDistance:{type:ControlType.Number,title:\"Connect\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.connectDistance},connectRadius:{type:ControlType.Number,title:\"Connect Radius\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.connectRadius},connectLinksOpacity:{type:ControlType.Number,title:\"Connect Links\",min:0,max:1,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.modeOptions.connectLinksOpacity},grabDistance:{type:ControlType.Number,title:\"Grab\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.grabDistance},grabLinksOpacity:{type:ControlType.Number,title:\"Grab Links\",min:0,max:1,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.modeOptions.grabLinksOpacity},bubbleDistance:{type:ControlType.Number,title:\"Bubble\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.bubbleDistance},bubbleSize:{type:ControlType.Number,title:\"Bubble Size\",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.bubbleSize},bubbleDuration:{type:ControlType.Number,title:\"Bubble Duration\",min:0,max:1,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.modeOptions.bubbleDuration},repulseDistance:{type:ControlType.Number,title:\"Repulse\",min:0,max:1e3,defaultValue:ParticleWrapper.defaultProps.modeOptions.repulseDistance},repulseDuration:{type:ControlType.Number,title:\"Repulse Duration\",min:0,max:10,step:.1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.modeOptions.repulseDuration},pushQuantity:{type:ControlType.Number,title:\"Push\",min:0,max:100,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.pushQuantity},removeQuantity:{type:ControlType.Number,title:\"Remove\",min:0,max:100,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.removeQuantity},trailQuantity:{type:ControlType.Number,title:\"Trail\",min:0,max:100,step:1,defaultValue:ParticleWrapper.defaultProps.modeOptions.trailQuantity},trailDelay:{type:ControlType.Number,title:\"Trail Delay\",min:0,max:10,step:.1,defaultValue:ParticleWrapper.defaultProps.modeOptions.trailDelay}}},moveOptions:{type:ControlType.Object,title:\"Move\",controls:{moveEnabled:{type:ControlType.Boolean,title:\"Enable\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveEnabled},moveDirection:{type:ControlType.Enum,title:\"Direction\",options:[\"none\",\"bottom\",\"left\",\"right\",\"top\",\"bottom-left\",\"bottom-right\",\"top-left\",\"top-right\",\"outside\",\"inside\",],optionTitles:[\"Random\",\"Bottom\",\"Left\",\"Right\",\"Top\",\"Bottom Left\",\"Bottom Right\",\"Top Left\",\"Top Right\",\"Outside\",\"Inside\",],defaultValue:ParticleWrapper.defaultProps.moveOptions.moveDirection,hidden:props=>!props.moveEnabled},moveSpeed:{type:ControlType.Number,title:\"Speed\",min:0,max:100,step:.1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveSpeed,hidden:props=>!props.moveEnabled},moveRandom:{type:ControlType.Boolean,title:\"Random\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveRandom,hidden:props=>!props.moveEnabled},moveStraight:{type:ControlType.Boolean,title:\"Straight\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveStraight,hidden:props=>!props.moveEnabled},moveOut:{type:ControlType.Enum,title:\"Out\",options:[\"none\",\"split\",\"bounce\",\"destroy\",\"out\",\"bounceHorizontal\",\"bounceVertical\",],optionTitles:[\"None\",\"Split\",\"Bounce\",\"Destroy\",\"Out\",\"Bounce Horizontal\",\"Bounce Vertical\",],defaultValue:ParticleWrapper.defaultProps.moveOptions.moveOut,hidden:props=>!props.moveEnabled},moveVibrate:{type:ControlType.Boolean,title:\"Vibrate\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveVibrate,hidden:props=>!props.moveEnabled},moveGravityEnabled:{type:ControlType.Boolean,title:\"Gravity\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveGravityEnabled,hidden:props=>!props.moveEnabled},moveGravityAcceleration:{type:ControlType.Number,title:\"Gravity Acceleration\",min:0,max:100,step:.1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveGravityAcceleration,hidden:props=>!props.moveEnabled||!props.moveGravityEnabled},moveGravityMaxSpeed:{type:ControlType.Number,title:\"Gravity Max Speed\",min:0,max:100,step:.1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveGravityAcceleration,hidden:props=>!props.moveEnabled||!props.moveGravityEnabled},moveTrailEnabled:{type:ControlType.Boolean,title:\"Trail\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveTrailEnabled,hidden:props=>!props.moveEnabled},moveTrailAmount:{type:ControlType.Number,title:\" \",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveTrailAmount,hidden:props=>!props.moveEnabled||!props.moveTrailEnabled},moveSpinEnabled:{type:ControlType.Boolean,title:\"Spin\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveSpinEnabled,hidden:props=>!props.moveEnabled},moveSpinAcceleration:{type:ControlType.Number,title:\" \",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveSpinAcceleration,hidden:props=>!props.moveEnabled||!props.moveSpinEnabled},moveAttractEnabled:{type:ControlType.Boolean,title:\"Attract\",defaultValue:ParticleWrapper.defaultProps.moveOptions.moveAttractEnabled,hidden:props=>!props.moveEnabled},moveAttractDistance:{type:ControlType.Number,title:\" \",min:0,max:1e3,step:1,defaultValue:ParticleWrapper.defaultProps.moveOptions.moveAttractDistance,hidden:props=>!props.moveEnabled||!props.moveAttractEnabled}}},shapeOptions:{type:ControlType.Object,title:\"Shape\",controls:{shapeType:{type:ControlType.Enum,title:\"Shape\",options:[\"circle\",\"edge\",\"triangle\",\"polygon\",\"star\",\"character\",\"image\",],optionTitles:[\"Circle\",\"Square\",\"Triangle\",\"Polygon\",\"Star\",\"Character\",\"Image\",],defaultValue:ParticleWrapper.defaultProps.shapeOptions.characterType},characterType:{type:ControlType.String,title:\"Character\",defaultValue:ParticleWrapper.defaultProps.shapeOptions.characterType,hidden:props=>props.shapeType!==\"character\"},imageSource:{type:ControlType.Image,title:\"Image\",hidden:props=>props.shapeType!==\"image\"},imageWidth:{type:ControlType.Number,title:\"Width\",min:0,max:1e3,defaultValue:ParticleWrapper.defaultProps.shapeOptions.imageWidth,hidden:props=>props.shapeType!==\"image\"},imageHeight:{type:ControlType.Number,title:\"Height\",min:0,max:1e3,defaultValue:ParticleWrapper.defaultProps.shapeOptions.imageWidth,hidden:props=>props.shapeType!==\"image\"}}},clickOptions:{type:ControlType.Object,title:\"Click\",controls:{clickEnabled:{type:ControlType.Boolean,title:\"Enable\",defaultValue:ParticleWrapper.defaultProps.clickOptions.clickEnabled},clickModes:{type:ControlType.Enum,title:\"Mode\",options:[\"attract\",\"bubble\",\"push\",\"remove\",\"repulse\",\"pause\",\"trail\",],optionTitles:[\"Attract\",\"Bubble\",\"Push\",\"Remove\",\"Repulse\",\"Pause\",\"Trail\",],defaultValue:ParticleWrapper.defaultProps.clickOptions.clickModes,hidden:props=>!props.clickEnabled}}},hoverOptions:{type:ControlType.Object,title:\"Hover\",controls:{hoverEnabled:{type:ControlType.Boolean,title:\"Enable\",defaultValue:ParticleWrapper.defaultProps.hoverOptions.hoverEnabled},hoverModes:{type:ControlType.Enum,title:\"Mode\",options:[\"none\",\"attract\",\"bounce\",\"bubble\",\"connect\",\"grab\",\"light\",\"repulse\",\"slow\",\"trail\",],optionTitles:[\"None\",\"Attract\",\"Bounce\",\"Bubble\",\"Connect\",\"Grab\",\"Light\",\"Repulse\",\"Slow\",\"Trail\",],defaultValue:ParticleWrapper.defaultProps.hoverOptions.hoverModes,hidden:props=>!props.hoverEnabled},hoverParallax:{type:ControlType.Boolean,title:\"Parallax\",defaultValue:ParticleWrapper.defaultProps.hoverOptions.hoverParallax,hidden:props=>!props.hoverEnabled},hoverForce:{type:ControlType.Number,min:0,max:50,step:1,displayStepper:true,title:\"Force\",defaultValue:ParticleWrapper.defaultProps.hoverOptions.hoverForce,hidden:props=>!props.hoverParallax||!props.hoverEnabled},hoverSmooth:{type:ControlType.Number,min:0,max:50,step:1,displayStepper:true,title:\"Smooth\",defaultValue:ParticleWrapper.defaultProps.hoverOptions.hoverSmooth,hidden:props=>!props.hoverParallax||!props.hoverEnabled}}},rotateOptions:{type:ControlType.Object,title:\"Rotate\",controls:{rotateValue:{type:ControlType.Number,title:\"Value\",min:-360,max:360,step:1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.rotateOptions.rotateValue},rotateDirection:{type:ControlType.Enum,title:\"Direction\",options:[\"clockwise\",\"counter-clockwise\",\"random\"],optionTitles:[\"Clockwise\",\"Counter Clockwise\",\"Random\"],defaultValue:ParticleWrapper.defaultProps.rotateOptions.rotateDirection},rotateAnimation:{type:ControlType.Boolean,title:\"Animate\",defaultValue:ParticleWrapper.defaultProps.rotateOptions.rotateAnimation},rotateSpeed:{type:ControlType.Number,title:\"Speed\",min:0,max:100,step:1,defaultValue:ParticleWrapper.defaultProps.rotateOptions.rotateSpeed,hidden:props=>!props.rotateAnimation},rotateSync:{type:ControlType.Boolean,title:\"Sync\",defaultValue:ParticleWrapper.defaultProps.rotateOptions.rotateSync,hidden:props=>!props.rotateAnimation}}},radius:{type:ControlType.Number,min:0,max:1e3,step:1,displayStepper:true,defaultValue:ParticleWrapper.defaultProps.radius},particlesID:{type:ControlType.String,title:\"ID\",defaultValue:\"One\",placeholder:ParticleWrapper.defaultProps.particlesID}});// Converts all color values to hex strings\nconst makeHex=property=>Color.toHexString(Color(property));\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ParticleWrapper\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Particles.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"ptt6COMax\",\"IZz5ctzc2\",\"fnzSq6wBN\"];const serializationHash=\"framer-OuCQ6\";const variantClassNames={fnzSq6wBN:\"framer-v-1ir1dro\",IZz5ctzc2:\"framer-v-1pvoonq\",ptt6COMax:\"framer-v-16swg6f\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:0,ease:[0,0,1,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[.44,0,.56,1],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"ptt6COMax\",\"Variant 2\":\"IZz5ctzc2\",\"Variant 3\":\"fnzSq6wBN\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"ptt6COMax\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ptt6COMax\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear1t82430=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"IZz5ctzc2\"),300);});const onAppear1kwhlp0=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"fnzSq6wBN\"),1400);});const onAppear150f8ig=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"ptt6COMax\"),300);});useOnVariantChange(baseVariant,{default:onAppear1t82430,fnzSq6wBN:onAppear150f8ig,IZz5ctzc2:onAppear1kwhlp0});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({IZz5ctzc2:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-16swg6f\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"ptt6COMax\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({fnzSq6wBN:{\"data-framer-name\":\"Variant 3\"},IZz5ctzc2:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-8mt4vp\",\"data-framer-name\":\"Gradient\",layoutDependency:layoutDependency,layoutId:\"RD2z6HPyT\",style:{background:\"linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, hsl(0, 0%, 100%) 100%)\"}})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-OuCQ6.framer-1lic8be, .framer-OuCQ6 .framer-1lic8be { display: block; }\",\".framer-OuCQ6.framer-16swg6f { height: 34px; overflow: hidden; position: relative; width: 234px; }\",\".framer-OuCQ6 .framer-8mt4vp { bottom: 0px; flex: none; left: -70px; overflow: hidden; position: absolute; top: 0px; width: 70px; }\",\".framer-OuCQ6.framer-v-1pvoonq .framer-8mt4vp { left: unset; right: -70px; }\",\".framer-OuCQ6.framer-v-1ir1dro .framer-8mt4vp { bottom: unset; height: 1px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 234\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"IZz5ctzc2\":{\"layout\":[\"fixed\",\"fixed\"]},\"fnzSq6wBN\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerSTk1mt_CU=withCSS(Component,css,\"framer-OuCQ6\");export default FramerSTk1mt_CU;FramerSTk1mt_CU.displayName=\"Button/ AI Button Shimmer Top\";FramerSTk1mt_CU.defaultProps={height:34,width:234};addPropertyControls(FramerSTk1mt_CU,{variant:{options:[\"ptt6COMax\",\"IZz5ctzc2\",\"fnzSq6wBN\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerSTk1mt_CU,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerSTk1mt_CU\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"234\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"IZz5ctzc2\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"fnzSq6wBN\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicHeight\":\"34\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./STk1mt_CU.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"Ns_BKbI0K\",\"BL5k3xA9i\",\"eXy5XhHoW\",\"hYuZEYKPG\",\"tgGjeN1L3\"];const serializationHash=\"framer-4jcXJ\";const variantClassNames={BL5k3xA9i:\"framer-v-pttrje\",eXy5XhHoW:\"framer-v-ccfdrd\",hYuZEYKPG:\"framer-v-y9zgj9\",Ns_BKbI0K:\"framer-v-1oq6y9m\",tgGjeN1L3:\"framer-v-16o3ho\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"Ns_BKbI0K\",\"Variant 2\":\"BL5k3xA9i\",\"Variant 3\":\"eXy5XhHoW\",\"Variant 4\":\"hYuZEYKPG\",Inactive:\"tgGjeN1L3\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"Ns_BKbI0K\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Ns_BKbI0K\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppearrmrg0k=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"BL5k3xA9i\"),1400);});const onAppear17wqaq4=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"eXy5XhHoW\"),200);});const onAppear1v7zuzn=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"hYuZEYKPG\"),100);});const onAppearun2by7=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"Ns_BKbI0K\"),300);});useOnVariantChange(baseVariant,{BL5k3xA9i:onAppear17wqaq4,default:onAppearrmrg0k,eXy5XhHoW:onAppear1v7zuzn,hYuZEYKPG:onAppearun2by7,tgGjeN1L3:undefined});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1oq6y9m\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"Ns_BKbI0K\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({BL5k3xA9i:{\"data-framer-name\":\"Variant 2\"},eXy5XhHoW:{\"data-framer-name\":\"Variant 3\"},hYuZEYKPG:{\"data-framer-name\":\"Variant 4\"},tgGjeN1L3:{\"data-framer-name\":\"Inactive\",\"data-highlight\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1esdy57\",\"data-framer-name\":\"Smol Star\",layoutDependency:layoutDependency,layoutId:\"koE1hxAXr\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-svfu9a\",\"data-framer-name\":\"Graphic\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"XEMzswmBs\",opacity:.3,style:{opacity:.3},svg:'',svgContentId:8923220155,variants:{eXy5XhHoW:{opacity:1}},withExternalLayout:true,...addPropertyOverrides({eXy5XhHoW:{opacity:1,svg:'',svgContentId:12024358877}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1whfr1j\",\"data-framer-name\":\"Medium Star\",layoutDependency:layoutDependency,layoutId:\"WAxwOxPeV\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-1844m3b\",\"data-framer-name\":\"Graphic\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"QjIkYvGcs\",opacity:.5,style:{opacity:.5},svg:'',svgContentId:11096595865,variants:{BL5k3xA9i:{opacity:1},eXy5XhHoW:{opacity:.2}},withExternalLayout:true,...addPropertyOverrides({BL5k3xA9i:{opacity:1,svg:'',svgContentId:12531535133},eXy5XhHoW:{opacity:.2,svgContentId:9960017227}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-x87kfn\",\"data-framer-name\":\"Big Star\",layoutDependency:layoutDependency,layoutId:\"S_YY_zlDl\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-32j0rz\",\"data-framer-name\":\"Graphic\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"qa9OEe0jw\",opacity:1,style:{opacity:1},svg:'',svgContentId:11921455740,variants:{BL5k3xA9i:{opacity:.2},eXy5XhHoW:{opacity:.2}},withExternalLayout:true,...addPropertyOverrides({BL5k3xA9i:{opacity:.2,svg:'',svgContentId:9267084170},eXy5XhHoW:{opacity:.2,svg:'',svgContentId:10042345616},hYuZEYKPG:{svg:'',svgContentId:9210229945}},baseVariant,gestureVariant)})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-4jcXJ.framer-eyjldj, .framer-4jcXJ .framer-eyjldj { display: block; }\",\".framer-4jcXJ.framer-1oq6y9m { height: 28px; overflow: visible; position: relative; width: 28px; }\",\".framer-4jcXJ .framer-1esdy57 { flex: none; height: 6px; left: 4px; overflow: visible; position: absolute; top: 0px; width: 6px; }\",\".framer-4jcXJ .framer-svfu9a { flex: none; height: 6px; left: calc(50.00000000000002% - 6px / 2); position: absolute; top: calc(50.00000000000002% - 6px / 2); width: 6px; }\",\".framer-4jcXJ .framer-1whfr1j { flex: none; height: 12px; left: 1px; overflow: visible; position: absolute; top: 17px; width: 12px; }\",\".framer-4jcXJ .framer-1844m3b { flex: none; height: 12px; left: calc(50.00000000000002% - 12px / 2); position: absolute; top: calc(50.00000000000002% - 12px / 2); width: 12px; }\",\".framer-4jcXJ .framer-x87kfn { flex: none; height: 19px; left: 8px; overflow: visible; position: absolute; top: 3px; width: 18px; }\",\".framer-4jcXJ .framer-32j0rz { flex: none; height: 19px; left: calc(50.00000000000002% - 18px / 2); position: absolute; top: calc(47.3684210526316% - 19px / 2); width: 18px; }\",\".framer-4jcXJ.framer-v-pttrje.framer-1oq6y9m, .framer-4jcXJ.framer-v-ccfdrd.framer-1oq6y9m, .framer-4jcXJ.framer-v-y9zgj9.framer-1oq6y9m, .framer-4jcXJ.framer-v-16o3ho.framer-1oq6y9m { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 28px); }\",\".framer-4jcXJ.framer-v-pttrje .framer-1844m3b { height: 19px; left: calc(50.00000000000002% - 19px / 2); top: calc(50.00000000000002% - 19px / 2); width: 19px; }\",\".framer-4jcXJ.framer-v-pttrje .framer-32j0rz, .framer-4jcXJ.framer-v-ccfdrd .framer-32j0rz { height: 11px; left: calc(50.00000000000002% - 10px / 2); top: calc(47.3684210526316% - 11px / 2); width: 10px; }\",\".framer-4jcXJ.framer-v-ccfdrd .framer-svfu9a { height: 18px; left: calc(50.00000000000002% - 18px / 2); top: calc(50.00000000000002% - 18px / 2); width: 18px; }\",\".framer-4jcXJ.framer-v-y9zgj9 .framer-32j0rz { height: 24px; left: calc(50.00000000000002% - 24px / 2); top: calc(47.3684210526316% - 24px / 2); width: 24px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 28\n * @framerIntrinsicWidth 28\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"BL5k3xA9i\":{\"layout\":[\"fixed\",\"fixed\"]},\"eXy5XhHoW\":{\"layout\":[\"fixed\",\"fixed\"]},\"hYuZEYKPG\":{\"layout\":[\"fixed\",\"fixed\"]},\"tgGjeN1L3\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Frameru_JN6tAnN=withCSS(Component,css,\"framer-4jcXJ\");export default Frameru_JN6tAnN;Frameru_JN6tAnN.displayName=\"Button/AI Button Stars\";Frameru_JN6tAnN.defaultProps={height:28,width:28};addPropertyControls(Frameru_JN6tAnN,{variant:{options:[\"Ns_BKbI0K\",\"BL5k3xA9i\",\"eXy5XhHoW\",\"hYuZEYKPG\",\"tgGjeN1L3\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Inactive\"],title:\"Variant\",type:ControlType.Enum}});addFonts(Frameru_JN6tAnN,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameru_JN6tAnN\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"BL5k3xA9i\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"eXy5XhHoW\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"hYuZEYKPG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"tgGjeN1L3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicHeight\":\"28\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"28\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./u_JN6tAnN.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"iuniq27s8\",\"cmnArAGkI\",\"PWEsgmkGt\"];const serializationHash=\"framer-1pa8B\";const variantClassNames={cmnArAGkI:\"framer-v-d3qbtp\",iuniq27s8:\"framer-v-jgavp2\",PWEsgmkGt:\"framer-v-7op9ju\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:0,ease:[0,0,1,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[.44,0,.56,1],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"iuniq27s8\",\"Variant 2\":\"cmnArAGkI\",\"Variant 3\":\"PWEsgmkGt\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"iuniq27s8\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"iuniq27s8\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear1ek1n65=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"cmnArAGkI\"),900);});const onAppearst9pyf=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"PWEsgmkGt\"),1e3);});const onAppearo7rxmp=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"iuniq27s8\"),100);});useOnVariantChange(baseVariant,{cmnArAGkI:onAppearst9pyf,default:onAppear1ek1n65,PWEsgmkGt:onAppearo7rxmp});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({cmnArAGkI:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-jgavp2\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"iuniq27s8\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({cmnArAGkI:{\"data-framer-name\":\"Variant 2\"},PWEsgmkGt:{\"data-framer-name\":\"Variant 3\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-jxsk5q\",\"data-framer-name\":\"Gradient\",layoutDependency:layoutDependency,layoutId:\"kc1IBWRIU\",style:{background:\"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, hsl(0, 0%, 100%) 100%)\"}})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-1pa8B.framer-1utx3z5, .framer-1pa8B .framer-1utx3z5 { display: block; }\",\".framer-1pa8B.framer-jgavp2 { height: 34px; overflow: hidden; position: relative; width: 234px; }\",\".framer-1pa8B .framer-jxsk5q { bottom: 0px; flex: none; overflow: hidden; position: absolute; right: -70px; top: 0px; width: 70px; }\",\".framer-1pa8B.framer-v-d3qbtp .framer-jxsk5q { left: -70px; right: unset; }\",\".framer-1pa8B.framer-v-7op9ju .framer-jxsk5q { bottom: unset; height: 1px; left: -70px; right: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 234\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"cmnArAGkI\":{\"layout\":[\"fixed\",\"fixed\"]},\"PWEsgmkGt\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerwTBT3MPJ6=withCSS(Component,css,\"framer-1pa8B\");export default FramerwTBT3MPJ6;FramerwTBT3MPJ6.displayName=\"Button/ AI Button Shimmer Bottom\";FramerwTBT3MPJ6.defaultProps={height:34,width:234};addPropertyControls(FramerwTBT3MPJ6,{variant:{options:[\"iuniq27s8\",\"cmnArAGkI\",\"PWEsgmkGt\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerwTBT3MPJ6,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerwTBT3MPJ6\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"34\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"cmnArAGkI\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PWEsgmkGt\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"234\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./wTBT3MPJ6.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Grain from\"https://framerusercontent.com/modules/cKGD16u2MGB7MfqfVXFp/wiztTCbXokZrMicHAmZc/Grain.js\";import Particles from\"https://framerusercontent.com/modules/wb6ZrZlCLNQ5HHBJtNND/c1GLxCsQBQvlLXhkz7er/Particles.js\";import ShimmerTop from\"https://framerusercontent.com/modules/Sspqd2yXHmFWgI7FCXC4/sL4TyWajqUAVI4SNWZ5x/STk1mt_CU.js\";import Stars from\"https://framerusercontent.com/modules/oeV6K1gLQQ2pn96VVBmO/l8tZA1vfbuNGerGRZs9B/u_JN6tAnN.js\";import ShimmerBottom from\"https://framerusercontent.com/modules/Y9WthhimeqCNw9Jx9GhJ/xG9umq4FWxALEwTQ3ZiT/wTBT3MPJ6.js\";const ParticlesFonts=getFonts(Particles);const MotionDivWithFX=withFX(motion.div);const GrainFonts=getFonts(Grain);const ShimmerBottomFonts=getFonts(ShimmerBottom);const ShimmerTopFonts=getFonts(ShimmerTop);const StarsFonts=getFonts(Stars);const MotionAWithFX=withFX(motion.a);const cycleOrder=[\"sYvz1Pjm0\",\"NqGDAbUQe\"];const serializationHash=\"framer-me1CI\";const variantClassNames={NqGDAbUQe:\"framer-v-jja36t\",sYvz1Pjm0:\"framer-v-1ql9qi3\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:100,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:0,duration:2,ease:[.44,0,.56,1],type:\"tween\"};const animation={opacity:.5,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const animation1={opacity:.6,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transformTemplate1=(_,t)=>`translateY(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"sYvz1Pjm0\",\"Variant 2\":\"NqGDAbUQe\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"sYvz1Pjm0\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"sYvz1Pjm0\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterxflsr0=activeVariantCallback(async(...args)=>{setVariant(\"NqGDAbUQe\");});const onMouseLeave1ttqdsj=activeVariantCallback(async(...args)=>{setVariant(\"sYvz1Pjm0\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1ql9qi3\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"sYvz1Pjm0\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(0, 0, 0)\",...style},variants:{NqGDAbUQe:{backgroundColor:\"rgb(16, 0, 46)\"}},...addPropertyOverrides({NqGDAbUQe:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:0,className:\"framer-1aimch1-container\",layoutDependency:layoutDependency,layoutId:\"IgeOvmQJO-container\",style:{opacity:0},variants:{NqGDAbUQe:{opacity:1}},...addPropertyOverrides({NqGDAbUQe:{__targetOpacity:1}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(179, 116, 253)\",colors:[],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:50},fpsOptions:60,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"none\",hoverParallax:true,hoverSmooth:10},id:\"IgeOvmQJO\",layoutId:\"IgeOvmQJO\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:100,connectLinksOpacity:.2,connectRadius:50,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:4,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"none\",moveEnabled:true,moveGravityAcceleration:1,moveGravityEnabled:false,moveGravityMaxSpeed:2,moveOut:\"none\",moveRandom:false,moveSpeed:.5,moveSpinAcceleration:1,moveSpinEnabled:true,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},number:70,opacityOptions:{opacity:0,opacityMax:1,opacityMin:0,opacityType:false},particlesID:\"One\",radius:0,rotateOptions:{rotateAnimation:false,rotateDirection:\"random\",rotateSpeed:5,rotateSync:false,rotateValue:0},shapeOptions:{characterType:\"\u2726\",imageHeight:100,imageSource:\"https://framerusercontent.com/images/rd7N7uveozewZoAlg7b2TGj7cew.gif\",imageWidth:100,shapeType:\"character\"},sizeOptions:{size:1,sizeMax:6,sizeMin:3,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-5c4bdl\",\"data-framer-name\":\"Vignette\",layoutDependency:layoutDependency,layoutId:\"LFv8TTVvo\",style:{background:\"radial-gradient(35.3% 37% at 50% 50%, rgba(16, 0, 46, 0) 0%, hsl(261, 100%, 9%) 100%)\",opacity:0},variants:{NqGDAbUQe:{opacity:1}}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-wd9yad\",\"data-framer-name\":\"Outer Glow\",layoutDependency:layoutDependency,layoutId:\"ARh92UqZa\",style:{borderBottomLeftRadius:34,borderBottomRightRadius:34,borderTopLeftRadius:34,borderTopRightRadius:34,boxShadow:\"0px 0px 0px 0px rgba(146, 56, 255, 0)\"},variants:{NqGDAbUQe:{boxShadow:\"0px 0px 280px 60px rgba(146, 56, 255, 0.4)\"}}}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-wgk5qw-container\",layoutDependency:layoutDependency,layoutId:\"AlgChV3Bt-container\",style:{opacity:0},variants:{NqGDAbUQe:{opacity:1}},children:/*#__PURE__*/_jsx(Grain,{height:\"100%\",id:\"AlgChV3Bt\",layoutId:\"AlgChV3Bt\",opacity:.03,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:0,className:\"framer-z3vgq6\",\"data-framer-name\":\"Focus Ring\",layoutDependency:layoutDependency,layoutId:\"oTmYf18im\",style:{background:\"radial-gradient(68.5% 119.73800000000001% at 49.1% 100%, #af78f5 0%, #7438ff 100%)\",borderBottomLeftRadius:39,borderBottomRightRadius:39,borderTopLeftRadius:39,borderTopRightRadius:39,boxShadow:\"0px 0px 0px 0px rgba(15, 7, 32, 0)\",opacity:0},variants:{NqGDAbUQe:{boxShadow:\"0px 16px 32px 0px rgb(15, 7, 32)\",opacity:.5}},...addPropertyOverrides({NqGDAbUQe:{__targetOpacity:.5}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(Link,{...addPropertyOverrides({NqGDAbUQe:{href:\"https://www.framer.com/\",openInNewTab:true}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(MotionAWithFX,{__framer__loop:animation1,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1dnm3ph framer-1q8696p\",\"data-border\":true,\"data-framer-name\":\"Button\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"PNUnLw7io\",onMouseEnter:onMouseEnterxflsr0,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(255, 255, 255, 0.1)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:34,borderBottomRightRadius:34,borderTopLeftRadius:34,borderTopRightRadius:34,boxShadow:\"0px 0px 0px 0px rgba(32, 8, 73, 0), 0px 0px 0px 0px rgba(115, 59, 247, 0), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(91, 61, 199, 0)\"},variants:{NqGDAbUQe:{\"--border-bottom-width\":\"1px\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",background:\"linear-gradient(180deg, #8855ff 0%, #783dff 100%)\",boxShadow:\"0px 16px 32px 0px hsla(262, 80%, 16%, 0.3), 0px 16px 32px 0px rgba(115, 59, 247, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 120px 0px rgb(91, 61, 199)\"}},...addPropertyOverrides({NqGDAbUQe:{onMouseEnter:undefined,onMouseLeave:onMouseLeave1ttqdsj}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"238px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-117uf0p-container\",layoutDependency:layoutDependency,layoutId:\"ky8lRTzMs-container\",style:{opacity:0},variants:{NqGDAbUQe:{opacity:1}},children:/*#__PURE__*/_jsx(ShimmerBottom,{height:\"100%\",id:\"ky8lRTzMs\",layoutId:\"ky8lRTzMs\",style:{height:\"100%\",width:\"100%\"},variant:\"iuniq27s8\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"238px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1hzyq8q-container\",layoutDependency:layoutDependency,layoutId:\"qv_ouCXyB-container\",style:{opacity:0},variants:{NqGDAbUQe:{opacity:1}},children:/*#__PURE__*/_jsx(ShimmerTop,{height:\"100%\",id:\"qv_ouCXyB\",layoutId:\"qv_ouCXyB\",style:{height:\"100%\",width:\"100%\"},variant:\"ptt6COMax\",width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-lvrr64\",\"data-framer-name\":\"Inner Fill\",layoutDependency:layoutDependency,layoutId:\"YW9ulOCPN\",style:{backgroundColor:\"rgb(29, 29, 29)\",borderBottomLeftRadius:33,borderBottomRightRadius:33,borderTopLeftRadius:33,borderTopRightRadius:33},variants:{NqGDAbUQe:{backgroundColor:\"rgb(118, 58, 254)\"}},children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:0,className:\"framer-z506iz\",\"data-framer-name\":\"Inner Glow\",layoutDependency:layoutDependency,layoutId:\"ZtBo8Hd6v\",style:{background:\"radial-gradient(50% 50% at 50% 50%, hsl(271, 96%, 75%) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\",opacity:0},variants:{NqGDAbUQe:{opacity:1}},...addPropertyOverrides({NqGDAbUQe:{__targetOpacity:1}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7TWFucm9wZS03MDA=\",\"--framer-font-family\":'\"Manrope\", \"Manrope Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"-0.2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%)\"},children:\"Generate Site\"})})}),className:\"framer-5k9wvf\",fonts:[\"GF;Manrope-700\"],layoutDependency:layoutDependency,layoutId:\"mSum05enG\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\"},transformTemplate:transformTemplate1,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({NqGDAbUQe:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7TWFucm9wZS03MDA=\",\"--framer-font-family\":'\"Manrope\", \"Manrope Placeholder\", sans-serif',\"--framer-font-size\":\"22px\",\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"-0.2px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%)\"},children:\"Generate Site\"})})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"28px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1asuzdc-container\",layoutDependency:layoutDependency,layoutId:\"T8vBfJ3TQ-container\",style:{opacity:.3},transformTemplate:transformTemplate1,variants:{NqGDAbUQe:{opacity:1}},children:/*#__PURE__*/_jsx(Stars,{height:\"100%\",id:\"T8vBfJ3TQ\",layoutId:\"T8vBfJ3TQ\",style:{height:\"100%\",width:\"100%\"},variant:\"tgGjeN1L3\",width:\"100%\",...addPropertyOverrides({NqGDAbUQe:{variant:\"Ns_BKbI0K\"}},baseVariant,gestureVariant)})})})]})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-me1CI.framer-1q8696p, .framer-me1CI .framer-1q8696p { display: block; }\",\".framer-me1CI.framer-1ql9qi3 { height: 340px; overflow: hidden; position: relative; width: 340px; }\",\".framer-me1CI .framer-1aimch1-container { flex: none; height: 400px; left: calc(50.00000000000002% - 600px / 2); position: absolute; top: calc(50.00000000000002% - 400px / 2); width: 600px; }\",\".framer-me1CI .framer-5c4bdl { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }\",\".framer-me1CI .framer-wd9yad, .framer-me1CI .framer-z3vgq6 { flex: none; height: 68px; left: calc(49.83333333333336% - 238px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 68px / 2); width: 238px; }\",\".framer-me1CI .framer-wgk5qw-container { bottom: 0px; flex: none; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; }\",\".framer-me1CI .framer-1dnm3ph { cursor: pointer; flex: none; height: 68px; left: calc(49.83333333333336% - 238px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 68px / 2); width: 238px; will-change: var(--framer-will-change-override, transform); }\",\".framer-me1CI .framer-117uf0p-container { bottom: 0px; flex: none; height: 34px; left: 0px; position: absolute; right: 0px; }\",\".framer-me1CI .framer-1hzyq8q-container { flex: none; height: 34px; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-me1CI .framer-lvrr64 { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; }\",\".framer-me1CI .framer-z506iz { bottom: -54px; flex: none; height: 103px; left: -9px; overflow: hidden; position: absolute; right: -10px; will-change: var(--framer-will-change-override, transform); }\",\".framer-me1CI .framer-5k9wvf { -webkit-user-select: none; cursor: pointer; flex: none; height: auto; overflow: visible; pointer-events: none; position: absolute; right: 29px; top: 47%; user-select: none; white-space: pre; width: auto; z-index: 1; }\",\".framer-me1CI .framer-1asuzdc-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 28px); left: 25px; position: absolute; top: 50%; width: 28px; }\",\".framer-me1CI.framer-v-jja36t .framer-z3vgq6 { height: 80px; left: calc(49.83333333333336% - 250px / 2); top: calc(50.00000000000002% - 80px / 2); width: 250px; }\",\".framer-me1CI.framer-v-jja36t .framer-1dnm3ph { text-decoration: none; }\",\".framer-me1CI.framer-v-jja36t .framer-lvrr64 { bottom: 2px; overflow: hidden; top: 2px; will-change: var(--framer-will-change-override, transform); }\",'.framer-me1CI[data-border=\"true\"]::after, .framer-me1CI [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 340\n * @framerIntrinsicWidth 340\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"NqGDAbUQe\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerFS2tNrw1W=withCSS(Component,css,\"framer-me1CI\");export default FramerFS2tNrw1W;FramerFS2tNrw1W.displayName=\"Button/AI Button\";FramerFS2tNrw1W.defaultProps={height:340,width:340};addPropertyControls(FramerFS2tNrw1W,{variant:{options:[\"sYvz1Pjm0\",\"NqGDAbUQe\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerFS2tNrw1W,[{explicitInter:true,fonts:[{family:\"Manrope\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_A87jxeN7B.woff2\",weight:\"700\"}]},...ParticlesFonts,...GrainFonts,...ShimmerBottomFonts,...ShimmerTopFonts,...StarsFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFS2tNrw1W\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"340\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"340\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"NqGDAbUQe\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const serializationHash=\"framer-wR82f\";const variantClassNames={bt94R9bpX:\"framer-v-1bgnnml\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,link,title,width,...props})=>{var _ref;return{...props,jaSjWvLu3:link!==null&&link!==void 0?link:props.jaSjWvLu3,JkgbWvinc:(_ref=title!==null&&title!==void 0?title:props.JkgbWvinc)!==null&&_ref!==void 0?_ref:\"Pearl button\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,JkgbWvinc,jaSjWvLu3,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"bt94R9bpX\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:jaSjWvLu3,nodeId:\"bt94R9bpX\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-1bgnnml\",className,classNames)} framer-1da955u`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"bt94R9bpX\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(12, 12, 10)\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,boxShadow:\"0px 1.6796045531809796px 1.007762731908588px -0.53125px rgba(18, 18, 16, 0.25147), 0px 3.9809593676181976px 2.388575620570919px -1.0625px rgba(18, 18, 16, 0.24664), 0px 7.261681379313813px 4.357008827588288px -1.59375px rgba(18, 18, 16, 0.23975), 0px 12.07253071552259px 7.243518429313554px -2.125px rgba(18, 18, 16, 0.22965), 0px 19.496152721956605px 11.697691633173966px -2.65625px rgba(18, 18, 16, 0.21406), 0px 31.91326760742231px 19.14796056445339px -3.1875px rgba(18, 18, 16, 0.18798), 0px 54.952491763368016px 32.971495058020814px -3.71875px rgba(18, 18, 16, 0.1396), 0px 100px 60.00000000000001px -4.25px rgba(18, 18, 16, 0.045)\",...style},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-w1mowu\",\"data-framer-name\":\"BG Over\",layoutDependency:layoutDependency,layoutId:\"hXjAiOWBB\",style:{background:\"radial-gradient(44% 67% at 51.9% 68.2%, rgb(26, 24, 23) 0%, rgb(38, 37, 35) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-164squh\",\"data-border\":true,\"data-framer-name\":\"Inner Shad + Border\",layoutDependency:layoutDependency,layoutId:\"WGZhMwdOO\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(84, 82, 82)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"inset 0px -2px 5px 2px rgba(255, 255, 255, 0.25), inset 0px -2px 15px 2px rgba(228, 235, 235, 0.2)\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1anf4oh\",\"data-framer-name\":\"Top Light\",layoutDependency:layoutDependency,layoutId:\"gJcNvnbsE\",style:{background:\"linear-gradient(180deg, rgba(255, 255, 255, 0.67) 0%, rgba(225, 230, 235, 0.44) 16.60332207207207%, rgba(225, 230, 235, 0) 59.984656531531535%)\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50,boxShadow:\"inset 0px 2px 4px 0px rgba(255, 255, 255, 0.27)\",opacity:.6},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-lht9kf\",\"data-framer-name\":\"Mask\",layoutDependency:layoutDependency,layoutId:\"NubMO9bjT\",style:{background:\"linear-gradient(180deg, rgba(33, 32, 30, 0.15) 0%, rgb(28, 26, 25) 100%)\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50}})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-font-weight\":\"600\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(0deg, rgb(161, 161, 161) 0%, rgb(201, 200, 199) 100%)\"},children:\"Pearl button\"})})}),className:\"framer-tp9tae\",fonts:[\"Inter-SemiBold\"],layoutDependency:layoutDependency,layoutId:\"jfZq_C8h9\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:JkgbWvinc,verticalAlignment:\"top\",withExternalLayout:true})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-wR82f.framer-1da955u, .framer-wR82f .framer-1da955u { display: block; }\",\".framer-wR82f.framer-1bgnnml { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 68px; justify-content: center; overflow: hidden; padding: 0px 36px 0px 36px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-wR82f .framer-w1mowu { flex: none; height: 99%; left: -4px; overflow: hidden; position: absolute; right: -4px; top: -14px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-wR82f .framer-164squh { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 3; }\",\".framer-wR82f .framer-1anf4oh { flex: none; height: 28px; left: 15px; overflow: hidden; position: absolute; right: 15px; top: 8px; will-change: var(--framer-will-change-override, transform); }\",\".framer-wR82f .framer-lht9kf { bottom: -1px; flex: none; height: 19px; left: 0px; overflow: hidden; position: absolute; right: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-wR82f .framer-tp9tae { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; z-index: 3; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-wR82f.framer-1bgnnml { gap: 0px; } .framer-wR82f.framer-1bgnnml > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-wR82f.framer-1bgnnml > :first-child { margin-top: 0px; } .framer-wR82f.framer-1bgnnml > :last-child { margin-bottom: 0px; } }\",'.framer-wR82f[data-border=\"true\"]::after, .framer-wR82f [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 68\n * @framerIntrinsicWidth 187\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"JkgbWvinc\":\"title\",\"jaSjWvLu3\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerG3TmAhtmv=withCSS(Component,css,\"framer-wR82f\");export default FramerG3TmAhtmv;FramerG3TmAhtmv.displayName=\"Button/Pearl\";FramerG3TmAhtmv.defaultProps={height:68,width:187};addPropertyControls(FramerG3TmAhtmv,{JkgbWvinc:{defaultValue:\"Pearl button\",displayTextArea:false,title:\"Title\",type:ControlType.String},jaSjWvLu3:{title:\"Link\",type:ControlType.Link}});addFonts(FramerG3TmAhtmv,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/lEJLP4R0yuCaMCjSXYHtJw72M.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/1ZFS7N918ojhhd0nQWdj3jz4w.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2\",weight:\"600\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerG3TmAhtmv\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"68\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"JkgbWvinc\\\":\\\"title\\\",\\\"jaSjWvLu3\\\":\\\"link\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"187\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./G3TmAhtmv.map", "// Generated by Framer (dc5e905)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={dbOA8Frrs:{hover:true,pressed:true}};const serializationHash=\"framer-Kt0OX\";const variantClassNames={dbOA8Frrs:\"framer-v-480rdf\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.3,ease:[.12,.23,.5,1],type:\"tween\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,link,title,width,...props})=>{return{...props,abHkkZurn:link??props.abHkkZurn,mulYmLFRQ:title??props.mulYmLFRQ??\"Push\"};};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,mulYmLFRQ,abHkkZurn,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"dbOA8Frrs\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:abHkkZurn,motionChild:true,nodeId:\"dbOA8Frrs\",openInNewTab:false,scopeId:\"GFdHbUSP4\",smoothScroll:false,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-480rdf\",className,classNames)} framer-ztbg3o`,\"data-framer-name\":\"Button\",layoutDependency:layoutDependency,layoutId:\"dbOA8Frrs\",ref:refBinding,style:{...style},...addPropertyOverrides({\"dbOA8Frrs-hover\":{\"data-framer-name\":undefined},\"dbOA8Frrs-pressed\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1tjmqqs\",\"data-framer-name\":\"Button\",layoutDependency:layoutDependency,layoutId:\"WvapSbvql\",style:{scale:1},variants:{\"dbOA8Frrs-pressed\":{scale:.98}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-ovvp2k\",\"data-framer-name\":\"Outer\",layoutDependency:layoutDependency,layoutId:\"nxDA9rPlY\",style:{background:\"linear-gradient(135deg, rgb(230, 230, 230) 64%, rgb(180, 180, 180) 95%)\",borderBottomLeftRadius:76,borderBottomRightRadius:76,borderTopLeftRadius:76,borderTopRightRadius:76,boxShadow:\"0px 2.8px 0.8px -1.16px rgb(5, 5, 5), inset 7px 1px 2px 0px rgb(176, 176, 176), -4px -3px 38px 0px rgba(0, 0, 0, 0.05), 0.35566714494139884px 0.5631396461572149px 1.1988937518271077px -0.75px rgba(15, 15, 15, 0.56), 0.9685760858526918px 1.5335788026000954px 3.2649060617878427px -1.5px rgba(15, 15, 15, 0.54), 2.1266425255977084px 3.3671839988630383px 7.16855203684613px -2.25px rgba(15, 15, 15, 0.5), 4.7206608403672px 7.474379663914735px 15.912548759440892px -3px rgba(15, 15, 15, 0.42), 12px 19px 40.44996909763961px -3.75px rgba(15, 15, 15, 0.19), 7px 10px 4px 0px rgb(196, 196, 196), -2.4px -2.4px 2.4px -1.2px rgba(5, 5, 5, 0.25), 1px -3px 2px 4px rgba(128, 128, 128, 0.19)\"},variants:{\"dbOA8Frrs-hover\":{boxShadow:\"-7px -1px 7px 0px rgba(128, 128, 128, 0.18), 1px 0.8px 0.8px -0.16px rgb(5, 5, 5), 0.6px 0.6px 12.08px 0px rgba(5, 5, 5, 0), 7px 10px 4px 0px rgba(179, 179, 179, 0), 0.5335007174120983px 0.5335007174120983px 1.3580711101799376px -0.75px rgba(15, 15, 15, 0), 1.4528641287790378px 1.4528641287790378px 3.6983882793684346px -1.5px rgba(15, 15, 15, 0), 3.189963788396563px 3.189963788396563px 8.120322095453057px -2.25px rgba(15, 15, 15, 0), 7.0809912605508005px 7.0809912605508005px 18.02526097628934px -3px rgba(15, 15, 15, 0), 18px 18px 45.820519420888274px -3.75px rgba(15, 15, 15, 0), 1px -3px 2px 3px rgba(128, 128, 128, 0.19)\"},\"dbOA8Frrs-pressed\":{boxShadow:\"-7px -1px 7px 0px rgba(128, 128, 128, 0.18), 1px 0.8px 0.8px 0.84px rgba(5, 5, 5, 0), 0.6px 0.6px 12.08px 0px rgba(5, 5, 5, 0), 7px 10px 4px 0px rgba(179, 179, 179, 0), 0.5335007174120983px 0.5335007174120983px 1.3580711101799376px -0.75px rgba(15, 15, 15, 0), 1.4528641287790378px 1.4528641287790378px 3.6983882793684346px -1.5px rgba(15, 15, 15, 0), 3.189963788396563px 3.189963788396563px 8.120322095453057px -2.25px rgba(15, 15, 15, 0), 7.0809912605508005px 7.0809912605508005px 18.02526097628934px -3px rgba(15, 15, 15, 0), 18px 18px 45.820519420888274px -3.75px rgba(15, 15, 15, 0), 1px -3px 2px 3px rgba(128, 128, 128, 0.19)\"}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-2ye60\",\"data-framer-name\":\"Inner\",layoutDependency:layoutDependency,layoutId:\"JsXqyYz1a\",style:{background:\"linear-gradient(115deg, rgb(235, 235, 235) 4%, rgb(194, 194, 194) 86%)\",borderBottomLeftRadius:78,borderBottomRightRadius:78,borderTopLeftRadius:78,borderTopRightRadius:78,boxShadow:\"inset 1px -1px 3px 10px rgba(240, 240, 240, 0.47), inset -10px -23px 17px -8px rgba(59, 59, 59, 0.66), inset -6px -10px 72px -3px rgb(168, 168, 168)\"},variants:{\"dbOA8Frrs-hover\":{background:\"linear-gradient(135deg, rgb(220, 220, 220) 17%, rgb(198, 198, 198) 86%)\",boxShadow:\"inset 1px 4px 3px 24px rgb(209, 209, 209), inset -4px -12px 0px -7px rgba(59, 59, 59, 0.66), inset -6px -10px 72px -3px rgb(181, 181, 181)\"},\"dbOA8Frrs-pressed\":{background:\"linear-gradient(135deg, rgb(220, 220, 220) 17%, rgb(198, 198, 198) 86%)\",boxShadow:\"inset 1px 4px 3px 24px rgb(209, 209, 209), inset -4px -12px 0px -7px rgba(59, 59, 59, 0.66), inset -6px -10px 72px -3px rgb(181, 181, 181)\"}},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"48px\",\"--framer-letter-spacing\":\"-0.05em\",\"--framer-line-height\":\"1em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(25, 25, 25))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(135deg, rgb(56, 56, 56) 0%, rgb(75, 75, 25) 100%)\"},children:\"Push\"})})}),className:\"framer-1rsupwb\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"JVf3S5Gyq\",style:{\"--extracted-r6o4lv\":\"rgb(25, 25, 25)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",textShadow:\"0px -1px 1px rgba(0, 0, 0, 0.15)\"},text:mulYmLFRQ,transformTemplate:transformTemplate1,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"dbOA8Frrs-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"47px\",\"--framer-letter-spacing\":\"-0.05em\",\"--framer-line-height\":\"1em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(25, 25, 25))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(135deg, rgb(56, 56, 56) 0%, rgb(75, 75, 25) 100%)\"},children:\"Push\"})})})},\"dbOA8Frrs-pressed\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"46px\",\"--framer-letter-spacing\":\"-0.05em\",\"--framer-line-height\":\"1em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(25, 25, 25))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(135deg, rgb(56, 56, 56) 0%, rgb(75, 75, 25) 100%)\"},children:\"Push\"})})})}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1bpeo1t\",\"data-framer-name\":\"Inner Shadow\",layoutDependency:layoutDependency,layoutId:\"TccPbP45c\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",borderBottomLeftRadius:78,borderBottomRightRadius:78,borderTopLeftRadius:78,borderTopRightRadius:78,boxShadow:\"inset 0px -1px 3px 2px rgba(0, 0, 0, 0.25), inset 4px 7px 3px 2px rgba(36, 36, 36, 0), inset 18px 16px 7px 0px rgba(71, 71, 71, 0)\"},variants:{\"dbOA8Frrs-hover\":{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(59, 59, 59)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",boxShadow:\"inset 4px 7px 3px 0px rgb(41, 41, 41), inset 2px 2px 9px 10px rgb(174, 174, 174), inset 18px 16px 7px 0px rgba(71, 71, 71, 0.25)\"},\"dbOA8Frrs-pressed\":{\"--border-bottom-width\":\"5px\",\"--border-color\":\"rgb(59, 59, 59)\",\"--border-left-width\":\"5px\",\"--border-right-width\":\"5px\",\"--border-style\":\"solid\",\"--border-top-width\":\"5px\",boxShadow:\"inset 4px 7px 3px 3px rgb(41, 41, 41), inset 2px 2px 9px 10px rgb(174, 174, 174), inset 18px 16px 7px 0px rgba(71, 71, 71, 0.25)\"}},...addPropertyOverrides({\"dbOA8Frrs-hover\":{\"data-border\":true},\"dbOA8Frrs-pressed\":{\"data-border\":true}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-xcqd5v\",\"data-framer-name\":\"Outter Shadow\",layoutDependency:layoutDependency,layoutId:\"hdC4mgwag\",style:{borderBottomLeftRadius:78,borderBottomRightRadius:78,borderTopLeftRadius:78,borderTopRightRadius:78,boxShadow:\"0px 0px 0px 5px rgb(55, 55, 55)\",opacity:0,scale:.95},variants:{\"dbOA8Frrs-hover\":{boxShadow:\"0px 0px 0px 4px rgb(55, 55, 55)\"},\"dbOA8Frrs-pressed\":{boxShadow:\"0px 0px 0px 4px rgb(55, 55, 55)\",scale:.85}}})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Kt0OX.framer-ztbg3o, .framer-Kt0OX .framer-ztbg3o { display: block; }\",\".framer-Kt0OX.framer-480rdf { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-Kt0OX .framer-1tjmqqs { flex: none; height: 152px; overflow: visible; position: relative; width: 244px; }\",\".framer-Kt0OX .framer-ovvp2k { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; left: 0px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-Kt0OX .framer-2ye60 { flex: none; height: 152px; overflow: visible; position: relative; width: 243px; }\",\".framer-Kt0OX .framer-1rsupwb { -webkit-user-select: none; flex: none; height: auto; left: 49%; position: absolute; top: 50%; user-select: none; white-space: pre; width: auto; }\",\".framer-Kt0OX .framer-1bpeo1t, .framer-Kt0OX .framer-xcqd5v { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; z-index: 1; }\",'.framer-Kt0OX[data-border=\"true\"]::after, .framer-Kt0OX [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 152\n * @framerIntrinsicWidth 244\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"RKUIMC14U\":{\"layout\":[\"auto\",\"auto\"]},\"VCNnVV9UO\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"mulYmLFRQ\":\"title\",\"abHkkZurn\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerGFdHbUSP4=withCSS(Component,css,\"framer-Kt0OX\");export default FramerGFdHbUSP4;FramerGFdHbUSP4.displayName=\"Skeu Button\";FramerGFdHbUSP4.defaultProps={height:152,width:244};addPropertyControls(FramerGFdHbUSP4,{mulYmLFRQ:{defaultValue:\"Push\",displayTextArea:false,placeholder:\"\",title:\"Title\",type:ControlType.String},abHkkZurn:{title:\"Link\",type:ControlType.Link}});addFonts(FramerGFdHbUSP4,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerGFdHbUSP4\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"RKUIMC14U\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"VCNnVV9UO\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"244\",\"framerVariables\":\"{\\\"mulYmLFRQ\\\":\\\"title\\\",\\\"abHkkZurn\\\":\\\"link\\\"}\",\"framerIntrinsicHeight\":\"152\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GFdHbUSP4.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Gradient_Border({color,length,duration,repeatType,animate,loop,distance,angle,eased}){const conicGradientRef=useRef(null);const[aspectRatio,setAspectRatio]=useState(1);useEffect(()=>{if(conicGradientRef.current){const{width,height}=conicGradientRef.current.getBoundingClientRect();setAspectRatio(width/height);}},[conicGradientRef.current]);return /*#__PURE__*/_jsx(motion.div,{ref:conicGradientRef,style:{display:\"grid\",alignItems:\"center\",color:\"white\",justifyItems:\"center\",width:\"100%\",height:\"100%\",background:`conic-gradient(from -55deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(10+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`},initial:\"initial\",animate:{background:[`conic-gradient(from -55deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 35deg at ${100-distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 125deg at ${100-distance/aspectRatio}% ${100-distance}% , transparent ${angle-(2+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 215deg at ${distance/aspectRatio}% ${100-distance}% , transparent ${angle-(2+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`,`conic-gradient(from 310deg at ${distance/aspectRatio}% ${distance}% , transparent ${angle-(2+length)}deg, ${color} ${angle}deg, transparent ${angle+length}deg)`]},transition:{duration,repeat:loop?Infinity:1,repeatType,ease:\"linear\",[eased&&\"times\"]:aspectRatio>1?[0,.25+.25/aspectRatio,.5,.75+.25/aspectRatio,1]:[0,aspectRatio*.25,.5,.5+aspectRatio*.25,1]}});}Gradient_Border.displayName=\"Gradient Border\";addPropertyControls(Gradient_Border,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ff5e5e\"},angle:{type:ControlType.Number,title:\"Angle\",defaultValue:315,min:0,max:360,step:1},length:{type:ControlType.Number,title:\"Length\",defaultValue:10,min:1,max:100,step:1},distance:{type:ControlType.Number,title:\"Distance\",defaultValue:5,min:1,max:100,step:1},duration:{type:ControlType.Number,title:\"Duration\",defaultValue:4,min:1,max:20,step:1},animate:{type:ControlType.Boolean,title:\"Animate Rotation\",defaultValue:true},eased:{type:ControlType.Boolean,title:\"Ease\",defaultValue:true},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true},repeatType:{type:ControlType.Enum,title:\"Replay Type\",defaultValue:\"loop\",options:[\"loop\",\"reverse\",\"mirror\"],optionTitles:[\"Loop\",\"Reverse\",\"Mirror\"],description:\"More components at [Framer University](https://frameruni.link/cc).\",hidden(props){return!props.loop;}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Gradient_Border\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Gradient_Border.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import GradientBorder from\"https://framerusercontent.com/modules/luj2q9jm9YBji92T42sq/3CQYxU8WX4vowJCarx5l/Gradient_Border.js\";import Particles from\"https://framerusercontent.com/modules/wb6ZrZlCLNQ5HHBJtNND/c1GLxCsQBQvlLXhkz7er/Particles.js\";const GradientBorderFonts=getFonts(GradientBorder);const ParticlesFonts=getFonts(Particles);const MotionDivWithFX=withFX(motion.div);const serializationHash=\"framer-UyzOf\";const variantClassNames={h9BGMypJy:\"framer-v-iw6gdo\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const numberToPixelString=value=>{if(typeof value!==\"number\")return value;if(!Number.isFinite(value))return undefined;return Math.max(0,value)+\"px\";};const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:0,duration:24,ease:[0,0,1,1],type:\"tween\"};const animation={opacity:1,rotate:360,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transition3={delay:0,duration:16,ease:[0,0,1,1],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({bGColor,borderThickness,gradientBorder,height,id,link,particles,textColor,textSize,title,width,...props})=>{var _ref,_ref1,_ref2,_ref3,_ref4,_ref5,_ref6;return{...props,B3yEjnjel:(_ref=borderThickness!==null&&borderThickness!==void 0?borderThickness:props.B3yEjnjel)!==null&&_ref!==void 0?_ref:4,cwWVKAGLw:(_ref1=textSize!==null&&textSize!==void 0?textSize:props.cwWVKAGLw)!==null&&_ref1!==void 0?_ref1:24,CYUABvxZK:(_ref2=textColor!==null&&textColor!==void 0?textColor:props.CYUABvxZK)!==null&&_ref2!==void 0?_ref2:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",dQp8S7kXk:(_ref3=particles!==null&&particles!==void 0?particles:props.dQp8S7kXk)!==null&&_ref3!==void 0?_ref3:true,fnINh9XWg:(_ref4=bGColor!==null&&bGColor!==void 0?bGColor:props.fnINh9XWg)!==null&&_ref4!==void 0?_ref4:\"rgb(255, 255, 255)\",gdua4RxCN:(_ref5=title!==null&&title!==void 0?title:props.gdua4RxCN)!==null&&_ref5!==void 0?_ref5:\"Start for free today\",rM7R4t_Ft:link!==null&&link!==void 0?link:props.rM7R4t_Ft,w1UTY0OAd:(_ref6=gradientBorder!==null&&gradientBorder!==void 0?gradientBorder:props.w1UTY0OAd)!==null&&_ref6!==void 0?_ref6:true};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,gdua4RxCN,cwWVKAGLw,CYUABvxZK,dQp8S7kXk,w1UTY0OAd,rM7R4t_Ft,fnINh9XWg,B3yEjnjel,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"h9BGMypJy\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:rM7R4t_Ft,nodeId:\"h9BGMypJy\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-iw6gdo\",className,classNames)} framer-9wsjhp`,\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"h9BGMypJy\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--142bj1\":numberToPixelString(B3yEjnjel),\"--border-bottom-width\":\"0.5px\",\"--border-color\":\"rgba(255, 255, 255, 0.2)\",\"--border-left-width\":\"0.5px\",\"--border-right-width\":\"0.5px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0.5px\",backgroundColor:\"rgba(255, 255, 255, 0.1)\",borderBottomLeftRadius:19,borderBottomRightRadius:19,borderTopLeftRadius:19,borderTopRightRadius:19,boxShadow:\"0px 0.6021873017743928px 1.083937143193907px -0.8333333333333333px rgba(0, 0, 0, 0.05), 0px 2.288533303243457px 4.119359945838223px -1.6666666666666665px rgba(0, 0, 0, 0.05), 0px 10px 18px -2.5px rgba(0, 0, 0, 0.05)\",...style},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1wzo7z3\",\"data-border\":true,\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"eck83cHas\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.5)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:fnINh9XWg,borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-cwWVKAGLw-gTJ90obEU) * 1px)\",\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-CYUABvxZK-gTJ90obEU))\"},children:\"Start for free today\"})}),className:\"framer-iy5k3o\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"uIvZ2kDRH\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-CYUABvxZK-gTJ90obEU)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-cwWVKAGLw-gTJ90obEU\":cwWVKAGLw,\"--variable-reference-CYUABvxZK-gTJ90obEU\":CYUABvxZK},text:gdua4RxCN,verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1nc79ik\",\"data-framer-name\":\"GradientBroderMask\",layoutDependency:layoutDependency,layoutId:\"RmckskqTd\",style:{borderBottomLeftRadius:19,borderBottomRightRadius:19,borderTopLeftRadius:19,borderTopRightRadius:19},children:w1UTY0OAd&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-mhoo5j-container\",layoutDependency:layoutDependency,layoutId:\"IMGjg2OtF-container\",children:/*#__PURE__*/_jsx(GradientBorder,{angle:335,animate:true,color:\"rgb(255, 255, 255)\",distance:50,duration:4,eased:true,height:\"100%\",id:\"IMGjg2OtF\",layoutId:\"IMGjg2OtF\",length:16,loop:true,repeatType:\"loop\",style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1l8dnd8\",\"data-framer-name\":\"Glow\",layoutDependency:layoutDependency,layoutId:\"Yj6zlpr_e\",style:{background:\"radial-gradient(86.99999999999999% 100% at 50% 100%, rgb(0, 153, 255) 0%, rgba(255, 255, 255, 0) 100%)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,opacity:.3}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xn31g9\",\"data-framer-name\":\"Blur\",layoutDependency:layoutDependency,layoutId:\"lcNK5gtIp\",style:{backdropFilter:\"blur(10px)\",backgroundColor:\"rgba(255, 255, 255, 0.01)\",borderBottomLeftRadius:18,borderBottomRightRadius:18,borderTopLeftRadius:18,borderTopRightRadius:18,WebkitBackdropFilter:\"blur(10px)\"}}),dQp8S7kXk&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:.3,className:\"framer-wbhttq-container\",\"data-framer-name\":\"Paritcle Overflow\",layoutDependency:layoutDependency,layoutId:\"yepEr0k2l-container\",name:\"Paritcle Overflow\",style:{opacity:.3},children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(255, 255, 255)\",colors:[],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:20},fpsOptions:30,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"none\",hoverParallax:true,hoverSmooth:10},id:\"yepEr0k2l\",layoutId:\"yepEr0k2l\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:100,connectLinksOpacity:.2,connectRadius:50,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:10,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"outside\",moveEnabled:true,moveGravityAcceleration:1,moveGravityEnabled:false,moveGravityMaxSpeed:2,moveOut:\"out\",moveRandom:true,moveSpeed:.3,moveSpinAcceleration:1,moveSpinEnabled:false,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},name:\"Paritcle Overflow\",number:15,opacityOptions:{opacity:1,opacityMax:1,opacityMin:.5,opacityType:false},particlesID:\"Two\",radius:1e3,rotateOptions:{rotateAnimation:false,rotateDirection:\"clockwise\",rotateSpeed:5,rotateSync:false,rotateValue:2},shapeOptions:{characterType:\"\uD83D\uDE0E\",imageHeight:100,imageWidth:100,shapeType:\"star\"},sizeOptions:{size:1,sizeMax:2,sizeMin:.2,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),dQp8S7kXk&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition3,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:.7,className:\"framer-p08krk-container\",\"data-framer-name\":\"Paritcle Overflow\",layoutDependency:layoutDependency,layoutId:\"ms_B5a1lk-container\",name:\"Paritcle Overflow\",style:{opacity:.7},children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(255, 255, 255)\",colors:[],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:50},fpsOptions:30,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"none\",hoverParallax:true,hoverSmooth:10},id:\"ms_B5a1lk\",layoutId:\"ms_B5a1lk\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:100,connectLinksOpacity:.2,connectRadius:50,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:4,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"outside\",moveEnabled:true,moveGravityAcceleration:1,moveGravityEnabled:false,moveGravityMaxSpeed:2,moveOut:\"out\",moveRandom:false,moveSpeed:1,moveSpinAcceleration:1,moveSpinEnabled:false,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},name:\"Paritcle Overflow\",number:15,opacityOptions:{opacity:1,opacityMax:1,opacityMin:.5,opacityType:false},particlesID:\"One\",radius:1e3,rotateOptions:{rotateAnimation:false,rotateDirection:\"clockwise\",rotateSpeed:5,rotateSync:false,rotateValue:100},shapeOptions:{characterType:\"\uD83D\uDE0E\",imageHeight:100,imageWidth:100,shapeType:\"star\"},sizeOptions:{size:1,sizeMax:2,sizeMin:.2,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-UyzOf.framer-9wsjhp, .framer-UyzOf .framer-9wsjhp { display: block; }\",\".framer-UyzOf.framer-iw6gdo { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 74px; justify-content: center; overflow: visible; padding: var(--142bj1); position: relative; text-decoration: none; width: 287px; }\",\".framer-UyzOf .framer-1wzo7z3 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 100%; justify-content: center; overflow: hidden; padding: 0px 28px 0px 28px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); z-index: 5; }\",\".framer-UyzOf .framer-iy5k3o { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-UyzOf .framer-1nc79ik { bottom: 0px; flex: none; left: 0px; overflow: hidden; pointer-events: none; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-UyzOf .framer-mhoo5j-container { bottom: 0px; flex: none; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 1; }\",\".framer-UyzOf .framer-1l8dnd8 { -webkit-user-select: none; bottom: 4px; flex: none; left: 4px; overflow: hidden; pointer-events: none; position: absolute; right: 4px; top: 4px; user-select: none; will-change: var(--framer-will-change-override, transform); z-index: 5; }\",\".framer-UyzOf .framer-1xn31g9 { bottom: 1px; flex: none; left: 1px; overflow: hidden; pointer-events: none; position: absolute; right: 1px; top: 1px; will-change: var(--framer-will-change-override, transform); z-index: 2; }\",\".framer-UyzOf .framer-wbhttq-container, .framer-UyzOf .framer-p08krk-container { bottom: -72px; flex: none; left: calc(49.81818181818184% - 218px / 2); pointer-events: none; position: absolute; top: -72px; width: 218px; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-UyzOf.framer-iw6gdo, .framer-UyzOf .framer-1wzo7z3 { gap: 0px; } .framer-UyzOf.framer-iw6gdo > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-UyzOf.framer-iw6gdo > :first-child { margin-left: 0px; } .framer-UyzOf.framer-iw6gdo > :last-child { margin-right: 0px; } .framer-UyzOf .framer-1wzo7z3 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-UyzOf .framer-1wzo7z3 > :first-child { margin-top: 0px; } .framer-UyzOf .framer-1wzo7z3 > :last-child { margin-bottom: 0px; } }\",'.framer-UyzOf[data-border=\"true\"]::after, .framer-UyzOf [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 74\n * @framerIntrinsicWidth 287\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"gdua4RxCN\":\"title\",\"cwWVKAGLw\":\"textSize\",\"CYUABvxZK\":\"textColor\",\"dQp8S7kXk\":\"particles\",\"w1UTY0OAd\":\"gradientBorder\",\"rM7R4t_Ft\":\"link\",\"fnINh9XWg\":\"bGColor\",\"B3yEjnjel\":\"borderThickness\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramergTJ90obEU=withCSS(Component,css,\"framer-UyzOf\");export default FramergTJ90obEU;FramergTJ90obEU.displayName=\"Button/Gradient Border\";FramergTJ90obEU.defaultProps={height:74,width:287};addPropertyControls(FramergTJ90obEU,{gdua4RxCN:{defaultValue:\"Start for free today\",displayTextArea:false,title:\"Title\",type:ControlType.String},cwWVKAGLw:{defaultValue:24,title:\"Text Size\",type:ControlType.Number},CYUABvxZK:{defaultValue:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",title:\"Text Color\",type:ControlType.Color},dQp8S7kXk:{defaultValue:true,title:\"Particles\",type:ControlType.Boolean},w1UTY0OAd:{defaultValue:true,title:\"Gradient Border\",type:ControlType.Boolean},rM7R4t_Ft:{title:\"Link\",type:ControlType.Link},fnINh9XWg:{defaultValue:\"rgb(255, 255, 255)\",title:\"BG Color\",type:ControlType.Color},B3yEjnjel:{defaultValue:4,min:0,title:\"Border Thickness\",type:ControlType.Number}});addFonts(FramergTJ90obEU,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]},...GradientBorderFonts,...ParticlesFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramergTJ90obEU\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"gdua4RxCN\\\":\\\"title\\\",\\\"cwWVKAGLw\\\":\\\"textSize\\\",\\\"CYUABvxZK\\\":\\\"textColor\\\",\\\"dQp8S7kXk\\\":\\\"particles\\\",\\\"w1UTY0OAd\\\":\\\"gradientBorder\\\",\\\"rM7R4t_Ft\\\":\\\"link\\\",\\\"fnINh9XWg\\\":\\\"bGColor\\\",\\\"B3yEjnjel\\\":\\\"borderThickness\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"287\",\"framerIntrinsicHeight\":\"74\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gTJ90obEU.map", "// Generated by Framer (d5ca742)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Particles from\"https://framerusercontent.com/modules/wb6ZrZlCLNQ5HHBJtNND/c1GLxCsQBQvlLXhkz7er/Particles.js\";const ParticlesFonts=getFonts(Particles);const cycleOrder=[\"h7hVbrUVf\",\"WaiFbPq6Y\",\"nfEktak20\",\"waBN0DbmV\"];const serializationHash=\"framer-Vh2Z5\";const variantClassNames={h7hVbrUVf:\"framer-v-1ne49n8\",nfEktak20:\"framer-v-13srrow\",waBN0DbmV:\"framer-v-zmh0sg\",WaiFbPq6Y:\"framer-v-zkfbr4\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={duration:0,type:\"tween\"};const transition2={bounce:.2,delay:0,duration:1,type:\"spring\"};const transition3={bounce:.2,delay:0,duration:1.5,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const transition4={bounce:.2,delay:0,duration:2.5,type:\"spring\"};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Hover End\":\"nfEktak20\",\"Hover Start\":\"WaiFbPq6Y\",\"Mouse Leave\":\"waBN0DbmV\",Default:\"h7hVbrUVf\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"h7hVbrUVf\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"h7hVbrUVf\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterp1aaf=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"WaiFbPq6Y\");});const onAppearz4hdk6=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"nfEktak20\"),400);});const onMouseLeavev6jlei=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"waBN0DbmV\");});const onAppear1go5x97=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"h7hVbrUVf\"),400);});useOnVariantChange(baseVariant,{waBN0DbmV:onAppear1go5x97,WaiFbPq6Y:onAppearz4hdk6});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({nfEktak20:{value:transition2},waBN0DbmV:{value:transition2},WaiFbPq6Y:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1ne49n8\",className,classNames),\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"h7hVbrUVf\",onMouseEnter:onMouseEnterp1aaf,ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:395,borderBottomRightRadius:395,borderTopLeftRadius:395,borderTopRightRadius:395,...style},...addPropertyOverrides({nfEktak20:{\"data-framer-name\":\"Hover End\",onMouseEnter:undefined,onMouseLeave:onMouseLeavev6jlei},waBN0DbmV:{\"data-framer-name\":\"Mouse Leave\",onMouseEnter:undefined},WaiFbPq6Y:{\"data-framer-name\":\"Hover Start\",onMouseEnter:undefined,onMouseLeave:onMouseLeavev6jlei}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-46xm3i\",\"data-framer-name\":\"Border FIxed\",layoutDependency:layoutDependency,layoutId:\"v8BBVQFTa\",style:{background:\"linear-gradient(180deg, rgb(126, 133, 181) 0%, rgb(126, 133, 181) 100%)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3}}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({nfEktak20:{value:transition3},waBN0DbmV:{value:transition2},WaiFbPq6Y:{value:transition3}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1smz32k\",\"data-framer-name\":\"Border + Glow\",layoutDependency:layoutDependency,layoutId:\"X1fSh4zB8\",style:{mask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%) add\",WebkitMask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%) add\"},variants:{nfEktak20:{mask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\",WebkitMask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\"},waBN0DbmV:{mask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\",WebkitMask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\"},WaiFbPq6Y:{mask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\",WebkitMask:\"radial-gradient(93% 98.81250000000001% at 50% 64.3%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) add\"}},children:[/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({nfEktak20:{value:transition2},waBN0DbmV:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ral4os\",\"data-framer-name\":\"Glow\",layoutDependency:layoutDependency,layoutId:\"ZpnBEenap\",style:{borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"0px 0px 0px 0px rgba(255, 255, 255, 0), 0px 0.9237825042495388px 0.9237825042495388px -0.40625px rgba(63, 63, 232, 0.19349), 0px 2.1895276521900087px 2.1895276521900087px -0.8125px rgba(63, 63, 232, 0.19142), 0px 3.993924758622597px 3.993924758622597px -1.21875px rgba(63, 63, 232, 0.18846), 0px 6.639891893537424px 6.639891893537424px -1.625px rgba(63, 63, 232, 0.18413), 0px 10.722883997076133px 10.722883997076133px -2.03125px rgba(63, 63, 232, 0.17745), 0px 17.55229718408227px 17.55229718408227px -2.4375px rgba(63, 63, 232, 0.16628), 0px 30.223870469852407px 30.223870469852407px -2.84375px rgba(63, 63, 232, 0.14554), 0px 55px 55px -3.25px rgba(63, 63, 232, 0.105), 0px 0px 0px 0px rgba(82, 130, 235, 0.3)\"},variants:{nfEktak20:{boxShadow:\"0px 4px 15px -8px rgb(255, 255, 255), 0px 0.9237825042495388px 0.9237825042495388px -0.40625px rgba(63, 63, 232, 0.19349), 0px 2.1895276521900087px 2.1895276521900087px -0.8125px rgba(63, 63, 232, 0.19142), 0px 3.993924758622597px 3.993924758622597px -1.21875px rgba(63, 63, 232, 0.18846), 0px 6.639891893537424px 6.639891893537424px -1.625px rgba(63, 63, 232, 0.18413), 0px 10.722883997076133px 10.722883997076133px -2.03125px rgba(63, 63, 232, 0.17745), 0px 17.55229718408227px 17.55229718408227px -2.4375px rgba(63, 63, 232, 0.16628), 0px 30.223870469852407px 30.223870469852407px -2.84375px rgba(63, 63, 232, 0.14554), 0px 55px 55px -3.25px rgba(63, 63, 232, 0.105), 0px 0px 10px -10px rgba(82, 130, 235, 0.6)\"},waBN0DbmV:{boxShadow:\"0px -17px 24px -8px rgba(255, 255, 255, 0), 0px 0.9237825042495388px 0.9237825042495388px -0.40625px rgba(63, 63, 232, 0), 0px 2.1895276521900087px 2.1895276521900087px -0.8125px rgba(63, 63, 232, 0), 0px 3.993924758622597px 3.993924758622597px -1.21875px rgba(63, 63, 232, 0), 0px 6.639891893537424px 6.639891893537424px -1.625px rgba(63, 63, 232, 0), 0px 10.722883997076133px 10.722883997076133px -2.03125px rgba(63, 63, 232, 0), 0px 17.55229718408227px 17.55229718408227px -2.4375px rgba(63, 63, 232, 0), 0px 30.223870469852407px 30.223870469852407px -2.84375px rgba(63, 63, 232, 0), 0px 55px 55px -3.25px rgba(63, 63, 232, 0), 0px -37px 50px -10px rgba(63, 63, 232, 0)\"},WaiFbPq6Y:{boxShadow:\"0px 11px 14px -10px rgb(255, 255, 255), 0px 0.9237825042495388px 0.9237825042495388px -0.40625px rgba(63, 63, 232, 0.38698), 0px 2.1895276521900087px 2.1895276521900087px -0.8125px rgba(63, 63, 232, 0.38283), 0px 3.993924758622597px 3.993924758622597px -1.21875px rgba(63, 63, 232, 0.37693), 0px 6.639891893537424px 6.639891893537424px -1.625px rgba(63, 63, 232, 0.36827), 0px 10.722883997076133px 10.722883997076133px -2.03125px rgba(63, 63, 232, 0.35491), 0px 17.55229718408227px 17.55229718408227px -2.4375px rgba(63, 63, 232, 0.33256), 0px 30.223870469852407px 30.223870469852407px -2.84375px rgba(63, 63, 232, 0.29109), 0px 55px 55px -3.25px rgba(63, 63, 232, 0.21), 0px 40px 60px -10px rgba(82, 130, 235, 0.42)\"}}})}),/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({nfEktak20:{value:transition2},waBN0DbmV:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-116wii7\",\"data-framer-name\":\"Border\",layoutDependency:layoutDependency,layoutId:\"hufmRnBud\",style:{background:\"linear-gradient(180deg, rgb(126, 133, 181) 0%, rgb(126, 133, 181) 100%)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3},variants:{nfEktak20:{background:\"linear-gradient(180deg, rgb(126, 133, 181) 0%, rgb(201, 245, 255) 100%)\"},waBN0DbmV:{background:\"linear-gradient(0deg, rgb(126, 133, 181) 0%, rgb(126, 133, 181) 100%)\"},WaiFbPq6Y:{background:\"linear-gradient(180deg, rgb(126, 133, 181) 0%, rgb(201, 245, 255) 100%)\"}}})})]})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-12papn5\",\"data-framer-name\":\"BG\",layoutDependency:layoutDependency,layoutId:\"jjAgACgSt\",style:{backgroundColor:\"rgb(10, 6, 9)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-16q5gzs\",\"data-framer-name\":\"Particles\",layoutDependency:layoutDependency,layoutId:\"gBvDLombo\",style:{borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,mask:\"radial-gradient(50% 142% at 50% 100%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) add\",WebkitMask:\"radial-gradient(50% 142% at 50% 100%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) add\"},children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-xea7cs-container\",\"data-framer-name\":\"Large Blur\",layoutDependency:layoutDependency,layoutId:\"nbgziCNHq-container\",name:\"Large Blur\",style:{filter:\"blur(1px)\",opacity:0,WebkitFilter:\"blur(1px)\"},variants:{nfEktak20:{opacity:.4},WaiFbPq6Y:{opacity:.4}},children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(255, 255, 255)\",colors:[\"rgb(96, 143, 242)\",\"rgb(171, 182, 237)\",\"rgb(205, 247, 255)\"],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:50},fpsOptions:60,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"connect\",hoverParallax:false,hoverSmooth:10},id:\"nbgziCNHq\",layoutId:\"nbgziCNHq\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:824,connectLinksOpacity:.5,connectRadius:20,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:4,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"inside\",moveEnabled:true,moveGravityAcceleration:.5,moveGravityEnabled:false,moveGravityMaxSpeed:3,moveOut:\"out\",moveRandom:false,moveSpeed:.5,moveSpinAcceleration:1,moveSpinEnabled:false,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},name:\"Large Blur\",number:30,opacityOptions:{opacity:1,opacityMax:.8,opacityMin:.3,opacityType:false},particlesID:\"Large-Blur\",radius:1e3,rotateOptions:{rotateAnimation:false,rotateDirection:\"random\",rotateSpeed:0,rotateSync:false,rotateValue:0},shapeOptions:{characterType:\"\uD83D\uDE0E\",imageHeight:100,imageWidth:100,shapeType:\"circle\"},sizeOptions:{size:1,sizeMax:5,sizeMin:2,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-htwai2-container\",\"data-framer-name\":\"Large\",layoutDependency:layoutDependency,layoutId:\"aXVVO4DG4-container\",name:\"Large\",style:{opacity:0},variants:{nfEktak20:{opacity:1},WaiFbPq6Y:{opacity:1}},children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(255, 255, 255)\",colors:[\"rgb(96, 143, 242)\",\"rgb(171, 182, 237)\",\"rgb(205, 247, 255)\"],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:50},fpsOptions:60,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"connect\",hoverParallax:false,hoverSmooth:10},id:\"aXVVO4DG4\",layoutId:\"aXVVO4DG4\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:824,connectLinksOpacity:.5,connectRadius:20,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:4,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"inside\",moveEnabled:true,moveGravityAcceleration:.5,moveGravityEnabled:false,moveGravityMaxSpeed:3,moveOut:\"out\",moveRandom:false,moveSpeed:1.5,moveSpinAcceleration:1,moveSpinEnabled:false,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},name:\"Large\",number:100,opacityOptions:{opacity:1,opacityMax:.9,opacityMin:.3,opacityType:false},particlesID:\"Large\",radius:1e3,rotateOptions:{rotateAnimation:false,rotateDirection:\"random\",rotateSpeed:0,rotateSync:false,rotateValue:0},shapeOptions:{characterType:\"\uD83D\uDE0E\",imageHeight:100,imageWidth:100,shapeType:\"circle\"},sizeOptions:{size:1,sizeMax:3.5,sizeMin:1,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-o3p9g6-container\",\"data-framer-name\":\"Small\",layoutDependency:layoutDependency,layoutId:\"GPLl87UVH-container\",name:\"Small\",style:{opacity:0},variants:{nfEktak20:{opacity:1},WaiFbPq6Y:{opacity:1}},children:/*#__PURE__*/_jsx(Particles,{background:\"rgba(0, 0, 0, 0)\",clickOptions:{clickEnabled:false,clickModes:\"push\"},color:\"rgb(255, 255, 255)\",colors:[\"rgb(131, 129, 214)\",\"rgb(98, 87, 217)\",\"rgb(131, 145, 247)\"],densityOptions:{densityArea:5e3,densityEnable:false,densityFactor:50},fpsOptions:60,height:\"100%\",hoverOptions:{hoverEnabled:false,hoverForce:10,hoverModes:\"connect\",hoverParallax:false,hoverSmooth:10},id:\"GPLl87UVH\",layoutId:\"GPLl87UVH\",linksOptions:{linksColor:\"rgb(255, 255, 255)\",linksDistance:100,linksEnabled:false,linksOpacity:.2,linksWidth:1},modeOptions:{bubbleDistance:100,bubbleDuration:.4,bubbleSize:40,connectDistance:824,connectLinksOpacity:.5,connectRadius:20,grabDistance:100,grabLinksOpacity:.2,pushQuantity:4,removeQuantity:4,repulseDistance:200,repulseDuration:1.2,trailDelay:.1,trailQuantity:10},moveOptions:{moveAttractDistance:100,moveAttractEnabled:false,moveDirection:\"inside\",moveEnabled:true,moveGravityAcceleration:.5,moveGravityEnabled:false,moveGravityMaxSpeed:3,moveOut:\"out\",moveRandom:false,moveSpeed:3,moveSpinAcceleration:1,moveSpinEnabled:false,moveStraight:false,moveTrailAmount:100,moveTrailEnabled:false,moveVibrate:false},name:\"Small\",number:200,opacityOptions:{opacity:1,opacityMax:1,opacityMin:.3,opacityType:false},particlesID:\"Small\",radius:1e3,rotateOptions:{rotateAnimation:false,rotateDirection:\"random\",rotateSpeed:0,rotateSync:false,rotateValue:0},shapeOptions:{characterType:\"\uD83D\uDE0E\",imageHeight:100,imageWidth:100,shapeType:\"circle\"},sizeOptions:{size:1,sizeMax:2,sizeMin:.5,sizeType:false},style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ei7ygk\",\"data-framer-name\":\"Base Blue Glow Inside\",layoutDependency:layoutDependency,layoutId:\"zh10pSMrl\",style:{background:\"radial-gradient(57.99999999999999% 75% at 50% 100%, rgba(19, 49, 112, 0) 0%, rgba(21, 18, 84, 0) 100%)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"inset 0px 0px 0px 0px rgba(93, 91, 245, 0)\"},variants:{nfEktak20:{background:\"radial-gradient(57.99999999999999% 75% at 50% 100%, rgb(19, 49, 112) 0%, rgba(21, 18, 84, 0) 100%)\",boxShadow:\"inset 0px -12px 12px -7px rgba(93, 91, 245, 0.72)\"},waBN0DbmV:{boxShadow:\"inset 0px -12px 12px -7px rgba(93, 91, 245, 0)\"},WaiFbPq6Y:{background:\"radial-gradient(57.99999999999999% 75% at 50% 100%, rgb(19, 49, 112) 0%, rgba(21, 18, 84, 0) 100%)\",boxShadow:\"inset 0px -12px 12px -7px rgba(93, 91, 245, 0.72)\"}}}),/*#__PURE__*/_jsx(Transition,{...addPropertyOverrides({nfEktak20:{value:transition4},waBN0DbmV:{value:transition3}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-ewmxmo\",\"data-framer-name\":\"Pluse Animated\",layoutDependency:layoutDependency,layoutId:\"GMskjk9oa\",style:{background:\"radial-gradient(129% 219% at 50% 88.7%, rgba(38, 118, 209, 0.5) 0%, rgba(32, 69, 138, 0) 0.13900619369369704%, rgba(32, 69, 138, 0) 2.71677927927928%)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,filter:\"blur(5px)\",opacity:.6,WebkitFilter:\"blur(5px)\"},variants:{nfEktak20:{background:\"radial-gradient(129% 219% at 50% 88.7%, rgba(32, 69, 138, 0) 0%, rgba(38, 118, 209, 0.5) 99.21699042792793%, rgba(32, 69, 138, 0) 100%)\"},waBN0DbmV:{background:\"radial-gradient(129% 219% at 50% 88.7%, rgba(32, 69, 138, 0) 0%, rgba(38, 118, 209, 0.5) 99.21699042792793%, rgba(32, 69, 138, 0) 100%)\",opacity:0},WaiFbPq6Y:{background:\"radial-gradient(129% 219% at 50% 88.7%, rgba(32, 69, 138, 0) 0.13900619369369704%, rgba(38, 118, 209, 0.5) 0.28505067567567655%, rgba(32, 69, 138, 0) 50.695030968468465%)\"}}})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1h1ts8c\",\"data-framer-name\":\"Base Glow Inside\",layoutDependency:layoutDependency,layoutId:\"Sky9bvAX2\",style:{background:\"radial-gradient(53% 100% at 50% 77.7%, rgba(31, 26, 105, 0) 0%, rgba(21, 18, 84, 0) 100%)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"inset 0px 0px 0px 0px rgba(36, 31, 184, 0)\",opacity:1},variants:{nfEktak20:{background:\"radial-gradient(53% 100% at 50% 77.7%, rgb(31, 26, 105) 0%, rgba(21, 18, 84, 0) 100%)\",boxShadow:\"inset 0px -27px 27px -10px rgba(36, 31, 184, 0.46)\",opacity:.3},waBN0DbmV:{boxShadow:\"inset 0px -27px 27px -10px rgba(36, 31, 184, 0)\"},WaiFbPq6Y:{background:\"radial-gradient(53% 100% at 50% 77.7%, rgb(31, 26, 105) 0%, rgba(21, 18, 84, 0) 100%)\",boxShadow:\"inset 0px -27px 27px -10px rgba(36, 31, 184, 0.46)\"}}})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1aru2dc\",\"data-framer-name\":\"Glow Edge\",layoutDependency:layoutDependency,layoutId:\"VbQjqZic6\",style:{borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,boxShadow:\"inset 0px 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 0px 4px 8px rgba(89, 98, 201, 0.25)\"}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"56px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:/*#__PURE__*/_jsx(motion.span,{\"data-text-fill\":\"true\",style:{backgroundImage:\"linear-gradient(0deg, rgb(150, 153, 168) 20%, rgb(255, 255, 255) 42%)\"},children:\"Generate\"})})}),className:\"framer-lpql6f\",\"data-framer-name\":\"Label\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"H8Q2wtjRH\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Vh2Z5.framer-17xgk6a, .framer-Vh2Z5 .framer-17xgk6a { display: block; }\",\".framer-Vh2Z5.framer-1ne49n8 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 35.2px 95.2px 35.2px 95.2px; position: relative; width: min-content; }\",\".framer-Vh2Z5 .framer-46xm3i { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Vh2Z5 .framer-1smz32k { bottom: -184px; flex: none; left: -140px; overflow: visible; pointer-events: none; position: absolute; right: -140px; top: -184px; }\",\".framer-Vh2Z5 .framer-1ral4os, .framer-Vh2Z5 .framer-116wii7 { flex: none; height: 138px; left: calc(50.00000000000002% - 432px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 138px / 2); width: 432px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Vh2Z5 .framer-12papn5 { bottom: 2px; flex: none; left: 2px; overflow: hidden; position: absolute; right: 2px; top: 2px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Vh2Z5 .framer-16q5gzs { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 4; }\",\".framer-Vh2Z5 .framer-xea7cs-container, .framer-Vh2Z5 .framer-htwai2-container, .framer-Vh2Z5 .framer-o3p9g6-container { flex: none; height: 300%; left: 0px; position: absolute; right: 0px; top: -40px; }\",\".framer-Vh2Z5 .framer-1ei7ygk { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 3; }\",\".framer-Vh2Z5 .framer-ewmxmo { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 2; }\",\".framer-Vh2Z5 .framer-1h1ts8c { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-Vh2Z5 .framer-1aru2dc { bottom: 2px; flex: none; left: 2px; overflow: hidden; position: absolute; right: 2px; top: 2px; will-change: var(--framer-will-change-override, transform); z-index: 7; }\",\".framer-Vh2Z5 .framer-lpql6f { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; z-index: 9; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Vh2Z5.framer-1ne49n8 { gap: 0px; } .framer-Vh2Z5.framer-1ne49n8 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-Vh2Z5.framer-1ne49n8 > :first-child { margin-left: 0px; } .framer-Vh2Z5.framer-1ne49n8 > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 138\n * @framerIntrinsicWidth 432\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"WaiFbPq6Y\":{\"layout\":[\"auto\",\"auto\"]},\"nfEktak20\":{\"layout\":[\"auto\",\"auto\"]},\"waBN0DbmV\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramergtsaCYg5O=withCSS(Component,css,\"framer-Vh2Z5\");export default FramergtsaCYg5O;FramergtsaCYg5O.displayName=\"Button/Wow Galaxy\";FramergtsaCYg5O.defaultProps={height:138,width:432};addPropertyControls(FramergtsaCYg5O,{variant:{options:[\"h7hVbrUVf\",\"WaiFbPq6Y\",\"nfEktak20\",\"waBN0DbmV\"],optionTitles:[\"Default\",\"Hover Start\",\"Hover End\",\"Mouse Leave\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramergtsaCYg5O,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/d3tHnaQIAeqiE5hGcRw4mmgWYU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"}]},...ParticlesFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramergtsaCYg5O\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"WaiFbPq6Y\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"nfEktak20\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"waBN0DbmV\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"432\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"138\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gtsaCYg5O.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{RenderTarget}from\"framer\";/**\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicHeight 400\n * @framerIntrinsicWidth 800\n */export default function UnicornStudioEmbed(){const elementRef=useRef(null);useEffect(()=>{const isEditingOrPreviewing=[\"CANVAS\",\"PREVIEW\"].includes(RenderTarget.current());const initializeScript=callback=>{const existingScript=document.querySelector('script[src^=\"https://cdn.unicorn.studio\"]');if(!existingScript){const script=document.createElement(\"script\");script.src=\"https://cdn.unicorn.studio/v1.2.3/unicornStudio.umd.js\";script.onload=callback;document.head.appendChild(script);}else{callback();}};const initializeUnicornStudio=()=>{const projectId=\"3x7p91deSffTIZE2S4u3\".split(\"?\")[0];const cacheBuster=isEditingOrPreviewing?\"?update=\"+Math.random():\"\";elementRef.current.setAttribute(\"data-us-project\",projectId+cacheBuster);if(window.UnicornStudio){window.UnicornStudio.destroy();window.UnicornStudio.init().then(scenes=>{console.log(scenes);});}};if(\"3x7p91deSffTIZE2S4u3\"){if(window.UnicornStudio){initializeUnicornStudio();}else{initializeScript(initializeUnicornStudio);}}},[]);return /*#__PURE__*/_jsx(\"div\",{ref:elementRef,\"data-us-dpi\":\"1.5\",\"data-us-scale\":\"1\",\"data-us-fps\":\"30\",style:{width:\"100%\",height:\"100%\"}});}UnicornStudioEmbed.displayName=\"Liquid BG\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"UnicornStudioEmbed\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth fixed\",\"framerIntrinsicHeight\":\"400\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"800\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LiquidBG.map", "// Generated by Framer (236a21b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import LiquidBG from\"https://framerusercontent.com/modules/kgg6bPv3GnnMAlZnwZnq/P74bqGaIyZ3vN8SRkN2Z/LiquidBG.js\";const LiquidBGFonts=getFonts(LiquidBG);const enabledGestures={ntYugrijF:{hover:true}};const cycleOrder=[\"ntYugrijF\"];const serializationHash=\"framer-PNr7U\";const variantClassNames={ntYugrijF:\"framer-v-1ah1exf\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({content,height,id,width,...props})=>{var _ref;return{...props,qYxJshJ8L:(_ref=content!==null&&content!==void 0?content:props.qYxJshJ8L)!==null&&_ref!==void 0?_ref:\"Get started\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,qYxJshJ8L,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ntYugrijF\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1ah1exf\",className,classNames),\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"ntYugrijF\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"var(--token-a042497d-749d-4d03-8d3a-78930210d354, rgb(32, 96, 223))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,...style},...addPropertyOverrides({\"ntYugrijF-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-hlqbiz-container\",layoutDependency:layoutDependency,layoutId:\"FL9x4nZvr-container\",style:{opacity:0},variants:{\"ntYugrijF-hover\":{opacity:1}},children:/*#__PURE__*/_jsx(LiquidBG,{height:\"100%\",id:\"FL9x4nZvr\",layoutId:\"FL9x4nZvr\",style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"Get started\"})}),className:\"framer-tg57cp\",fonts:[\"Inter-SemiBold\"],layoutDependency:layoutDependency,layoutId:\"OavUsfYGL\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:qYxJshJ8L,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PNr7U.framer-cauzlj, .framer-PNr7U .framer-cauzlj { display: block; }\",\".framer-PNr7U.framer-1ah1exf { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 48px; justify-content: center; overflow: hidden; padding: 0px 20px 0px 20px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-PNr7U .framer-hlqbiz-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-PNr7U .framer-tg57cp { -webkit-user-select: none; flex: none; height: auto; pointer-events: none; position: relative; user-select: none; white-space: pre; width: auto; z-index: 2; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PNr7U.framer-1ah1exf { gap: 0px; } .framer-PNr7U.framer-1ah1exf > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-PNr7U.framer-1ah1exf > :first-child { margin-top: 0px; } .framer-PNr7U.framer-1ah1exf > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 48\n * @framerIntrinsicWidth 128\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"IC3IiDJfc\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"qYxJshJ8L\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FrameriwJD33IOT=withCSS(Component,css,\"framer-PNr7U\");export default FrameriwJD33IOT;FrameriwJD33IOT.displayName=\"Button/Liquid Button\";FrameriwJD33IOT.defaultProps={height:48,width:128};addPropertyControls(FrameriwJD33IOT,{qYxJshJ8L:{defaultValue:\"Get started\",displayTextArea:false,title:\"Content\",type:ControlType.String}});addFonts(FrameriwJD33IOT,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-ext-C7KWUKA7.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://app.framerstatic.com/Inter-SemiBold.cyrillic-JWV7SOZ6.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-ext-FBKSFTSU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://app.framerstatic.com/Inter-SemiBold.greek-EQ3PSENU.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.latin-ext-ULRSO3ZR.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://app.framerstatic.com/Inter-SemiBold.latin-RDYY2AG2.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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://app.framerstatic.com/Inter-SemiBold.vietnamese-ESQNSEQ3.woff2\",weight:\"600\"}]},...LiquidBGFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameriwJD33IOT\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"128\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"IC3IiDJfc\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"48\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"qYxJshJ8L\\\":\\\"content\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./iwJD33IOT.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,optimizeAppear,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"WJImTblQg\",\"f9k6FavCH\"];const serializationHash=\"framer-1Abgr\";const variantClassNames={f9k6FavCH:\"framer-v-1eb4738\",WJImTblQg:\"framer-v-wdizuu\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:0,duration:.3,ease:[.44,0,.56,1],type:\"tween\"};const animation={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:0,skewX:0,skewY:0,transition:transition2,x:0,y:0};const animation1={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:0};const animation2={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:0,skewX:0,skewY:0,x:0,y:0};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"White Button\":\"WJImTblQg\",Variant:\"f9k6FavCH\"};const getProps=({background,colorReveal1,height,id,link,newTab,title,width,...props})=>{var _ref,_ref1,_ref2,_ref3,_humanReadableVariantMap_props_variant,_ref4;return{...props,fMs0WHI4f:(_ref=newTab!==null&&newTab!==void 0?newTab:props.fMs0WHI4f)!==null&&_ref!==void 0?_ref:true,JG81y45z9:(_ref1=background!==null&&background!==void 0?background:props.JG81y45z9)!==null&&_ref1!==void 0?_ref1:\"rgb(255, 255, 255)\",nQyUhFtQd:(_ref2=colorReveal1!==null&&colorReveal1!==void 0?colorReveal1:props.nQyUhFtQd)!==null&&_ref2!==void 0?_ref2:\"rgb(0, 0, 0)\",UlKCiad7Z:(_ref3=title!==null&&title!==void 0?title:props.UlKCiad7Z)!==null&&_ref3!==void 0?_ref3:\"Post a project\",variant:(_ref4=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref4!==void 0?_ref4:\"WJImTblQg\",ZA_4QI8xL:link!==null&&link!==void 0?link:props.ZA_4QI8xL};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,UlKCiad7Z,ZA_4QI8xL,fMs0WHI4f,nQyUhFtQd,JG81y45z9,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"WJImTblQg\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter1emtzqf=activeVariantCallback(async(...args)=>{setVariant(\"f9k6FavCH\");});const onMouseLeavepy7kdh=activeVariantCallback(async(...args)=>{setVariant(\"WJImTblQg\");});const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"f9k6FavCH\")return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:ZA_4QI8xL,openInNewTab:fMs0WHI4f,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,className:`${cx(serializationHash,...sharedStyleClassNames,\"framer-wdizuu\",className,classNames)} framer-yupk84`,\"data-framer-name\":\"White Button\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"WJImTblQg\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnter1emtzqf,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",backgroundColor:JG81y45z9,borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,...style},variants:{f9k6FavCH:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(0, 0, 0)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderTopRightRadius:0}},...addPropertyOverrides({f9k6FavCH:{\"data-border\":true,\"data-framer-name\":undefined,onMouseLeave:onMouseLeavepy7kdh}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7RE0gU2Fucy01MDA=\",\"--framer-font-family\":'\"DM Sans\", \"DM Sans Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"0px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-nQyUhFtQd-L_udtXBT7))\"},children:\"Post a project\"})}),className:\"framer-u7tb3z\",\"data-framer-name\":\"Post a project\",fonts:[\"GF;DM Sans-500\"],layoutDependency:layoutDependency,layoutId:\"ysK5WEOA8\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-nQyUhFtQd-L_udtXBT7)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-JG81y45z9-L_udtXBT7\":JG81y45z9,\"--variable-reference-nQyUhFtQd-L_udtXBT7\":nQyUhFtQd},text:UlKCiad7Z,variants:{f9k6FavCH:{\"--extracted-r6o4lv\":\"var(--variable-reference-JG81y45z9-L_udtXBT7)\",\"--variable-reference-JG81y45z9-L_udtXBT7\":JG81y45z9}},verticalAlignment:\"center\",withExternalLayout:true,...addPropertyOverrides({f9k6FavCH:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7RE0gU2Fucy01MDA=\",\"--framer-font-family\":'\"DM Sans\", \"DM Sans Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"0px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-JG81y45z9-L_udtXBT7))\"},children:\"Post a project\"})})}},baseVariant,gestureVariant)}),isDisplayed()&&/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:optimizeAppear(\"animate\",\"13h3hro\",animation1,\"wdizuu\"),className:\"framer-13h3hro\",\"data-framer-appear-id\":\"13h3hro\",\"data-framer-name\":\"Circle 1\",exit:animation,initial:optimizeAppear(\"initial\",\"13h3hro\",animation2,\"wdizuu\"),layoutDependency:layoutDependency,layoutId:\"r4Om8rjN0\",style:{backgroundColor:nQyUhFtQd,borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,transformPerspective:1200},...addPropertyOverrides({f9k6FavCH:{\"data-framer-appear-id\":\"1k1qefx\",animate:optimizeAppear(\"animate\",\"1k1qefx\",animation1,\"1eb4738\"),initial:optimizeAppear(\"initial\",\"1k1qefx\",animation2,\"1eb4738\")}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-1Abgr.framer-yupk84, .framer-1Abgr .framer-yupk84 { display: block; }\",\".framer-1Abgr.framer-wdizuu { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 12px 12px 12px 12px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-1Abgr .framer-u7tb3z { flex: none; height: auto; position: relative; white-space: pre; width: auto; z-index: 2; }\",\".framer-1Abgr .framer-13h3hro { flex: none; height: 176px; left: calc(50.00000000000002% - 176px / 2); overflow: hidden; position: absolute; top: calc(51.21951219512197% - 176px / 2); width: 176px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-1Abgr.framer-wdizuu { gap: 0px; } .framer-1Abgr.framer-wdizuu > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-1Abgr.framer-wdizuu > :first-child { margin-left: 0px; } .framer-1Abgr.framer-wdizuu > :last-child { margin-right: 0px; } }\",'.framer-1Abgr[data-border=\"true\"]::after, .framer-1Abgr [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 41\n * @framerIntrinsicWidth 116\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"f9k6FavCH\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"UlKCiad7Z\":\"title\",\"ZA_4QI8xL\":\"link\",\"fMs0WHI4f\":\"newTab\",\"nQyUhFtQd\":\"colorReveal1\",\"JG81y45z9\":\"background\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerL_udtXBT7=withCSS(Component,css,\"framer-1Abgr\");export default FramerL_udtXBT7;FramerL_udtXBT7.displayName=\"Button/Circle Reveal Button\";FramerL_udtXBT7.defaultProps={height:41,width:116};addPropertyControls(FramerL_udtXBT7,{variant:{options:[\"WJImTblQg\",\"f9k6FavCH\"],optionTitles:[\"White Button\",\"Variant\"],title:\"Variant\",type:ControlType.Enum},UlKCiad7Z:{defaultValue:\"Post a project\",displayTextArea:false,title:\"Title\",type:ControlType.String},ZA_4QI8xL:{title:\"Link\",type:ControlType.Link},fMs0WHI4f:{defaultValue:true,title:\"New Tab\",type:ControlType.Boolean},nQyUhFtQd:{defaultValue:\"rgb(0, 0, 0)\",title:\"Color Reveal 1\",type:ControlType.Color},JG81y45z9:{defaultValue:\"rgb(255, 255, 255)\",title:\"Background\",type:ControlType.Color}});addFonts(FramerL_udtXBT7,[{explicitInter:true,fonts:[{family:\"DM Sans\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhS2f3ZGMZpg.woff2\",weight:\"500\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerL_udtXBT7\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"UlKCiad7Z\\\":\\\"title\\\",\\\"ZA_4QI8xL\\\":\\\"link\\\",\\\"fMs0WHI4f\\\":\\\"newTab\\\",\\\"nQyUhFtQd\\\":\\\"colorReveal1\\\",\\\"JG81y45z9\\\":\\\"background\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"116\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"41\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"f9k6FavCH\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./L_udtXBT7.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"McgvYqrgN\",\"Y96Ctz0Fp\",\"Um15PLw1M\"];const serializationHash=\"framer-9PCnk\";const variantClassNames={McgvYqrgN:\"framer-v-w03zu\",Um15PLw1M:\"framer-v-1oifx8l\",Y96Ctz0Fp:\"framer-v-15ft1qe\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.6,ease:[0,0,1,1],type:\"tween\"};const transition2={delay:0,duration:2,ease:[.44,0,.56,1],type:\"tween\"};const animation={opacity:.5,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"McgvYqrgN\",\"Variant 2\":\"Y96Ctz0Fp\",\"Variant 3\":\"Um15PLw1M\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"McgvYqrgN\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"McgvYqrgN\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear50hcpe=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"Y96Ctz0Fp\"),500);});const onAppearc4lymh=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"Um15PLw1M\"),600);});const onAppearl0uuxl=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"McgvYqrgN\"),600);});useOnVariantChange(baseVariant,{default:onAppear50hcpe,Um15PLw1M:onAppearl0uuxl,Y96Ctz0Fp:onAppearc4lymh});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-w03zu\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"McgvYqrgN\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},...addPropertyOverrides({Um15PLw1M:{\"data-framer-name\":\"Variant 3\"},Y96Ctz0Fp:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1ku347f\",\"data-framer-name\":\"Inner Glow 7\",layoutDependency:layoutDependency,layoutId:\"KR1uFbRHP\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgba(240, 146, 5, 0.61) 0%, rgba(240, 146, 5, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1d54szm\",\"data-framer-name\":\"Inner Glow 6\",layoutDependency:layoutDependency,layoutId:\"Hka86kfKp\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgba(25, 77, 210, 0.73) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-sfrx1r\",\"data-framer-name\":\"Inner Glow 5\",layoutDependency:layoutDependency,layoutId:\"W_L4ZHK2E\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgba(0, 194, 142, 0.8) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-aubapt\",\"data-framer-name\":\"Inner Glow 1\",layoutDependency:layoutDependency,layoutId:\"yoGPS7EZm\",style:{background:\"radial-gradient(50% 50% at 50% 50%, hsl(223, 79%, 46%) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-fbkylw\",\"data-framer-name\":\"Inner Glow 2\",layoutDependency:layoutDependency,layoutId:\"zXxhc8nQJ\",style:{background:\"radial-gradient(50% 50% at 50% 50%, hsl(223, 79%, 46%) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-tlswgh\",\"data-framer-name\":\"Inner Glow 4\",layoutDependency:layoutDependency,layoutId:\"CMrA8XgYk\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgba(174, 194, 0, 0.7) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-buqrws\",\"data-framer-name\":\"Inner Glow 3\",layoutDependency:layoutDependency,layoutId:\"MG_MwDOyA\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgba(194, 29, 0, 0.77) 0%, rgba(118, 58, 254, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-9PCnk.framer-q8o69y, .framer-9PCnk .framer-q8o69y { display: block; }\",\".framer-9PCnk.framer-w03zu { height: 68px; overflow: hidden; position: relative; width: 238px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-1ku347f { bottom: -22px; flex: none; overflow: hidden; position: absolute; right: -61px; top: -40px; width: 219px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-1d54szm { flex: none; height: 180px; left: -175px; overflow: hidden; position: absolute; top: -160px; width: 228px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-sfrx1r { bottom: -124px; flex: none; height: 131px; left: -141px; overflow: hidden; position: absolute; width: 286px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-aubapt { bottom: -91px; flex: none; height: 138px; left: -240px; overflow: hidden; position: absolute; width: 269px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-fbkylw { flex: none; height: 160px; overflow: hidden; position: absolute; right: -139px; top: -115px; width: 312px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-tlswgh { flex: none; height: 107px; left: -24px; overflow: hidden; position: absolute; top: -49px; width: 180px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk .framer-buqrws { bottom: -31px; flex: none; height: 93px; overflow: hidden; position: absolute; right: -125px; width: 250px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9PCnk.framer-v-15ft1qe .framer-1ku347f { bottom: unset; height: 130px; right: 4px; top: -85px; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-1d54szm { bottom: -17px; height: unset; left: -3px; top: -32px; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-sfrx1r { bottom: -45px; left: unset; right: -75px; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-aubapt, .framer-9PCnk.framer-v-1oifx8l .framer-aubapt { left: unset; right: -295px; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-fbkylw, .framer-9PCnk.framer-v-1oifx8l .framer-fbkylw { left: -283px; right: unset; top: -141px; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-tlswgh { bottom: -62px; left: unset; right: 4px; top: unset; }\",\".framer-9PCnk.framer-v-15ft1qe .framer-buqrws { bottom: -54px; left: -103px; right: unset; }\",\".framer-9PCnk.framer-v-1oifx8l .framer-1ku347f { bottom: -85px; height: 150px; left: -74px; right: unset; top: unset; width: 253px; }\",\".framer-9PCnk.framer-v-1oifx8l .framer-1d54szm { bottom: -80px; height: unset; left: unset; right: -55px; top: -32px; }\",\".framer-9PCnk.framer-v-1oifx8l .framer-sfrx1r { bottom: unset; left: calc(47.89915966386557% - 286px / 2); top: -68px; }\",\".framer-9PCnk.framer-v-1oifx8l .framer-tlswgh { left: unset; right: -68px; top: -54px; }\",\".framer-9PCnk.framer-v-1oifx8l .framer-buqrws { bottom: unset; left: -146px; right: unset; top: -71px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 68\n * @framerIntrinsicWidth 238\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"Y96Ctz0Fp\":{\"layout\":[\"fixed\",\"fixed\"]},\"Um15PLw1M\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCCyvSJX7C=withCSS(Component,css,\"framer-9PCnk\");export default FramerCCyvSJX7C;FramerCCyvSJX7C.displayName=\"Button/Gradient Fill\";FramerCCyvSJX7C.defaultProps={height:68,width:238};addPropertyControls(FramerCCyvSJX7C,{variant:{options:[\"McgvYqrgN\",\"Y96Ctz0Fp\",\"Um15PLw1M\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerCCyvSJX7C,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCCyvSJX7C\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"68\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"238\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Y96Ctz0Fp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Um15PLw1M\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CCyvSJX7C.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import GradientFill from\"https://framerusercontent.com/modules/9GQmNmiqnmOHoUTcoVP0/RotKFQ9qLNe7m2ELIKKy/CCyvSJX7C.js\";const GradientFillFonts=getFonts(GradientFill);const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"ObzBEdOMj\",\"v2twXfAEC\"];const serializationHash=\"framer-v19Nf\";const variantClassNames={ObzBEdOMj:\"framer-v-1p50lez\",v2twXfAEC:\"framer-v-om47vk\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:100,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:0,duration:2,ease:[.44,0,.56,1],type:\"tween\"};const animation={opacity:.5,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Button frame hover\":\"v2twXfAEC\",\"Button frame\":\"ObzBEdOMj\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"ObzBEdOMj\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ObzBEdOMj\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter17n0vqc=activeVariantCallback(async(...args)=>{setVariant(\"v2twXfAEC\");});const onMouseLeave15ej5r3=activeVariantCallback(async(...args)=>{setVariant(\"ObzBEdOMj\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.button,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1p50lez\",className,classNames),\"data-framer-name\":\"Button frame\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"ObzBEdOMj\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({v2twXfAEC:{\"data-framer-name\":\"Button frame hover\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wlo17l\",\"data-framer-name\":\"Frame\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"CyDwsh77A\",onMouseEnter:onMouseEnter17n0vqc,style:{borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14},...addPropertyOverrides({v2twXfAEC:{\"data-highlight\":undefined,onMouseEnter:undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-gj3oga\",\"data-border\":true,\"data-framer-name\":\"border\",layoutDependency:layoutDependency,layoutId:\"moTvQ3s9X\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.15)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",background:\"radial-gradient(53.6% 100% at 50% 100%, hsl(237, 44%, 41%) 0%, hsl(235, 39%, 54%) 100%)\",borderBottomLeftRadius:14,borderBottomRightRadius:14,borderTopLeftRadius:14,borderTopRightRadius:14,boxShadow:\"inset 0px 0px 10px 0px hsla(0, 0%, 100%, 0.15)\",opacity:.71},variants:{v2twXfAEC:{opacity:.21}}}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1woqz02\",\"data-framer-name\":\"Inner Fill\",layoutDependency:layoutDependency,layoutId:\"iCtzZOK4O\",style:{backgroundColor:\"rgb(8, 2, 192)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,boxShadow:\"0px 2px 2px 0px rgba(0, 0, 0, 0.24), inset 0px 0px 10px 0px hsla(237, 100%, 84%, 0.42), inset 0px 0px 4px 0px hsl(237, 100%, 52%)\"},variants:{v2twXfAEC:{background:\"radial-gradient(87.8% 75% at 50% 25.2%, hsl(187, 98%, 42%) 0%, rgb(0, 29, 214) 100%)\"}},...addPropertyOverrides({v2twXfAEC:{\"data-highlight\":true,onMouseLeave:onMouseLeave15ej5r3}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"238px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-ttndzy-container\",layoutDependency:layoutDependency,layoutId:\"ULb2CbKfC-container\",style:{opacity:1},variants:{v2twXfAEC:{opacity:0}},children:/*#__PURE__*/_jsx(GradientFill,{height:\"100%\",id:\"ULb2CbKfC\",layoutId:\"ULb2CbKfC\",style:{height:\"100%\",width:\"100%\"},variant:\"McgvYqrgN\",width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-a9dja1\",\"data-framer-name\":\"Fill\",layoutDependency:layoutDependency,layoutId:\"Jjd_8j0yS\",style:{borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,boxShadow:\"inset 0px 0px 1px 0px rgb(255, 255, 255), inset 0px 0px 20px 0px rgba(255, 255, 255, 0.25)\"},variants:{v2twXfAEC:{boxShadow:\"inset 0px 0px 1px 0px rgba(255, 255, 255, 0.98), inset 0px 0px 20px 0px rgba(255, 255, 255, 0.16)\"}}}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"mirror\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:.15,className:\"framer-6tls7t\",\"data-framer-name\":\"inner glow\",layoutDependency:layoutDependency,layoutId:\"fb_6LCQ3P\",style:{background:\"radial-gradient(42.199999999999996% 39.5% at 50% 50%, hsl(248, 100%, 92%) 0%, hsla(248, 82%, 95%, 0) 100%)\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\",opacity:.15},variants:{v2twXfAEC:{opacity:.38}},...addPropertyOverrides({v2twXfAEC:{__targetOpacity:.38}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7QmFsb28gMi04MDA=\",\"--framer-font-family\":'\"Baloo 2\", sans-serif',\"--framer-font-size\":\"36px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\",\"--framer-text-transform\":\"uppercase\"},children:\"Play now\"})}),className:\"framer-s4esau\",fonts:[\"GF;Baloo 2-800\"],layoutDependency:layoutDependency,layoutId:\"A9w1bKKEE\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",textShadow:\"0px 0px 2px rgb(34, 34, 37)\"},transformTemplate:transformTemplate1,verticalAlignment:\"center\",withExternalLayout:true})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-v19Nf.framer-znywrb, .framer-v19Nf .framer-znywrb { display: block; }\",\".framer-v19Nf.framer-1p50lez { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-v19Nf .framer-1wlo17l { flex: none; height: 86px; overflow: visible; position: relative; width: 256px; }\",\".framer-v19Nf .framer-gj3oga, .framer-v19Nf .framer-a9dja1 { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); }\",\".framer-v19Nf .framer-1woqz02 { flex: none; height: 68px; left: calc(50.00000000000002% - 238px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 68px / 2); width: 238px; will-change: var(--framer-will-change-override, transform); }\",\".framer-v19Nf .framer-ttndzy-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-v19Nf .framer-6tls7t { bottom: -88px; flex: none; left: -69px; overflow: hidden; position: absolute; right: -69px; top: -15px; will-change: var(--framer-will-change-override, transform); }\",\".framer-v19Nf .framer-s4esau { flex: none; height: auto; left: 50%; position: absolute; top: 50%; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-v19Nf.framer-1p50lez { gap: 0px; } .framer-v19Nf.framer-1p50lez > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-v19Nf.framer-1p50lez > :first-child { margin-left: 0px; } .framer-v19Nf.framer-1p50lez > :last-child { margin-right: 0px; } }\",\".framer-v19Nf.framer-v-om47vk .framer-6tls7t { bottom: -2px; top: -101px; }\",'.framer-v19Nf[data-border=\"true\"]::after, .framer-v19Nf [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 86\n * @framerIntrinsicWidth 256\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"v2twXfAEC\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerLdk99NqVA=withCSS(Component,css,\"framer-v19Nf\");export default FramerLdk99NqVA;FramerLdk99NqVA.displayName=\"Button/RGB\";FramerLdk99NqVA.defaultProps={height:86,width:256};addPropertyControls(FramerLdk99NqVA,{variant:{options:[\"ObzBEdOMj\",\"v2twXfAEC\"],optionTitles:[\"Button frame\",\"Button frame hover\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerLdk99NqVA,[{explicitInter:true,fonts:[{family:\"Baloo 2\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/baloo2/v21/wXK0E3kTposypRydzVT08TS3JnAmtdiayqpq9Fat7WcN.woff2\",weight:\"800\"}]},...GradientFillFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerLdk99NqVA\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"86\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"256\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"v2twXfAEC\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Clipboard from\"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/EqB2oGdmJ81urPOd5L66/Clipboard.js\";const ClipboardFonts=getFonts(Clipboard);const cycleOrder=[\"tSVznNhSo\",\"OCfRjoqiR\",\"XZcYBxmmz\"];const serializationHash=\"framer-RuZ99\";const variantClassNames={OCfRjoqiR:\"framer-v-y3vqv4\",tSVznNhSo:\"framer-v-hlnouu\",XZcYBxmmz:\"framer-v-5wuma\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`translateY(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"tSVznNhSo\",Copied:\"OCfRjoqiR\",Copy:\"XZcYBxmmz\"};const getProps=({height,id,link,title,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1,_ref2;return{...props,B_mexafCp:(_ref=title!==null&&title!==void 0?title:props.B_mexafCp)!==null&&_ref!==void 0?_ref:\"E-Mail\",variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"tSVznNhSo\",waQBKsdsS:(_ref2=link!==null&&link!==void 0?link:props.waQBKsdsS)!==null&&_ref2!==void 0?_ref2:\"ux.omkarteli@gmail.com\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,B_mexafCp,waQBKsdsS,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"tSVznNhSo\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter1ff808j=activeVariantCallback(async(...args)=>{setVariant(\"XZcYBxmmz\");});const onAppear115gfgm=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"tSVznNhSo\"),1500);});const onMouseLeave163wzum=activeVariantCallback(async(...args)=>{setVariant(\"tSVznNhSo\");});const onClick112gp7h=activeVariantCallback(async(...args)=>{setVariant(\"OCfRjoqiR\");});useOnVariantChange(baseVariant,{OCfRjoqiR:onAppear115gfgm});const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"XZcYBxmmz\")return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-hlnouu\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"tSVznNhSo\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onMouseEnter:onMouseEnter1ff808j,onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({OCfRjoqiR:{\"data-framer-name\":\"Copied\",onMouseEnter:undefined},XZcYBxmmz:{\"data-framer-name\":\"Copy\",onMouseLeave:onMouseLeave163wzum}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-ugir0l\",\"data-border\":true,\"data-framer-name\":\"Rectangle 11\",layoutDependency:layoutDependency,layoutId:\"c0ihTrDfl\",style:{\"--border-bottom-width\":\"0.5px\",\"--border-color\":\"rgb(94, 94, 94)\",\"--border-left-width\":\"0.5px\",\"--border-right-width\":\"0.5px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0.5px\",backdropFilter:\"blur(20px)\",background:\"linear-gradient(180deg, rgba(28, 28, 28, 1) 0%, rgba(28, 28, 28, 0) 100%)\",borderBottomLeftRadius:5,borderBottomRightRadius:5,borderTopLeftRadius:5,borderTopRightRadius:5,WebkitBackdropFilter:\"blur(20px)\"},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UG9wcGlucy1yZWd1bGFy\",\"--framer-font-family\":'\"Poppins\", \"Poppins Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-line-height\":\"20px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"E-Mail\"})}),className:\"framer-1qmwtdk\",\"data-framer-name\":\"E-Mail\",fonts:[\"GF;Poppins-regular\"],layoutDependency:layoutDependency,layoutId:\"zwIoFj2M6\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-paragraph-spacing\":\"0px\"},text:B_mexafCp,variants:{OCfRjoqiR:{\"--extracted-r6o4lv\":\"rgb(181, 181, 181)\"},XZcYBxmmz:{\"--extracted-r6o4lv\":\"rgb(181, 181, 181)\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({OCfRjoqiR:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UG9wcGlucy1yZWd1bGFy\",\"--framer-font-family\":'\"Poppins\", \"Poppins Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-line-height\":\"20px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(181, 181, 181))\"},children:\"Copied\"})}),text:undefined,transformTemplate:transformTemplate1},XZcYBxmmz:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UG9wcGlucy1yZWd1bGFy\",\"--framer-font-family\":'\"Poppins\", \"Poppins Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-line-height\":\"20px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(181, 181, 181))\"},children:\"Copy\"})}),text:undefined}},baseVariant,gestureVariant)}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-17b5gc2-container\",layoutDependency:layoutDependency,layoutId:\"gyiPPWIe0-container\",style:{opacity:0},children:/*#__PURE__*/_jsx(Clipboard,{borderRadius:5,bottomLeftRadius:5,bottomRightRadius:5,color:\"rgb(255, 255, 255)\",content:waQBKsdsS,fill:\"rgb(0, 153, 255)\",font:false,fontFamily:\"Inter\",fontSize:16,fontWeight:500,height:\"100%\",id:\"gyiPPWIe0\",isMixedBorderRadius:false,label:\"\",layoutId:\"gyiPPWIe0\",onClick:onClick112gp7h,padding:15,paddingBottom:15,paddingLeft:15,paddingPerSide:false,paddingRight:15,paddingTop:15,style:{height:\"100%\",width:\"100%\"},topLeftRadius:5,topRightRadius:5,width:\"100%\"})})})]}),/*#__PURE__*/_jsx(SVG,{className:\"framer-14521il\",\"data-framer-name\":\"ph:copy-bold\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:20,intrinsicWidth:20,layoutDependency:layoutDependency,layoutId:\"H1dzM3eBT\",svg:'\\n\\n\\n',withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-RuZ99.framer-1jrwom6, .framer-RuZ99 .framer-1jrwom6 { display: block; }\",\".framer-RuZ99.framer-hlnouu { height: 40px; overflow: visible; position: relative; width: 100px; }\",\".framer-RuZ99 .framer-ugir0l { flex: none; height: 40px; left: 0px; position: absolute; top: 0px; width: 100px; }\",\".framer-RuZ99 .framer-1qmwtdk { flex: none; height: auto; left: 41px; position: absolute; top: 10px; white-space: pre; width: auto; }\",\".framer-RuZ99 .framer-17b5gc2-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-RuZ99 .framer-14521il { flex: none; height: 20px; left: 14px; position: absolute; top: 10px; width: 20px; }\",\".framer-RuZ99.framer-v-y3vqv4 .framer-1qmwtdk { left: unset; right: 11px; top: 50%; }\",'.framer-RuZ99[data-border=\"true\"]::after, .framer-RuZ99 [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 100\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"OCfRjoqiR\":{\"layout\":[\"fixed\",\"fixed\"]},\"XZcYBxmmz\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"B_mexafCp\":\"title\",\"waQBKsdsS\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerlQkbggE6E=withCSS(Component,css,\"framer-RuZ99\");export default FramerlQkbggE6E;FramerlQkbggE6E.displayName=\"Button/Email Button\";FramerlQkbggE6E.defaultProps={height:40,width:100};addPropertyControls(FramerlQkbggE6E,{variant:{options:[\"tSVznNhSo\",\"OCfRjoqiR\",\"XZcYBxmmz\"],optionTitles:[\"Variant 1\",\"Copied\",\"Copy\"],title:\"Variant\",type:ControlType.Enum},B_mexafCp:{defaultValue:\"E-Mail\",displayTextArea:false,title:\"Title\",type:ControlType.String},waQBKsdsS:{defaultValue:\"ux.omkarteli@gmail.com\",displayTextArea:true,title:\"Link\",type:ControlType.String}});addFonts(FramerlQkbggE6E,[{explicitInter:true,fonts:[{family:\"Poppins\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJXUc1NECPY.woff2\",weight:\"400\"}]},...ClipboardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerlQkbggE6E\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"40\",\"framerVariables\":\"{\\\"B_mexafCp\\\":\\\"title\\\",\\\"waQBKsdsS\\\":\\\"link\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"OCfRjoqiR\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XZcYBxmmz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"100\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./lQkbggE6E.map", "// Generated by Framer (89417f6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"dlK17osLG\",\"nJs5z4lUp\",\"mYT_xr7rb\",\"VkJD3tFCE\"];const variantClassNames={dlK17osLG:\"framer-v-1xfwqv2\",mYT_xr7rb:\"framer-v-eyevin\",nJs5z4lUp:\"framer-v-l6okuh\",VkJD3tFCE:\"framer-v-1a26dhk\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Off Pressed\":\"nJs5z4lUp\",\"Yellow Pressed\":\"VkJD3tFCE\",Off:\"dlK17osLG\",Yellow:\"mYT_xr7rb\"};const getProps=({height,id,width,...props})=>{var _variant,ref;return{...props,variant:(ref=(_variant=humanReadableVariantMap[props.variant])!==null&&_variant!==void 0?_variant:props.variant)!==null&&ref!==void 0?ref:\"dlK17osLG\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"dlK17osLG\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-i4dfW\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-1xfwqv2\",className),\"data-framer-name\":\"Off\",layoutDependency:layoutDependency,layoutId:\"dlK17osLG\",ref:ref,style:{...style},...addPropertyOverrides({mYT_xr7rb:{\"data-framer-name\":\"Yellow\"},nJs5z4lUp:{\"data-framer-name\":\"Off Pressed\"},VkJD3tFCE:{\"data-framer-name\":\"Yellow Pressed\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-rohr08\",\"data-framer-name\":\"Normal\",layoutDependency:layoutDependency,layoutId:\"mDxWdm3Sg\",children:/*#__PURE__*/ _jsx(SVG,{className:\"framer-kv7ttn\",\"data-framer-name\":\"Star\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"d1C3HZiUi\",opacity:1,svg:'',svgContentId:4272030507,withExternalLayout:true})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1u02hou\",\"data-framer-name\":\"Yellow\",layoutDependency:layoutDependency,layoutId:\"PBVPJO2Rd\",style:{opacity:0},variants:{mYT_xr7rb:{opacity:1},VkJD3tFCE:{opacity:1}},children:/*#__PURE__*/ _jsx(SVG,{className:\"framer-aseofj\",\"data-framer-name\":\"Star-Yellow\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"I3S0Pd6s7\",opacity:1,svg:'',svgContentId:4003793390,withExternalLayout:true})})]})})})});});const css=['.framer-i4dfW [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-i4dfW .framer-19x9den { display: block; }\",\".framer-i4dfW .framer-1xfwqv2 { height: 20px; overflow: visible; position: relative; width: 20px; }\",\".framer-i4dfW .framer-rohr08, .framer-i4dfW .framer-1u02hou { flex: none; height: 20px; left: calc(50.00000000000002% - 20px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; }\",\".framer-i4dfW .framer-kv7ttn, .framer-i4dfW .framer-aseofj { flex: none; height: 20px; left: calc(50.00000000000002% - 20px / 2); position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; }\",\".framer-i4dfW.framer-v-l6okuh .framer-rohr08, .framer-i4dfW.framer-v-l6okuh .framer-1u02hou { left: 0px; right: 0px; top: -1px; width: unset; }\",\".framer-i4dfW.framer-v-1a26dhk .framer-rohr08, .framer-i4dfW.framer-v-1a26dhk .framer-1u02hou { left: 0px; right: 0px; top: -2px; width: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 20\n * @framerIntrinsicWidth 20\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"nJs5z4lUp\":{\"layout\":[\"fixed\",\"fixed\"]},\"mYT_xr7rb\":{\"layout\":[\"fixed\",\"fixed\"]},\"VkJD3tFCE\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables false\n */ const FramerhQOPD2TiA=withCSS(Component,css,\"framer-i4dfW\");export default FramerhQOPD2TiA;FramerhQOPD2TiA.displayName=\"Star Button / Stars\";FramerhQOPD2TiA.defaultProps={height:20,width:20};addPropertyControls(FramerhQOPD2TiA,{variant:{options:[\"dlK17osLG\",\"nJs5z4lUp\",\"mYT_xr7rb\",\"VkJD3tFCE\"],optionTitles:[\"Off\",\"Off Pressed\",\"Yellow\",\"Yellow Pressed\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerhQOPD2TiA,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerhQOPD2TiA\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"20\",\"framerIntrinsicWidth\":\"20\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"nJs5z4lUp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"mYT_xr7rb\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"VkJD3tFCE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hQOPD2TiA.map", "// Generated by Framer (89417f6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"QmtVZOZb_\",\"RSm1YusXC\"];const variantClassNames={QmtVZOZb_:\"framer-v-g4r86v\",RSm1YusXC:\"framer-v-1ursf2u\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={Current:\"QmtVZOZb_\",Next:\"RSm1YusXC\"};const getProps=({_2Digi,height,id,lastDigi,nextDigi,textColor,width,...props})=>{var ref,ref1,ref2,_variant,ref3,ref4;return{...props,amVDsx223:(ref=nextDigi!==null&&nextDigi!==void 0?nextDigi:props.amVDsx223)!==null&&ref!==void 0?ref:\"4\",DWZmRu6cX:(ref1=textColor!==null&&textColor!==void 0?textColor:props.DWZmRu6cX)!==null&&ref1!==void 0?ref1:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",spMvOepCP:(ref2=lastDigi!==null&&lastDigi!==void 0?lastDigi:props.spMvOepCP)!==null&&ref2!==void 0?ref2:\"3\",variant:(ref3=(_variant=humanReadableVariantMap[props.variant])!==null&&_variant!==void 0?_variant:props.variant)!==null&&ref3!==void 0?ref3:\"QmtVZOZb_\",zt58RBzTo:(ref4=_2Digi!==null&&_2Digi!==void 0?_2Digi:props.zt58RBzTo)!==null&&ref4!==void 0?ref4:\"21\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,DWZmRu6cX,zt58RBzTo,spMvOepCP,amVDsx223,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"QmtVZOZb_\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-cRgfi\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-g4r86v\",className),\"data-framer-name\":\"Current\",layoutDependency:layoutDependency,layoutId:\"QmtVZOZb_\",ref:ref,style:{...style},...addPropertyOverrides({RSm1YusXC:{\"data-framer-name\":\"Next\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-DWZmRu6cX-hoxKd4sQp))\"},children:\"21\"})}),className:\"framer-1yygqre\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"T52DOZv2F\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-DWZmRu6cX-hoxKd4sQp)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-DWZmRu6cX-hoxKd4sQp\":DWZmRu6cX},text:zt58RBzTo,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-DWZmRu6cX-hoxKd4sQp))\"},children:\"text\"})}),className:\"framer-lnoswd\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"QZVru7hHe\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-DWZmRu6cX-hoxKd4sQp)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-DWZmRu6cX-hoxKd4sQp\":DWZmRu6cX},text:spMvOepCP,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-DWZmRu6cX-hoxKd4sQp))\"},children:\"4\"})}),className:\"framer-1v9kz7t\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"KgeAW6dld\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-DWZmRu6cX-hoxKd4sQp)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-DWZmRu6cX-hoxKd4sQp\":DWZmRu6cX},text:amVDsx223,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=['.framer-cRgfi [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-cRgfi .framer-14iwip3 { display: block; }\",\".framer-cRgfi .framer-g4r86v { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-cRgfi .framer-1yygqre, .framer-cRgfi .framer-lnoswd { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-cRgfi .framer-1v9kz7t { -webkit-user-select: none; bottom: -16px; flex: none; height: auto; position: absolute; right: 0px; user-select: none; white-space: pre; width: auto; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cRgfi .framer-g4r86v { gap: 0px; } .framer-cRgfi .framer-g4r86v > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-cRgfi .framer-g4r86v > :first-child { margin-left: 0px; } .framer-cRgfi .framer-g4r86v > :last-child { margin-right: 0px; } }\",\".framer-cRgfi.framer-v-1ursf2u .framer-lnoswd { position: absolute; right: 0px; top: -16px; z-index: 1; }\",\".framer-cRgfi.framer-v-1ursf2u .framer-1v9kz7t { bottom: unset; position: relative; right: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 19\n * @framerIntrinsicWidth 25\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"RSm1YusXC\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"DWZmRu6cX\":\"textColor\",\"zt58RBzTo\":\"_2Digi\",\"spMvOepCP\":\"lastDigi\",\"amVDsx223\":\"nextDigi\"}\n * @framerImmutableVariables false\n */ const FramerhoxKd4sQp=withCSS(Component,css,\"framer-cRgfi\");export default FramerhoxKd4sQp;FramerhoxKd4sQp.displayName=\"Star Button/Numbers\";FramerhoxKd4sQp.defaultProps={height:19,width:25};addPropertyControls(FramerhoxKd4sQp,{variant:{options:[\"QmtVZOZb_\",\"RSm1YusXC\"],optionTitles:[\"Current\",\"Next\"],title:\"Variant\",type:ControlType.Enum},DWZmRu6cX:{defaultValue:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",title:\"Text Color\",type:ControlType.Color},zt58RBzTo:{defaultValue:\"21\",displayTextArea:false,title:\"2 digi\",type:ControlType.String},spMvOepCP:{defaultValue:\"3\",displayTextArea:false,title:\"Last digi\",type:ControlType.String},amVDsx223:{defaultValue:\"4\",displayTextArea:false,title:\"Next digi\",type:ControlType.String}});addFonts(FramerhoxKd4sQp,[{family:\"Satoshi\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/hoxKd4sQp:default\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\"},style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerhoxKd4sQp\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"25\",\"framerImmutableVariables\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"19\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"RSm1YusXC\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"DWZmRu6cX\\\":\\\"textColor\\\",\\\"zt58RBzTo\\\":\\\"_2Digi\\\",\\\"spMvOepCP\\\":\\\"lastDigi\\\",\\\"amVDsx223\\\":\\\"nextDigi\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hoxKd4sQp.map", "// Generated by Framer (401b244)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import StarButtonStars from\"https://framerusercontent.com/modules/2DxOhdjY3wOWSY6N1P5f/UPf39z9vguHFpHRTDur5/hQOPD2TiA.js\";import StarButtonNumbers from\"https://framerusercontent.com/modules/2fSrGFk3zrQ6QfGNCSQG/IVOZAT2pUhLTWbvBU5ot/hoxKd4sQp.js\";const StarButtonStarsFonts=getFonts(StarButtonStars);const StarButtonNumbersFonts=getFonts(StarButtonNumbers);const enabledGestures={R3N2vO3pE:{hover:true,pressed:true},S4WMfMOah:{hover:true,pressed:true}};const cycleOrder=[\"R3N2vO3pE\",\"Tv89qx86o\",\"S4WMfMOah\",\"H5tJk5tqt\"];const serializationHash=\"framer-Q6mjK\";const variantClassNames={H5tJk5tqt:\"framer-v-99gilz\",R3N2vO3pE:\"framer-v-i0zfga\",S4WMfMOah:\"framer-v-1bq8t2\",Tv89qx86o:\"framer-v-3ju3u2\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={damping:40,delay:0,mass:1,stiffness:600,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Clicked-Helper\":\"Tv89qx86o\",\"Default-Helper\":\"H5tJk5tqt\",Clicked:\"S4WMfMOah\",Default:\"R3N2vO3pE\"};const getProps=({_2Digi,height,id,lastDigi,nextDigi,title,width,...props})=>{var _ref,_ref1,_ref2,_ref3,_humanReadableVariantMap_props_variant,_ref4;return{...props,draFX9c2X:(_ref=_2Digi!==null&&_2Digi!==void 0?_2Digi:props.draFX9c2X)!==null&&_ref!==void 0?_ref:\"21\",NguQoKuBX:(_ref1=nextDigi!==null&&nextDigi!==void 0?nextDigi:props.NguQoKuBX)!==null&&_ref1!==void 0?_ref1:\"4\",O4e0qbnNo:(_ref2=lastDigi!==null&&lastDigi!==void 0?lastDigi:props.O4e0qbnNo)!==null&&_ref2!==void 0?_ref2:\"3\",OzL2Sm1fK:(_ref3=title!==null&&title!==void 0?title:props.OzL2Sm1fK)!==null&&_ref3!==void 0?_ref3:\"Star on GitHub\",variant:(_ref4=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref4!==void 0?_ref4:\"R3N2vO3pE\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,OzL2Sm1fK,draFX9c2X,O4e0qbnNo,NguQoKuBX,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"R3N2vO3pE\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap6yiha1=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"Tv89qx86o\");});const onAppear1nibg6i=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"S4WMfMOah\"),100);});const onTap17bzot=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"H5tJk5tqt\");});const onAppearlhaypq=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"R3N2vO3pE\"),100);});useOnVariantChange(baseVariant,{H5tJk5tqt:onAppearlhaypq,Tv89qx86o:onAppear1nibg6i});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-i0zfga\",className,classNames),\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"R3N2vO3pE\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:onTap6yiha1,onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255))\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6,boxShadow:'0px 0px 0px 0px var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */, 0px 0px 0px 0px var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */',...style},variants:{\"R3N2vO3pE-hover\":{boxShadow:'0px 0px 0px 2px var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */, 0px 0px 0px 4px var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */'},\"R3N2vO3pE-pressed\":{boxShadow:'0px 0px 0px 2px var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */, 0px 0px 0px 4px var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */'},\"S4WMfMOah-hover\":{boxShadow:'0px 0px 0px 2px var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */, 0px 0px 0px 4px var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */'},\"S4WMfMOah-pressed\":{boxShadow:'0px 0px 0px 2px var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)) /* {\"name\":\"1\"} */, 0px 0px 0px 4px var(--token-20608b9f-0145-4a1e-b971-ee948ebbb015, rgb(255, 255, 255)) /* {\"name\":\"12\"} */'}},...addPropertyOverrides({\"R3N2vO3pE-hover\":{\"data-framer-name\":undefined},\"R3N2vO3pE-pressed\":{\"data-framer-name\":undefined},\"S4WMfMOah-hover\":{\"data-framer-name\":undefined},\"S4WMfMOah-pressed\":{\"data-framer-name\":undefined},H5tJk5tqt:{\"data-framer-name\":\"Default-Helper\",onTap:()=>setGestureState({isPressed:false})},S4WMfMOah:{\"data-framer-name\":\"Clicked\",onTap:onTap17bzot},Tv89qx86o:{\"data-framer-name\":\"Clicked-Helper\",onTap:()=>setGestureState({isPressed:false})}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-1spl7xs\",\"data-framer-name\":\"GitHub\",fill:\"black\",intrinsicHeight:32,intrinsicWidth:32,layoutDependency:layoutDependency,layoutId:\"G3L36hCqZ\",svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1ib2xk\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5)))\"},children:\"Star on GitHub\"})}),className:\"framer-7itaz0\",fonts:[\"FS;Satoshi-bold\"],layoutDependency:layoutDependency,layoutId:\"OVU_zXIX8\",style:{\"--extracted-r6o4lv\":\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:OzL2Sm1fK,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-dut2dt\",\"data-framer-name\":\"Stars\",layoutDependency:layoutDependency,layoutId:\"sn5ZkMYsC\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-11oymo3-container\",layoutDependency:layoutDependency,layoutId:\"O0wZL4fo3-container\",children:/*#__PURE__*/_jsx(StarButtonStars,{height:\"100%\",id:\"O0wZL4fo3\",layoutId:\"O0wZL4fo3\",style:{height:\"100%\",width:\"100%\"},variant:\"dlK17osLG\",width:\"100%\",...addPropertyOverrides({\"R3N2vO3pE-pressed\":{variant:\"VkJD3tFCE\"},\"S4WMfMOah-pressed\":{variant:\"nJs5z4lUp\"},H5tJk5tqt:{variant:\"nJs5z4lUp\"},S4WMfMOah:{variant:\"mYT_xr7rb\"},Tv89qx86o:{variant:\"VkJD3tFCE\"}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-13gsah9-container\",layoutDependency:layoutDependency,layoutId:\"NTzFHkJrx-container\",children:/*#__PURE__*/_jsx(StarButtonNumbers,{amVDsx223:NguQoKuBX,DWZmRu6cX:\"var(--token-419394a1-565d-4952-8ba3-b4f1eb92339c, rgb(5, 5, 5))\",height:\"100%\",id:\"NTzFHkJrx\",layoutId:\"NTzFHkJrx\",spMvOepCP:O4e0qbnNo,variant:\"QmtVZOZb_\",width:\"100%\",zt58RBzTo:draFX9c2X,...addPropertyOverrides({S4WMfMOah:{variant:\"RSm1YusXC\"},Tv89qx86o:{variant:\"RSm1YusXC\"}},baseVariant,gestureVariant)})})})})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-3sdlxa\",\"data-framer-name\":\"Shine\",layoutDependency:layoutDependency,layoutId:\"ksgGbgGam\",style:{backgroundColor:\"rgba(155, 161, 165, 0.2)\",rotate:8}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Q6mjK.framer-130r43l, .framer-Q6mjK .framer-130r43l { display: block; }\",\".framer-Q6mjK.framer-i0zfga { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 12px 18px 12px 18px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-Q6mjK .framer-1spl7xs { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: relative; width: 20px; }\",\".framer-Q6mjK .framer-7itaz0 { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-Q6mjK .framer-dut2dt { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 6px; height: auto; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: auto; }\",\".framer-Q6mjK .framer-11oymo3-container { flex: none; height: 20px; position: relative; width: 20px; }\",\".framer-Q6mjK .framer-13gsah9-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-Q6mjK .framer-3sdlxa { flex: none; height: 144px; overflow: hidden; position: absolute; right: -39px; top: calc(50.00000000000002% - 144px / 2); width: 36px; z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Q6mjK.framer-i0zfga, .framer-Q6mjK .framer-dut2dt { gap: 0px; } .framer-Q6mjK.framer-i0zfga > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-Q6mjK.framer-i0zfga > :first-child, .framer-Q6mjK .framer-dut2dt > :first-child { margin-left: 0px; } .framer-Q6mjK.framer-i0zfga > :last-child, .framer-Q6mjK .framer-dut2dt > :last-child { margin-right: 0px; } .framer-Q6mjK .framer-dut2dt > * { margin: 0px; margin-left: calc(6px / 2); margin-right: calc(6px / 2); } }\",\".framer-Q6mjK.framer-v-3ju3u2 .framer-3sdlxa, .framer-Q6mjK.framer-v-99gilz .framer-3sdlxa, .framer-Q6mjK.framer-v-i0zfga.hover .framer-3sdlxa, .framer-Q6mjK.framer-v-i0zfga.pressed .framer-3sdlxa, .framer-Q6mjK.framer-v-1bq8t2.hover .framer-3sdlxa, .framer-Q6mjK.framer-v-1bq8t2.pressed .framer-3sdlxa { right: 190px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 238\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Tv89qx86o\":{\"layout\":[\"auto\",\"auto\"]},\"S4WMfMOah\":{\"layout\":[\"auto\",\"auto\"]},\"H5tJk5tqt\":{\"layout\":[\"auto\",\"auto\"]},\"JFs3LdYWZ\":{\"layout\":[\"auto\",\"auto\"]},\"CfTmKJUYf\":{\"layout\":[\"auto\",\"auto\"]},\"pwRTgElIc\":{\"layout\":[\"auto\",\"auto\"]},\"TAIakXzBT\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"OzL2Sm1fK\":\"title\",\"draFX9c2X\":\"_2Digi\",\"O4e0qbnNo\":\"lastDigi\",\"NguQoKuBX\":\"nextDigi\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerMixBPeGna=withCSS(Component,css,\"framer-Q6mjK\");export default FramerMixBPeGna;FramerMixBPeGna.displayName=\"Button/Github\";FramerMixBPeGna.defaultProps={height:44,width:238};addPropertyControls(FramerMixBPeGna,{variant:{options:[\"R3N2vO3pE\",\"Tv89qx86o\",\"S4WMfMOah\",\"H5tJk5tqt\"],optionTitles:[\"Default\",\"Clicked-Helper\",\"Clicked\",\"Default-Helper\"],title:\"Variant\",type:ControlType.Enum},OzL2Sm1fK:{defaultValue:\"Star on GitHub\",displayTextArea:false,title:\"Title\",type:ControlType.String},draFX9c2X:{defaultValue:\"21\",displayTextArea:false,title:\"2 Digi\",type:ControlType.String},O4e0qbnNo:{defaultValue:\"3\",displayTextArea:false,title:\"Last Digi\",type:ControlType.String},NguQoKuBX:{defaultValue:\"4\",displayTextArea:false,title:\"Next Digi\",type:ControlType.String}});addFonts(FramerMixBPeGna,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"}]},...StarButtonStarsFonts,...StarButtonNumbersFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerMixBPeGna\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"OzL2Sm1fK\\\":\\\"title\\\",\\\"draFX9c2X\\\":\\\"_2Digi\\\",\\\"O4e0qbnNo\\\":\\\"lastDigi\\\",\\\"NguQoKuBX\\\":\\\"nextDigi\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Tv89qx86o\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"S4WMfMOah\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"H5tJk5tqt\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"JFs3LdYWZ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"CfTmKJUYf\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"pwRTgElIc\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"TAIakXzBT\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"238\",\"framerIntrinsicHeight\":\"44\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MixBPeGna.map", "let Component;\nvar Home_default = (React) => {\n if (!Component) {\n const HomeIcon = React.forwardRef(function HomeIcon2({\n title,\n titleId,\n ...props\n }, svgRef) {\n return /* @__PURE__ */ React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 24 24\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /* @__PURE__ */ React.createElement(\"title\", {\n id: titleId\n }, title) : null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z\"\n }), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z\"\n }));\n });\n Component = HomeIcon;\n }\n return Component;\n};\nconst __FramerMetadata__ = {\n exports: {\n default: {\n type: \"reactComponent\",\n slots: [],\n annotations: { framerContractVersion: \"1\" }\n },\n __FramerMetadata__: { type: \"variable\" }\n }\n};\nexport {\n __FramerMetadata__,\n Home_default as default\n};\n", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HomeFactory from\"https://framer.com/m/hero-icons/Home.js@0.0.28\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";export const iconKeys=[\"AcademicCap\",\"AdjustmentsVertical\",\"ArchiveBox\",\"ArchiveBoxArrowDown\",\"ArchiveBoxXMark\",\"ArrowDown\",\"ArrowDownCircle\",\"ArrowDownLeft\",\"ArrowDownOnSquare\",\"ArrowDownRight\",\"ArrowDownTray\",\"ArrowLeft\",\"ArrowLeftCircle\",\"ArrowLeftOnRectangle\",\"ArrowLongDown\",\"ArrowLongLeft\",\"ArrowLongRight\",\"ArrowLongUp\",\"ArrowPath\",\"ArrowRight\",\"ArrowRightCircle\",\"ArrowSmallDown\",\"ArrowSmallLeft\",\"ArrowSmallRight\",\"ArrowSmallUp\",\"ArrowTrendingDown\",\"ArrowTrendingUp\",\"ArrowUp\",\"ArrowUpCircle\",\"ArrowUpLeft\",\"ArrowUpOnSquare\",\"ArrowUpOnSquareStack\",\"ArrowUpRight\",\"ArrowUpTray\",\"ArrowUturnDown\",\"ArrowUturnLeft\",\"ArrowUturnRight\",\"ArrowUturnUp\",\"ArrowsPointingIn\",\"ArrowsPointingOut\",\"ArrowsRightLeft\",\"ArrowsUpDown\",\"AtSymbol\",\"Backspace\",\"Backward\",\"Banknotes\",\"Bars2\",\"Bars3\",\"Bars3BottomLeft\",\"Bars3BottomRight\",\"Bars3CenterLeft\",\"Bars4\",\"BarsArrowDown\",\"BarsArrowUp\",\"Battery0\",\"Battery100\",\"Battery50\",\"Beaker\",\"Bell\",\"BellAlert\",\"BellSlash\",\"BellSnooze\",\"Bolt\",\"BoltSlash\",\"BookOpen\",\"Bookmark\",\"BookmarkSlash\",\"BookmarkSquare\",\"Briefcase\",\"BugAnt\",\"BuildingLibrary\",\"BuildingOffice\",\"BuildingOffice2\",\"BuildingStorefront\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarDays\",\"Camera\",\"ChartBar\",\"ChartBarSquare\",\"ChartPie\",\"ChatBubbleLeft\",\"ChatBubbleLeftRight\",\"ChatBubbleOvalLeft\",\"Check\",\"CheckBadge\",\"CheckCircle\",\"ChevronDoubleDown\",\"ChevronDoubleLeft\",\"ChevronDoubleRight\",\"ChevronDoubleUp\",\"ChevronDown\",\"ChevronLeft\",\"ChevronRight\",\"ChevronUp\",\"ChevronUpDown\",\"CircleStack\",\"Clipboard\",\"ClipboardDocument\",\"Clock\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CodeBracket\",\"CodeBracketSquare\",\"Cog\",\"Cog6Tooth\",\"Cog8Tooth\",\"CommandLine\",\"ComputerDesktop\",\"CpuChip\",\"CreditCard\",\"Cube\",\"CubeTransparent\",\"CurrencyBangladeshi\",\"CurrencyDollar\",\"CurrencyEuro\",\"CurrencyPound\",\"CurrencyRupee\",\"CurrencyYen\",\"CursorArrowRays\",\"CursorArrowRipple\",\"DevicePhoneMobile\",\"DeviceTablet\",\"Document\",\"DocumentArrowDown\",\"DocumentArrowUp\",\"DocumentChartBar\",\"DocumentCheck\",\"DocumentDuplicate\",\"DocumentMinus\",\"DocumentPlus\",\"DocumentText\",\"EllipsisHorizontal\",\"EllipsisVertical\",\"Envelope\",\"EnvelopeOpen\",\"ExclamationCircle\",\"ExclamationTriangle\",\"Eye\",\"EyeDropper\",\"EyeSlash\",\"FaceFrown\",\"FaceSmile\",\"Film\",\"FingerPrint\",\"Fire\",\"Flag\",\"Folder\",\"FolderArrowDown\",\"FolderMinus\",\"FolderOpen\",\"FolderPlus\",\"Forward\",\"Funnel\",\"Gif\",\"Gift\",\"GiftTop\",\"GlobeAlt\",\"GlobeAmericas\",\"GlobeAsiaAustralia\",\"GlobeEuropeAfrica\",\"HandRaised\",\"HandThumbDown\",\"HandThumbUp\",\"Hashtag\",\"Heart\",\"Home\",\"HomeModern\",\"Identification\",\"Inbox\",\"InboxArrowDown\",\"InboxStack\",\"InformationCircle\",\"Key\",\"Language\",\"Lifebuoy\",\"LightBulb\",\"Link\",\"ListBullet\",\"LockClosed\",\"LockOpen\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"Map\",\"MapPin\",\"Megaphone\",\"Microphone\",\"Minus\",\"MinusCircle\",\"MinusSmall\",\"Moon\",\"MusicalNote\",\"Newspaper\",\"NoSymbol\",\"PaintBrush\",\"PaperAirplane\",\"PaperClip\",\"Pause\",\"PauseCircle\",\"Pencil\",\"PencilSquare\",\"Phone\",\"PhoneArrowDownLeft\",\"PhoneArrowUpRight\",\"PhoneXMark\",\"Photo\",\"Play\",\"PlayCircle\",\"PlayPause\",\"Plus\",\"PlusCircle\",\"PlusSmall\",\"Power\",\"PresentationChartBar\",\"Printer\",\"PuzzlePiece\",\"QrCode\",\"QuestionMarkCircle\",\"QueueList\",\"Radio\",\"ReceiptPercent\",\"ReceiptRefund\",\"RectangleGroup\",\"RectangleStack\",\"RocketLaunch\",\"Rss\",\"Scale\",\"Scissors\",\"Server\",\"ServerStack\",\"Share\",\"ShieldCheck\",\"ShieldExclamation\",\"ShoppingBag\",\"ShoppingCart\",\"Signal\",\"SignalSlash\",\"Sparkles\",\"SpeakerWave\",\"SpeakerXMark\",\"Square2Stack\",\"Square3Stack3D\",\"Squares2X2\",\"SquaresPlus\",\"Star\",\"Stop\",\"StopCircle\",\"Sun\",\"Swatch\",\"TableCells\",\"Tag\",\"Ticket\",\"Trash\",\"Trophy\",\"Truck\",\"Tv\",\"User\",\"UserCircle\",\"UserGroup\",\"UserMinus\",\"UserPlus\",\"Users\",\"Variable\",\"VideoCamera\",\"VideoCameraSlash\",\"ViewColumns\",\"ViewfinderCircle\",\"Wallet\",\"Wifi\",\"Window\",\"Wrench\",\"WrenchScrewdriver\",\"XCircle\",\"XMark\",\"index\"];const moduleBaseUrl=\"https://framer.com/m/hero-icons/\";const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * HERO\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);// Selected Icon Module\nconst[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HomeFactory(React):null);// Import the selected module or reset so null state\nasync function importModule(){// Get the selected module\ntry{const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@0.0.28`;const module=await import(/* webpackIgnore: true */iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch{if(isMounted.current)setSelectedIcon(null);}}// Import module when new style or icon is selected\nuseEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/_jsx(NullState,{}):null;return /*#__PURE__*/_jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/_jsx(SelectedIcon,{style:{width:\"100%\",height:\"100%\",transform:mirrored?\"scale(-1, 1)\":undefined},color:color}):emptyState});}Icon.displayName=\"Hero\";Icon.defaultProps={width:24,height:24,iconSelection:\"Home\",iconSearch:\"Home\",color:\"#66F\",selectByList:true,mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Hero site](https://heroicons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"iconKeys\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hero.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the