{"version":3,"file":"siteMetadata.aO7adYPl.mjs","names":[],"sources":["https:/framerusercontent.com/modules/a9AzecO9HuO2GBuJH2Vw/86OfYuecrmV5SpLwwu28/siteMetadata.js"],"sourcesContent":["// Generated by Framer (8b622ab)\nexport default function metadata(params,activeLocale){return{customHTMLBodyEnd:'<script src=\"https://cdn.paddle.com/paddle/v2/paddle.js\"></script>\\n<script type=\"text/javascript\">\\n  const isDev = window.location.host !== \"motion.dev\"\\n\\n  Paddle.Initialize({ \\n    token: isDev ? \"test_f13ee42b11c40741091a279744c\" : \"live_e629c1567996e680925324dfb66\",\\n    pwCustomer: isDev ? undefined : {}\\n  });\\n\\n  if (isDev) {\\n    Paddle.Environment.set(\\'sandbox\\')\\n  }\\n</script>\\n<script async=\"\">\\ndocument.addEventListener(\\'keydown\\', function(event) {\\n    if (event.metaKey && event.key === \\'k\\') {\\n        event.preventDefault();\\n        const searchButton = document.querySelector(\\'[data-framer-name=\"Search Container\"] button\\')\\n        if (searchButton) searchButton.click()\\n    }\\n});\\n</script>',customHTMLHeadEnd:'<meta name=\"color-scheme\" content=\"dark\">\\n<style>\\nbody {\\n  --black: #0f1115;\\n  --white: #f5f5f5;\\n  --yellow: #fff312;\\n  --hue-0: var(--yellow);\\n  --hue-1: #ff0088;\\n  --hue-2: #dd00ee;\\n  --hue-3: #9911ff;\\n  --hue-4: #0d63f8;\\n  --hue-5: #0cdcf7;\\n  --hue-6: #4ff0b7;\\n\\n  --hue-0-transparent: #fff31244;\\n  --hue-1-transparent: #ff008844;\\n  --hue-2-transparent: #dd00ee44;\\n  --hue-3-transparent: #9911ff44;\\n  --hue-4-transparent: #0d63f844;\\n  --hue-5-transparent: #0cdcf744;\\n  --hue-6-transparent: #4ff0b744;\\n\\n    --accent: var(--hue-0);\\n    --accent-transparent: var(--hue-0-transparent);\\n}\\n\\nhtml, .cm-scroller {\\n    scrollbar-color: var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, rgb(235, 235, 235)) transparent;\\n}\\n\\n.cm-scroller {\\n    scrollbar-width: thin;\\n}\\n\\nblockquote p {\\n  z-index: 1;\\n  position: relative;\\n}\\n\\nblockquote .framer-text {\\n  margin-top: 20px !important;\\n}\\n\\nblockquote::after {\\n  content: \"“\";\\n  color: var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  border-radius: 50%;\\n  width: 56px;\\n  height: 200px;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  font-size: 300px;\\n  line-height: 200px;\\n}\\n\\n.spring-visualiser {\\n  padding: 20px;\\n  border: 1px solid var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  border-radius: 10px;\\n  background-color: var(--token-74b02f5b-961b-49eb-8e13-4477bd831f3e, #12141a);\\n}\\n\\n.spring-visualiser .select-container {\\n  position: relative;\\n}\\n\\n.spring-visualiser .select-container::before  {\\n  --size: 5px;\\n  position: absolute;\\n  content: \"\";\\n  right: 18px;\\n  pointer-events: none;\\n}\\n\\n.spring-visualiser .select-container::before {\\n  border-left: var(--size) solid transparent;\\n  border-right: var(--size) solid transparent;\\n  border-top: var(--size) solid var(--framer-text-color, #fff);\\n  top: 18px;\\n}\\n\\n.spring-visualiser label {\\n  color: var(--framer-text-color, #fff);\\n  display: flex;\\n  flex-direction: column;\\n  font-family: Gabarito;\\n  font-size: 16px;\\n  gap: 5px;\\n  margin: 10px 0;\\n}\\n\\n.spring-visualiser input {\\n  color: var(--framer-text-color, #fff);\\n  font-family: JetBrains Mono;\\n  font-size: 14px;\\n}\\n\\n.spring-visualiser select {\\n  appearance: none;\\n  -webkit-appearance: none;\\n  width: 100%;\\n  font-family: Gabarito;\\n  font-size: 16px;\\n  padding: 10px;\\n  border: 1px solid var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  border-radius: 5px;\\n  cursor: pointer;\\n  color: var(--framer-text-color, #fff);\\n  background-color: rgba(255,255,255,0.03);\\n}\\n\\n.spring-visualiser input[type=number]:focus-visible,\\n.spring-visualiser select:focus-visible {\\n  outline: 1px solid rgb(79, 240, 183);\\n}\\n\\n.spring-visualiser .inputs {\\n  display: flex;\\n  gap: 5px;\\n  padding-top: 5px;\\n}\\n\\n.spring-visualiser .inputs input[type=number] {\\n  appearance: none;\\n  -webkit-appearance: none;\\n  font-family: JetBrains Mono;\\n  border: 1px solid var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  border-radius: 5px;\\n  background-color: rgba(255,255,255,0.03);\\n  color: var(--framer-text-color, #fff);\\n  padding: 7px 9px;\\n  width: 80px;\\n}\\n\\n.spring-visualiser input[type=range] {\\n  -webkit-appearance: none; \\n  width: 200px;\\n  background: transparent;\\n}\\n\\n.spring-visualiser input[type=range]::-webkit-slider-thumb {\\n  -webkit-appearance: none;\\n}\\n\\n.spring-visualiser > div:nth-child(2) {\\n  padding: 40px 0 0 0!important;\\n}\\n\\n/* Webkit */\\n.spring-visualiser input[type=range]::-webkit-slider-thumb {\\n  -webkit-appearance: none;\\n  width: 16px;\\n  height: 16px;\\n  background: var(--framer-text-color, #fff);\\n  border-radius: 50%;\\n  cursor: grab;\\n  margin-top: -5.5px;\\n}\\n\\n/* All the same stuff for Firefox */\\n.spring-visualiser input[type=range]::-moz-range-thumb {\\n  width: 16px;\\n  height: 16px;\\n  background: var(--framer-text-color, #fff);\\n  border-radius: 50%;\\n  cursor: grab;\\n}\\n\\n/* Track styles */\\n.spring-visualiser input[type=range]::-webkit-slider-runnable-track {\\n  width: 100%;\\n  height: 8px;\\n  cursor: pointer;\\n  border-radius: 2px;\\n  border: 1px solid var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  background-color: rgba(255,255,255,0.03);\\n  transition: background-color 0.2s ease-out;\\n}\\n\\n.spring-visualiser input[type=range]:focus::-webkit-slider-runnable-track {\\n background-color: rgb(79, 240, 183);\\n}\\n\\n.spring-visualiser input[type=range]::-moz-range-track {\\n  width: 100%;\\n  height: 8px;\\n  cursor: pointer;\\n  border-radius: 2px;\\n  border: 1px solid var(--token-6665bf47-c092-461e-b1a2-a1332f6b6ec5, #2e3542);\\n  background-color: rgba(255,255,255,0.03);\\n}\\n\\n.spring-visualiser label.use-visual-duration {\\n  flex-direction: row;\\n  display: flex;\\n}\\n\\n.spring-visualiser input[type=checkbox] {\\n  accent-color: rgb(79, 240, 183);\\n}\\n\\n.__framer-search-modal-container > div:first-child {\\n  background-color: transparent !important;\\n  background-image: radial-gradient(transparent 1px, #000 1px) !important;\\n  background-size: 4px 4px !important;\\n  backdrop-filter: brightness(1) blur(10px);\\n}\\n\\n::selection {\\n  color: var(--white);\\n  background: var(--hue-4);\\n}\\n</style>',description:\"Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.\",favicon:\"https://framerusercontent.com/assets/3aQX5dnH5Yqgsn98QXKF2ZXxIE.png\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/0MHMgyzBybzn2UuLltHc7lcsOIc.png\",title:\"Motion - A modern animation library for JavaScript and React\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"gDACe,SAAS,EAAS,EAAO,EAAa,CAAC,MAAM,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;WAA2tB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAA2nK,YAAY,wLAAwL,QAAQ,sEAAsE,OAAO,0BAA0B,YAAY,uEAAuE,MAAM,8DAA+D,CAAE"}