{"version":3,"file":"index.CI6syL5i.js","sources":["../../../../components/Landing/ScrollReveal.vue","../../../../assets/images/landing/feed.webp","../../../../assets/images/landing/public-spaces-mobile.webp","../../../../assets/images/landing/desktop-notifications-mobile.webp","../../../../assets/images/landing/browser-plugin-mobile.webp","../../../../assets/images/landing/hyper-fast-previews-mobile.webp","../../../../assets/images/landing/peek-any-file-mobile.webp","../../../../assets/images/landing/notes-mobile.webp","../../../../assets/images/landing/split-view-mobile.webp","../../../../assets/images/landing/folder-drag-and-drop-mobile.webp","../../../../assets/images/landing/batch-actions-mobile.webp","../../../../assets/images/landing/never-hit-refresh-mobile.webp","../../../../assets/images/landing/no-conflicted-copies-mobile.webp","../../../../assets/images/landing/public-spaces.webp","../../../../assets/images/landing/desktop-notifications.webp","../../../../assets/images/landing/browser-plugin.webp","../../../../assets/images/landing/hyper-fast-previews.webp","../../../../assets/images/landing/peek-any-file.webp","../../../../assets/images/landing/notes.webp","../../../../assets/images/landing/split-view.webp","../../../../assets/images/landing/folder-drag-and-drop.webp","../../../../assets/images/landing/batch-actions.webp","../../../../assets/images/landing/never-hit-refresh.webp","../../../../assets/images/landing/no-conflicted-copies.webp","../../../../assets/images/landing/library.webp","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconBrandYoutube.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconWorld.mjs","../../../../node_modules/@tabler/icons-vue/dist/esm/icons/IconBrandXFilled.mjs","../../../../assets/icons/brands/apple.svg","../../../../assets/icons/brands/windows.svg","../../../../assets/icons/brands/linux.svg","../../../../assets/icons/landing/grid-mode.svg?component","../../../../assets/icons/landing/preview-mode.svg?component","../../../../assets/icons/landing/waterfall-view.svg?component","../../../../assets/icons/landing/folder-icon.svg?component","../../../../assets/icons/landing/crystal-ball.svg?component","../../../../pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useWindowSize } from \"@vueuse/core\"\nimport type { StyleValue } from \"vue\"\n\nconst props = defineProps<{\n  content: string\n  container?: HTMLElement\n  theme: \"amber\" | \"purple\"\n  left?: boolean\n  y: number\n}>()\nconst textContent = ref<HTMLDivElement>()\nconst { height } = useWindowSize()\n\nfunction letterOpacityStyle(index: number) {\n  if (!props.container)\n    return { opacity: 1 }\n  const containerTop = props.container.offsetTop\n\n  const containerHeight = props.container.getBoundingClientRect().height + 0.00001\n  const scrollFrac = Math.min(1, (props.y - containerTop) / containerHeight)\n\n  const totalCharacters = props.content.length + 0.0001\n  const charFrac = 1 - index / totalCharacters\n\n  const totalFrac = clamp(charFrac + scrollFrac * 2.5 - 0.5, 0.1, 1)\n  return { opacity: totalFrac }\n}\n\nfunction translateScrollStyle(): StyleValue {\n  if (!props.container)\n    return { transform: \"translate(0px, 0px)\" }\n  const containerTop = props.container.offsetTop\n  const containerHeight = props.container.getBoundingClientRect().height + 0.00001\n  const containerBottom = containerTop + containerHeight\n  const containerPageY = (containerHeight / 2) - (height.value / 2)\n  // Fraction of the section that has scrolled\n  const scrollFrac = Math.min(1, (props.y - containerTop) / containerHeight)\n  // undo scroll position of object then add container page value to center div\n  let centerTransY = (scrollFrac) * containerHeight - containerPageY\n  if (containerTop > props.y) { // scroll in\n    centerTransY = -containerPageY\n    return { transform: `translate3d(0px, ${centerTransY}px, 0px)` }\n  }\n  else if (containerBottom < (props.y + height.value)) { // scroll out\n    centerTransY = containerPageY\n    return { transform: `translate3d(0px, ${centerTransY}px, 0px)` }\n  }\n\n  const contentHeight = textContent.value?.getBoundingClientRect().height || 0\n  return {\n    \"position\": \"fixed\",\n    \"top\": \"50%\",\n    \"margin-top\": px(-contentHeight / 2),\n    \"left\": props.left ? \"0%\" : \"50%\",\n    // transform: `translate3d(0px, ${centerTransY}px, 0px)`\n  }\n}\n// watch(() => props.y, () => {\n//   if (!textContent.value)\n//     return\n//   textContent.value.style.transform = translateScrollStyle().transform\n// })\n</script>\n\n<template>\n  <div\n    ref=\"textContent\"\n    :style=\"translateScrollStyle()\"\n    class=\"pointer-events-none\"\n  >\n    <div class=\"mb-8\">\n      <div\n        class=\"pointer-events-none inline inline-flex items-center gap-1.5 rounded-lg bg-opacity-50 py-2 pl-2 pr-3.5 text-[20px] font-normal tracking-wide backdrop-blur-lg backdrop-filter\"\n        :class=\"{\n          'bg-[#321B0083] text-$global-amber-primary': theme === 'amber',\n          'bg-[#34194383] text-$global-purple-primary': theme === 'purple',\n        }\"\n      >\n        <slot />\n      </div>\n    </div>\n    <span\n      v-for=\"(letter, key) in content\"\n      :key\n      :style=\"letterOpacityStyle(key)\"\n    >\n      {{ letter }}\n    </span>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n\n.text-content\n  @apply text-white\n</style>\n","export default \"__VITE_ASSET__7_VJSJ0X__\"","export default \"__VITE_ASSET__3HSNhIUW__\"","export default \"__VITE_ASSET__Cm0A7UEd__\"","export default \"__VITE_ASSET__DVBkj9zH__\"","export default \"__VITE_ASSET__kACGJot7__\"","export default \"__VITE_ASSET__CVfUx98R__\"","export default \"__VITE_ASSET__D4iZdzyh__\"","export default \"__VITE_ASSET__CR1h_nAj__\"","export default \"__VITE_ASSET__CjtD6MD1__\"","export default \"__VITE_ASSET__BnO91ReK__\"","export default \"__VITE_ASSET__BXDVfUs6__\"","export default \"__VITE_ASSET__B5G5nf2___\"","export default \"__VITE_ASSET__DuS_wxtu__\"","export default \"__VITE_ASSET__dG3$IKgv__\"","export default \"__VITE_ASSET__CXm9rcgU__\"","export default \"__VITE_ASSET__C9SW0nQ4__\"","export default \"__VITE_ASSET__n$nYBr9V__\"","export default \"__VITE_ASSET__Ch9mmSui__\"","export default \"__VITE_ASSET__7$NfXPCf__\"","export default \"__VITE_ASSET__8729vGzi__\"","export default \"__VITE_ASSET__D8igUhlM__\"","export default \"__VITE_ASSET__CFA2gVWv__\"","export default \"__VITE_ASSET__DsmGk333__\"","export default \"__VITE_ASSET__B_h7ThEo__\"","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconBrandYoutube = createVueComponent(\"outline\", \"brand-youtube\", \"IconBrandYoutube\", [[\"path\", { \"d\": \"M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M10 9l5 3l-5 3z\", \"key\": \"svg-1\" }]]);\n\nexport { IconBrandYoutube as default };\n//# sourceMappingURL=IconBrandYoutube.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconWorld = createVueComponent(\"outline\", \"world\", \"IconWorld\", [[\"path\", { \"d\": \"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M3.6 9h16.8\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M3.6 15h16.8\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M11.5 3a17 17 0 0 0 0 18\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M12.5 3a17 17 0 0 1 0 18\", \"key\": \"svg-4\" }]]);\n\nexport { IconWorld as default };\n//# sourceMappingURL=IconWorld.mjs.map\n","/**\n * @license @tabler/icons-vue v3.2.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createVueComponent from '../createVueComponent.mjs';\n\nvar IconBrandXFilled = createVueComponent(\"filled\", \"brand-x-filled\", \"IconBrandXFilled\", [[\"path\", { \"d\": \"M8.267 3a1 1 0 0 1 .73 .317l.076 .092l4.274 5.828l5.946 -5.944a1 1 0 0 1 1.497 1.32l-.083 .094l-6.163 6.162l6.262 8.54a1 1 0 0 1 -.697 1.585l-.109 .006h-4.267a1 1 0 0 1 -.73 -.317l-.076 -.092l-4.276 -5.829l-5.944 5.945a1 1 0 0 1 -1.497 -1.32l.083 -.094l6.161 -6.163l-6.26 -8.539a1 1 0 0 1 .697 -1.585l.109 -.006h4.267z\", \"key\": \"svg-0\" }]]);\n\nexport { IconBrandXFilled as default };\n//# sourceMappingURL=IconBrandXFilled.mjs.map\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 384 512\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9m-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 448 512\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"m0 93.7 183.6-25.3v177.4H0zm0 324.6 183.6 25.3V268.4H0zm203.8 28L448 480V268.4H203.8zm0-380.6v180.1H448V32z\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 448 512\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7m-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4M420 403.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0 132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7M223.7 87.3c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8M183 75.8c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1m-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3q-2.1-7.35 4.2-12.3m3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9m-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2m257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6M173.3 148.7c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 32 32\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"6\\\" y=\\\"6\\\" fill=\\\"#FDB203\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .9922 .698 .0118);fill-opacity:1;\\\"></rect><rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"16.75\\\" y=\\\"6\\\" fill=\\\"#222227\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .1333 .1333 .1529);fill-opacity:1;\\\"></rect><rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"16.75\\\" y=\\\"6\\\" fill=\\\"#FDB203\\\" fill-opacity=\\\".5\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .9922 .698 .0118);fill-opacity:.5;\\\"></rect><rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"6\\\" y=\\\"16.75\\\" fill=\\\"#222227\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .1333 .1333 .1529);fill-opacity:1;\\\"></rect><rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"6\\\" y=\\\"16.75\\\" fill=\\\"#FDB203\\\" fill-opacity=\\\".5\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .9922 .698 .0118);fill-opacity:.5;\\\"></rect><rect width=\\\"9.25\\\" height=\\\"9.25\\\" x=\\\"16.75\\\" y=\\\"16.75\\\" fill=\\\"#FDB203\\\" rx=\\\"1.5\\\" style=\\\"fill:color(display-p3 .9922 .698 .0118);fill-opacity:1;\\\"></rect>\", 6)\nconst _hoisted_8 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_8]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M4.128 21.003h8.723c.727 0 1.327-.6 1.327-1.328V4.127c0-.728-.6-1.327-1.328-1.327H4.128c-.728 0-1.327.6-1.327 1.327v15.55c0 .726.6 1.326 1.327 1.326m-.19-16.876c0-.106.084-.19.19-.19h8.723c.106 0 .189.084.189.19v9.679c-1.328.053-2.534.515-3.382.94C8.36 14.239 7.1 13.8 5.903 13.8c-.645 0-1.305.091-1.965.281z\",\n  style: {\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  \"fill-opacity\": \".7\",\n  d: \"M8.677 9.627c.728 0 1.328-.6 1.328-1.328 0-.629-.44-1.152-1.024-1.289a1.68 1.68 0 0 0-1.441-.796c-.6 0-1.138.304-1.442.796A1.326 1.326 0 0 0 5.074 8.3c0 .727.6 1.327 1.328 1.327zM19.842 2.8h-1.66c-.64 0-1.16.595-1.16 1.327v15.55c0 .73.52 1.326 1.161 1.326h1.66c.64 0 1.16-.595 1.16-1.328V4.127c0-.732-.52-1.327-1.161-1.327\",\n  style: {\"fill-opacity\":\".7\"}\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  \"fill-opacity\": \".7\",\n  d: \"M19.174 21.565H4.827a2.394 2.394 0 0 1-2.391-2.392V4.826a2.394 2.394 0 0 1 2.39-2.391h14.348a2.394 2.394 0 0 1 2.392 2.39v14.348a2.394 2.394 0 0 1-2.392 2.392M4.827 4.028a.8.8 0 0 0-.798.798v14.347c0 .44.358.798.798.798h14.347c.44 0 .798-.358.798-.798V4.826a.8.8 0 0 0-.798-.798z\",\n  style: {\"fill-opacity\":\".7\"}\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M16.421 6.133h-1.993c-.66 0-1.196.535-1.196 1.195v9.167c0 .66.536 1.196 1.196 1.196h1.993c.66 0 1.196-.536 1.196-1.196V7.328c0-.66-.535-1.195-1.196-1.195\",\n  style: {\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M16.821 18.288h-2.789a1.397 1.397 0 0 1-1.395-1.395V6.929c0-.768.625-1.395 1.395-1.395h2.79c.768 0 1.395.626 1.395 1.395v9.964a1.4 1.4 0 0 1-1.396 1.395m-2.79-11.557a.2.2 0 0 0-.2.2v9.963c0 .11.09.2.2.2h2.79a.2.2 0 0 0 .199-.2V6.93a.2.2 0 0 0-.2-.2z\",\n  style: {\"fill-opacity\":\"1\"}\n}, null, -1)\nconst _hoisted_5 = [\n  _hoisted_2,\n  _hoisted_3,\n  _hoisted_4\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_5]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<g clip-path=\\\"url(#a)\\\"><g filter=\\\"url(#b)\\\"><path fill=\\\"currentColor\\\" d=\\\"M7.961 9.382c.186-.61.278-.916.46-1.142.161-.2.37-.356.609-.452.27-.108.59-.108 1.229-.108h12.015c.629 0 .943 0 1.162.13a.93.93 0 0 1 .406.503c.08.24.014.548-.119 1.162l-1.934 8.952c-.146.675-.219 1.012-.399 1.265a1.5 1.5 0 0 1-.626.505c-.285.123-.628.123-1.314.123H3.92h.275c.541-.105.54-.343.829-1.294.207-.683.331-1.093.76-2.49.714-2.33 1.62-5.313 2.177-7.154\\\" style=\\\"fill-opacity:1;\\\"></path><path stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" d=\\\"M5.664 19.57h-.02l.01-.028.087-.298c.207-.683.332-1.091.76-2.488.714-2.332 1.62-5.315 2.178-7.156.204-.674.258-.805.327-.89l-.585-.47.585.47a.75.75 0 0 1 .304-.226c.102-.041.243-.054.949-.054h12.015c.328 0 .525 0 .67.013.07.006.105.014.119.017q.043.031.064.08c0 .013 0 .05-.009.12a9 9 0 0 1-.128.657l-1.934 8.951c-.075.348-.124.57-.173.738a.8.8 0 0 1-.103.25.75.75 0 0 1-.313.252.8.8 0 0 1-.265.048c-.173.013-.398.014-.752.014H5.664Z\\\" style=\\\"stroke-opacity:1;\\\"></path></g><path fill=\\\"currentColor\\\" fill-rule=\\\"evenodd\\\" d=\\\"M5.563 3.698c-.132.076-.247.184-.477.399l-.485.455a1.08 1.08 0 0 1-.739.292c-.675 0-1.223.548-1.223 1.224v11.234c0 1.068 0 1.602.21 2.008.113.216.266.407.45.563.07-.154.132-.362.216-.646q.045-.157.103-.347c.23-.754.367-1.205.842-2.744.729-2.366 1.637-5.34 2.259-7.38.26-.854.39-1.282.646-1.598.225-.28.518-.497.851-.63.378-.153.824-.153 1.718-.153h11.204c-.018-.316-.06-.536-.156-.723a1.5 1.5 0 0 0-.64-.64c-.325-.168-.752-.168-1.606-.168h-5.32c-.321 0-.482 0-.633-.036a1.3 1.3 0 0 1-.366-.148c-.134-.079-.25-.19-.48-.413l-.135-.13c-.231-.223-.347-.334-.48-.413a1.3 1.3 0 0 0-.366-.147c-.152-.036-.312-.036-.633-.036h-3.78c-.314 0-.471 0-.62.034q-.19.045-.36.143M20.53 20.302q-.186.004-.436.003H4.56c.291.015.646.015 1.096.015h14.309c.253 0 .43 0 .565-.018\\\" clip-rule=\\\"evenodd\\\" style=\\\"fill-opacity:1;\\\"></path></g><defs><clipPath id=\\\"a\\\"><path fill=\\\"#fff\\\" d=\\\"M0 0h24v24H0z\\\" style=\\\"fill:#fff;fill-opacity:1;\\\"></path></clipPath><filter id=\\\"b\\\" width=\\\"25.316\\\" height=\\\"17.934\\\" x=\\\"1.208\\\" y=\\\"5.033\\\" color-interpolation-filters=\\\"sRGB\\\" filterUnits=\\\"userSpaceOnUse\\\"><feFlood flood-opacity=\\\"0\\\" result=\\\"BackgroundImageFix\\\"></feFlood><feGaussianBlur in=\\\"BackgroundImageFix\\\" stdDeviation=\\\"1.324\\\"></feGaussianBlur><feComposite in2=\\\"SourceAlpha\\\" operator=\\\"in\\\" result=\\\"effect1_backgroundBlur_5910_275227\\\"></feComposite><feBlend in=\\\"SourceGraphic\\\" in2=\\\"effect1_backgroundBlur_5910_275227\\\" result=\\\"shape\\\"></feBlend></filter></defs>\", 2)\nconst _hoisted_4 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 100 100\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-width\": \"5\",\n  d: \"M50 75.416c17.673 0 32-14.328 32-32.001 0-17.674-14.327-32-32-32s-32.001 14.326-32.001 32c0 17.673 14.327 32 32 32Z\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"ellipse\", {\n  cx: \"50\",\n  cy: \"66.5\",\n  fill: \"currentColor\",\n  rx: \"6\",\n  ry: \"1.5\"\n}, null, -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"currentColor\",\n  d: \"M33.648 82.244a10 10 0 0 1-1.76 1.519l-.39.263-.432.187c-.377.163-.738.496-.934 1.025-.41 1.106.187 2.176.974 2.489 5.18 2.058 11.765 3.272 18.895 3.272s13.714-1.214 18.895-3.272c.786-.313 1.383-1.383.973-2.489-.196-.53-.556-.863-.934-1.026l-.432-.186-.39-.264a10 10 0 0 1-1.76-1.518 40.5 40.5 0 0 1-16.352 3.431 40.5 40.5 0 0 1-16.353-3.43\"\n}, null, -1)\nconst _hoisted_5 = [\n  _hoisted_2,\n  _hoisted_3,\n  _hoisted_4\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_5]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport { useScroll, useWindowSize } from \"@vueuse/core\"\nimport { IconBrandDiscordFilled, IconBrandXFilled, IconBrandYoutube, IconHexagonFilled, IconWorld } from \"@tabler/icons-vue\"\nimport type { StyleValue } from \"vue\"\nimport IconApple from \"~/assets/icons/brands/apple.svg\"\nimport IconWindows from \"~/assets/icons/brands/windows.svg\"\nimport IconLinux from \"~/assets/icons/brands/linux.svg\"\nimport GridMode from \"~/assets/icons/landing/grid-mode.svg?component\"\nimport PreviewMode from \"~/assets/icons/landing/preview-mode.svg?component\"\nimport WaterfallView from \"~/assets/icons/landing/waterfall-view.svg?component\"\nimport FolderIcon from \"~/assets/icons/landing/folder-icon.svg?component\"\nimport CrystalBall from \"~/assets/icons/landing/crystal-ball.svg?component\"\n\ndefinePageMeta({ layout: \"landing\" })\n\nconst page = ref<HTMLElement>()\nconst mockup = ref<HTMLElement>()\nconst mockupStart = ref<HTMLElement>()\nconst libraryOverlay = ref<HTMLImageElement>()\n\n// Act I\nconst mockupActOneKeyframe10 = ref<HTMLElement>()\nconst mockupActOneKeyframe20 = ref<HTMLElement>()\n\n// Act 2\nconst mockupAct2 = ref<HTMLElement>()\nconst mockupAct2Background = ref<HTMLElement>()\nconst mockupActTwoKeyframe10 = ref<HTMLElement>()\nconst mockupActTwoKeyframe20 = ref<HTMLElement>()\nconst mockupActTwoKeyframe30 = ref<HTMLElement>()\nconst mockupActTwoKeyframe40 = ref<HTMLElement>()\n\n// Act 3\nconst mockupAct3 = ref<HTMLElement>()\nconst mockupAct3Background = ref<HTMLElement>()\nconst mockupActThreeKeyframe0 = ref<HTMLElement>()\nconst mockupActThreeKeyframe10 = ref<HTMLElement>()\nconst mockupActThreeKeyframe20 = ref<HTMLElement>()\nconst mockupActThreeKeyframe30 = ref<HTMLElement>()\n\n// Video selection\nconst showVideo = useState(\"video-showing\", () => undefined as \"search\" | \"preview\" | \"sidebar\" | \"spaces\" | \"view-modes\" | \"waterfall\" | undefined)\n\nfunction yPos(ref?: HTMLElement) {\n  return ref?.offsetTop || 0\n}\n\nfunction pos(idx: number, start: number, end: number) {\n  return start + (idx * (end - start))\n}\n\nconst { y } = useScroll(page, { })\nconst { width, height } = useWindowSize()\nconst [imgWidth, imgHeight] = [1600, 900]\n\nconst isMobile = ref(false)\n\nfunction mockupStyleStartToActOne(): StyleValue {\n  const startY = yPos(mockupStart.value)\n  const endY = yPos(mockupActOneKeyframe10.value)\n  const idx = Math.min(1, (y.value - startY) / (endY + 0.001 - startY))\n\n  const transY = pos(idx, 0.75 * height.value, 0.75 * height.value)\n  const mockupW = pos(idx, 7 / 5 * width.value, 0.8 * width.value)\n  const mockupL = width.value * 0.5 - mockupW * 0.5\n\n  return {\n    \"transform\": `translate3d(0px, ${transY}px, 0px)`,\n    \"width\": `${mockupW}px`,\n    \"left\": `${mockupL}px`,\n    \"transform-origin\": \"top center\",\n  }\n}\n\nfunction libraryOverlayStyle(): StyleValue {\n  const startY = yPos(mockupActOneKeyframe10.value) * 0.25\n  const endY = yPos(mockupActOneKeyframe10.value) * 0.75\n  const idx = Math.min(1, (y.value - startY) / (endY + 0.001 - startY))\n\n  const opacity = pos(idx, 0, 1)\n\n  return {\n    opacity,\n  }\n}\n\nfunction mockupStyleActOne_10_20(): StyleValue {\n  const startY = yPos(mockupActOneKeyframe10.value)\n  const endY = yPos(mockupActOneKeyframe20.value)\n  const idx = Math.min(1, (y.value - startY) / (endY + 0.001 - startY))\n\n  const mockupW = 0.8 * width.value\n  const mockupL = width.value * 0.5 - mockupW * 0.5\n\n  const mockupH = mockupW * (imgHeight / imgWidth)\n  const mockupT = height.value * 0.5 - mockupH * 0.5\n  const transY = pos(idx, 0.75 * height.value, mockupT)\n\n  return {\n    \"transform\": `translate3d(0px, ${transY}px, 0px)`,\n    \"width\": `${mockupW}px`,\n    \"height\": `${mockupH}px`,\n    \"left\": `${mockupL}px`,\n    \"transform-origin\": \"top center\",\n  }\n}\n\nfunction mockupStyleActTwo_10_40(): StyleValue {\n  const startY = yPos(mockupActTwoKeyframe10.value)\n  const endY = yPos(mockupActTwoKeyframe20.value)\n  const idx = Math.min(1, (y.value - startY) / (endY + 0.001 - startY))\n\n  const mockupW = 0.8 * width.value\n  const mockupL = width.value * 0.5 - mockupW * 0.5\n  const transL = pos(idx, mockupL, width.value * 0.5 - mockupW)\n\n  const mockupH = mockupW * (imgHeight / imgWidth)\n  const mockupT = height.value * 0.5 - mockupH * 0.5\n\n  return {\n    \"transform\": `translate3d(0px, ${mockupT}px, 0px)`,\n    \"width\": `${mockupW}px`,\n    \"height\": `${mockupH}px`,\n    \"left\": `${transL}px`,\n    \"transform-origin\": \"top center\",\n  }\n}\n\nfunction act2BackgroundPosition(): StyleValue {\n  const startY = yPos(mockupActTwoKeyframe10.value)\n  const sizeAct2 = mockupAct2.value?.getBoundingClientRect().height || 1\n  const endY = startY + sizeAct2\n  const endYH = endY - height.value\n\n  const idxH = Math.max((y.value - startY) / (endYH - startY), 0)\n\n  if (idxH <= 0)\n    return {}\n  if (idxH >= 1)\n    return {\n      position: \"absolute\",\n      top: px(endYH),\n    }\n\n  return {\n    position: \"fixed\",\n    top: \"0px\",\n  }\n}\n\nfunction act3BackgroundPosition(): StyleValue {\n  const startY = yPos(mockupActThreeKeyframe10.value)\n  const sizeAct3 = mockupAct3.value?.getBoundingClientRect().height || 1\n  const endY = startY + sizeAct3\n  const endYH = endY - height.value\n\n  const idxH = Math.max((y.value - startY) / (endYH + 0.001 - startY), 0)\n\n  if (idxH <= 0)\n    return {}\n  if (idxH >= 1)\n    return {\n      position: \"absolute\",\n      top: px(endYH),\n    }\n\n  return {\n    position: \"fixed\",\n    top: \"0px\",\n  }\n}\n\nfunction mockupStyleActThree0(): StyleValue {\n  const startY = yPos(mockupActThreeKeyframe0.value)\n  const endY = yPos(mockupActThreeKeyframe10.value)\n  const idx = Math.min(1, (y.value - startY) / (endY + 0.001 - startY))\n\n  const mockupW = 0.8 * width.value\n  const transL = pos(idx, width.value * 0.5 - mockupW, width.value * 0.5)\n\n  const mockupH = mockupW * (imgHeight / imgWidth)\n  const mockupT = height.value * 0.5 - mockupH * 0.5\n  const stopT = yPos(mockupActThreeKeyframe30.value) - height.value\n  const transT = mockupT - Math.max(0, y.value - stopT)\n\n  return {\n    \"transform\": `translate3d(0px, ${transT}px, 0px)`,\n    \"width\": `${mockupW}px`,\n    \"height\": `${mockupH}px`,\n    \"left\": `${transL}px`,\n    \"transform-origin\": \"top center\",\n  }\n}\n\nfunction mockupStyle() {\n  if (isMobile.value)\n    return\n  if (!mockup.value)\n    return { display: \"none\" }\n\n  if (y.value < yPos(mockupActOneKeyframe10.value))\n    return mockupStyleStartToActOne()\n\n  if (y.value < yPos(mockupActTwoKeyframe10.value))\n    return mockupStyleActOne_10_20()\n\n  if (y.value < yPos(mockupActThreeKeyframe0.value))\n    return mockupStyleActTwo_10_40()\n\n  return mockupStyleActThree0()\n}\n\nwatch(() => y.value, (newY) => {\n  let newVideo = undefined as typeof showVideo.value\n  if (newY < yPos(mockupActOneKeyframe20.value))\n    newVideo = undefined\n  else if (newY < yPos(mockupActTwoKeyframe20.value))\n    newVideo = \"search\"\n  else if (newY < yPos(mockupActTwoKeyframe30.value))\n    newVideo = \"view-modes\"\n  else if (newY < yPos(mockupActTwoKeyframe40.value))\n    newVideo = \"preview\"\n  else if (newY < yPos(mockupActThreeKeyframe10.value))\n    newVideo = \"waterfall\"\n  else if (newY < yPos(mockupActThreeKeyframe20.value))\n    newVideo = \"sidebar\"\n  else\n    newVideo = \"spaces\"\n\n  if (newVideo !== showVideo.value)\n    showVideo.value = newVideo\n})\n\nfunction checkIfMobile() {\n  if (width.value === undefined)\n    isMobile.value = false\n  else\n    isMobile.value = width.value < 768\n}\n\nonMounted(async () => checkIfMobile())\nwatch(width, checkIfMobile)\n</script>\n\n<template>\n  <landing-header :is-mobile />\n  <div\n    ref=\"page\"\n    class=\"landing-page\"\n    :class=\"{ desktop: !isMobile }\"\n    :style=\"{\n      'background-position-y': px(-y),\n    }\"\n  >\n    <div\n      ref=\"mockupStart\"\n      class=\"keyframe hero\"\n    >\n      <div class=\"keyframe-label\">\n        Start\n      </div>\n      <h1 class=\"hero-headline\">\n        The Intelligent Cloud\n        <br>\n        File browser\n      </h1>\n      <h2 class=\"hero-subtitle\">\n        A smarter way to store, browse, search, and share your files — built for the generative age\n      </h2>\n\n      <div class=\"hero-cta\">\n        <nuxt-link\n          to=\"/watch-demo\"\n          external\n          target=\"_blank\"\n          class=\"hero-secondary-button\"\n        >\n          <icon-brand-youtube\n            :size=\"20\"\n            :stroke-width=\"2\"\n            class=\"inline\"\n          />\n          <span>Watch Demo</span>\n        </nuxt-link>\n        <nuxt-link\n          class=\"hero-button\"\n          to=\"https://waitlist.withpoly.com\"\n          external\n          target=\"_blank\"\n        >\n          <span>Join Waitlist --></span>\n        </nuxt-link>\n      </div>\n      <div class=\"mt-8 inline-flex gap-1.5 text-center text-$global-t-default\">\n        <icon-apple class=\"h-6 w-6\" />\n        <icon-windows class=\"h-6 w-6\" />\n        <icon-linux class=\"h-6 w-6\" />\n        <icon-world :size=\"24\" />\n      </div>\n    </div>\n    <div v-if=\"isMobile\" class=\"w-150% -mx-25%\">\n      <img\n        src=\"~/assets/images/landing/feed.webp\"\n        class=\"w-full\"\n      >\n    </div>\n    <div\n      ref=\"mockupActOneKeyframe10\"\n      class=\"keyframe search\"\n    >\n      <div class=\"keyframe-label\">\n        Stop Zoom Out\n      </div>\n\n      <div class=\"search-headline\">\n        Poly is a smart file system for your digital creations\n      </div>\n      <div class=\"text-center\">\n        <div\n          class=\"multi-modal\"\n        >\n          <crystal-ball class=\"h-6 w-6\" />\n          <div>Multimodal AI</div>\n        </div>\n      </div>\n      <div class=\"search-subtitle\">\n        Access and understand your image library like never\n        before. Looking for something? Just ask in your own\n        words, or search by image, or even <em>both</em> — Poly's AI actually\n        understands your content to find what you need.\n      </div>\n    </div>\n    <div v-if=\"isMobile\">\n      <video\n        :width=\"1280\"\n        :height=\"720\"\n\n        loop\n        autoplay\n        muted\n        playsinline\n        class=\"mobile-mockup-video\"\n        poster=\"https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-08-29/Search.720.webp\"\n      >\n        <source\n          src=\"https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-08-29/Search.720.mp4\"\n          type=\"video/mp4\"\n        >\n      </video>\n    </div>\n    <div\n      v-if=\"!isMobile\"\n      ref=\"mockupActOneKeyframe20\"\n      class=\"keyframe bg-stop-scroll-up h-300\"\n    >\n      <div class=\"keyframe-label\">\n        Stop Scroll Up\n      </div>\n    </div>\n    <div\n      v-if=\"!isMobile\"\n      ref=\"mockupAct2\"\n      class=\"act-2\"\n    >\n      <div\n        ref=\"mockupAct2Background\"\n        :style=\"act2BackgroundPosition()\"\n        class=\"act-2-bg\"\n      />\n      <div\n        ref=\"mockupActTwoKeyframe10\"\n        class=\"keyframe second-bg h-200\"\n      >\n        <div class=\"keyframe-label\">\n          Start Act 2 & Pan Right\n        </div>\n      </div>\n      <div\n        ref=\"mockupActTwoKeyframe20\"\n        class=\"keyframe h-[200vh] flex flex-col justify-center\"\n      >\n        <div class=\"keyframe-label\">\n          Act 2 View Modes\n        </div>\n        <landing-scroll-reveal\n          theme=\"amber\"\n          class=\"act-2-headline\"\n          :container=\"mockupActTwoKeyframe20\"\n          content=\"Beautiful layout modes that let you customize your view with any file property\"\n          :y\n        >\n          <grid-mode class=\"inline w-8\" />\n          <div>View Modes</div>\n        </landing-scroll-reveal>\n      </div>\n      <div\n        ref=\"mockupActTwoKeyframe30\"\n        class=\"keyframe h-[200vh] flex flex-col justify-center\"\n      >\n        <div class=\"keyframe-label\">\n          Act 2 Preview Mode\n        </div>\n        <landing-scroll-reveal\n          theme=\"amber\"\n          class=\"act-2-headline\"\n          :container=\"mockupActTwoKeyframe30\"\n          content=\"Lightning fast image previews with pan & zoom, along with all your generative metadata for you to view and edit\"\n          :y\n        >\n          <preview-mode class=\"inline w-8\" />\n          <div>Previews</div>\n        </landing-scroll-reveal>\n      </div>\n      <div\n        ref=\"mockupActTwoKeyframe40\"\n        class=\"keyframe h-[200vh] flex flex-col justify-center\"\n      >\n        <div class=\"keyframe-label\">\n          Act 2 Waterfall\n        </div>\n        <landing-scroll-reveal\n          theme=\"amber\"\n          class=\"act-2-headline\"\n          :container=\"mockupActTwoKeyframe40\"\n          content=\"Hyper-speedy scrolling through thousands of images, with a dedicated waterfall view to help you navigate\"\n          :y\n        >\n          <waterfall-view class=\"inline w-8\" />\n          <div>Waterfall View</div>\n        </landing-scroll-reveal>\n      </div>\n    </div>\n    <div v-if=\"isMobile\" class=\"act-2-bg-mobile\">\n      <landing-mobile-reveal\n        theme=\"amber\"\n        class=\"act-2-headline-mobile\"\n        content=\"Beautiful layout modes that let you customize your view with any file property\"\n        video=\"ViewModes\"\n      >\n        <grid-mode class=\"inline w-6\" />\n        <div>View Modes</div>\n      </landing-mobile-reveal>\n      <landing-mobile-reveal\n        theme=\"amber\"\n        class=\"act-2-headline-mobile\"\n        content=\"Lightning fast image previews with pan & zoom, along with all your generative metadata for you to view and edit\"\n        video=\"Preview\"\n      >\n        <preview-mode class=\"inline w-6\" />\n        <div>Previews</div>\n      </landing-mobile-reveal>\n      <landing-mobile-reveal\n        theme=\"amber\"\n        class=\"act-2-headline-mobile\"\n        content=\"Hyper-speedy scrolling through thousands of images, with a dedicated waterfall view to help you navigate\"\n        video=\"Waterfall\"\n      >\n        <waterfall-view class=\"inline w-6\" />\n        <div>Waterfall View</div>\n      </landing-mobile-reveal>\n    </div>\n    <div\n      v-if=\"!isMobile\"\n      ref=\"mockupActThreeKeyframe0\"\n      class=\"keyframe h-[75vh]\"\n    >\n      <div class=\"keyframe-label\">\n        Act 3 & Scroll to right\n      </div>\n    </div>\n    <div\n      v-if=\"!isMobile\"\n      ref=\"mockupAct3\"\n      class=\"act-3\"\n    >\n      <div\n        ref=\"mockupAct3Background\"\n        :style=\"act3BackgroundPosition()\"\n        class=\"act-3-bg\"\n      />\n      <div\n        ref=\"mockupActThreeKeyframe10\"\n        class=\"keyframe h-[200vh] flex flex-col justify-center\"\n      >\n        <div class=\"keyframe-label\">\n          Act 3 Spaces\n        </div>\n        <landing-scroll-reveal\n          theme=\"purple\"\n          class=\"act-3-headline\"\n          left\n          :container=\"mockupActThreeKeyframe10\"\n          content=\"Add anything to your sidebar for quick access, such as files, folders, and even search queries\"\n          :y\n        >\n          <icon-hexagon-filled\n            class=\"ml-0.5 mr-0.5 inline w-8 py-0.5\"\n            :size=\"32\"\n          />\n          <div>Sidebar</div>\n        </landing-scroll-reveal>\n      </div>\n      <div\n        ref=\"mockupActThreeKeyframe20\"\n        class=\"keyframe h-[200vh] flex flex-col justify-center\"\n      >\n        <div class=\"keyframe-label\">\n          Act 3 Public Sharing\n        </div>\n        <landing-scroll-reveal\n          theme=\"purple\"\n          class=\"act-3-headline\"\n          left\n          :container=\"mockupActThreeKeyframe20\"\n          title=\"Public Sharing\"\n          content=\"Instantly save and edit content with friends using shared folders, all with the same tagging, notes, and real-time updates\"\n          :y\n        >\n          <folder-icon class=\"ml-0.5 mr-1 inline w-8\" />\n          <div>Sharing</div>\n        </landing-scroll-reveal>\n      </div>\n    </div>\n    <div v-if=\"isMobile\" class=\"act-3-bg-mobile\">\n      <landing-mobile-reveal\n        theme=\"purple\"\n        class=\"act-3-headline-mobile\"\n        content=\"Add anything to your sidebar for quick access, such as groups of items, folders, spaces, and saved queries\"\n        video=\"Sidebar\"\n        right\n      >\n        <icon-hexagon-filled\n          class=\"ml-0.5 mr-0.5 inline w-5 py-0.5\"\n          :size=\"20\"\n        />\n        <div>Sidebar</div>\n      </landing-mobile-reveal>\n      <landing-mobile-reveal\n        theme=\"purple\"\n        class=\"act-3-headline-mobile\"\n        content=\"Instantly save and edit content with friends, all with the same tagging, notes, and real-time updates\"\n        video=\"SharedFolders\"\n        right\n      >\n        <folder-icon class=\"ml-0.5 mr-1 inline w-5\" />\n        <div>Shared Folders</div>\n      </landing-mobile-reveal>\n    </div>\n    <div\n      ref=\"mockupActThreeKeyframe30\"\n      class=\"keyframe bento\"\n    >\n      <div class=\"keyframe-label\">\n        Act 3 Finished\n      </div>\n\n      <div class=\"bento-headline\">\n        ...and so much more to help streamline your creativity\n      </div>\n      <div v-if=\"isMobile\" class=\"bento-boxes-mobile\">\n        <div class=\"bento-box\">\n          <div class=\"title\">\n            <strong>Public Folders.</strong> Showcase your creations to the world with just a simple web link — no\n            login required for others to browse or even search.\n          </div>\n          <img\n            src=\"~/assets/images/landing/public-spaces-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title bottom-0 w-full\">\n            <strong>Desktop notifications.</strong> Receive real-time updates.\n          </div>\n          <img\n            src=\"~/assets/images/landing/desktop-notifications-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title\">\n            <strong>Browser plugin.</strong> Auto-import from your favorite generative tools.\n          </div>\n          <img\n            src=\"~/assets/images/landing/browser-plugin-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title bottom-0 w-full\">\n            <strong>Hyper-fast previews.</strong> Zoom and pan at your speed.\n          </div>\n          <img\n            src=\"~/assets/images/landing/hyper-fast-previews-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title w-full\">\n            <strong>Peek any file.</strong> Instantly preview by tapping spacebar.\n          </div>\n          <img\n            src=\"~/assets/images/landing/peek-any-file-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title bottom-0 w-full\">\n            <strong>Notes.</strong> Save text snippets that you can even search over.\n          </div>\n          <img\n            src=\"~/assets/images/landing/notes-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title\">\n            <strong>Split view.</strong> Compare images side-by-side with metadata.\n          </div>\n          <img\n            src=\"~/assets/images/landing/split-view-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title bottom-0 w-full\">\n            <strong>Folder drag-and-drop.</strong> Upload thousands of files, keeping your folder structure intact.\n          </div>\n          <img\n            src=\"~/assets/images/landing/folder-drag-and-drop-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title bottom-0 w-full\">\n            <strong>Batch actions.</strong> Organize and edit files with ease.\n          </div>\n          <img\n            src=\"~/assets/images/landing/batch-actions-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title w-full\">\n            <strong>Never hit refresh.</strong> Your files stay updated across all tabs and devices.\n          </div>\n          <img\n            src=\"~/assets/images/landing/never-hit-refresh-mobile.webp\"\n          >\n        </div>\n        <div class=\"bento-box\">\n          <div class=\"title w-full\">\n            <strong>No conflicted copies, ever.</strong> Our innovative data model prevents sync issues.\n          </div>\n          <img\n            src=\"~/assets/images/landing/no-conflicted-copies-mobile.webp\"\n          >\n        </div>\n      </div>\n      <div v-if=\"!isMobile\" class=\"bento-boxes\">\n        <div class=\"bento-row\">\n          <div class=\"bento-box w-11/16\">\n            <div class=\"title w-5/6\">\n              <strong>Public Folders.</strong> Showcase your creations to the world with just a simple web link — no\n              login required for others to browse or even search.\n            </div>\n            <img\n              src=\"~/assets/images/landing/public-spaces.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-5/16\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>Desktop notifications.</strong> Receive real-time updates.\n            </div>\n            <img\n              src=\"~/assets/images/landing/desktop-notifications.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n        </div>\n        <div class=\"bento-row\">\n          <div class=\"bento-box w-full\">\n            <div class=\"title w-1/2\">\n              <strong>Browser plugin.</strong> Auto-import from your favorite generative tools.\n            </div>\n            <img\n              src=\"~/assets/images/landing/browser-plugin.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n        </div>\n        <div class=\"bento-row\">\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>Hyper-fast previews.</strong> Zoom and pan at your speed.\n            </div>\n            <img\n              src=\"~/assets/images/landing/hyper-fast-previews.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title w-full\">\n              <strong>Peek any file.</strong> Instantly preview by tapping spacebar.\n            </div>\n            <img\n              src=\"~/assets/images/landing/peek-any-file.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>Notes.</strong> Save text snippets that you can even search over.\n            </div>\n            <img\n              src=\"~/assets/images/landing/notes.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n        </div>\n        <div class=\"bento-row\">\n          <div class=\"bento-box w-1/2\">\n            <div class=\"title w-3/5\">\n              <strong>Split view.</strong> Compare images side-by-side with metadata.\n            </div>\n            <img\n              src=\"~/assets/images/landing/split-view.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-1/2\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>Folder drag-and-drop.</strong> Upload thousands of files, keeping your folder structure intact.\n            </div>\n            <img\n              src=\"~/assets/images/landing/folder-drag-and-drop.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n        </div>\n        <div class=\"bento-row\">\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>Batch actions.</strong> Organize and edit files with ease.\n            </div>\n            <img\n              src=\"~/assets/images/landing/batch-actions.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title w-full\">\n              <strong>Never hit refresh.</strong> Your files stay updated across all tabs and devices.\n            </div>\n            <img\n              src=\"~/assets/images/landing/never-hit-refresh.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n          <div class=\"bento-box w-1/3\">\n            <div class=\"title bottom-0 w-full\">\n              <strong>No conflicted copies, ever.</strong> Our innovative data model prevents sync issues.\n            </div>\n            <img\n              src=\"~/assets/images/landing/no-conflicted-copies.webp\"\n              loading=\"lazy\"\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"footer\">\n      <div class=\"footer-headline\">\n        The intelligent file browser, available everywhere you are\n      </div>\n      <nuxt-link\n        class=\"footer-cta\"\n        to=\"https://waitlist.withpoly.com\"\n        target=\"_blank\"\n      >\n        <div>\n          <span class=\"footer-button\">\n            Join Waitlist -->\n          </span>\n        </div>\n        <div class=\"mt-8 inline-flex gap-1.5 text-center text-$global-t-default\">\n          <icon-apple class=\"h-6 w-6\" />\n          <icon-windows class=\"h-6 w-6\" />\n          <icon-linux class=\"h-6 w-6\" />\n          <icon-world :size=\"24\" />\n        </div>\n      </nuxt-link>\n    </div>\n    <div class=\"footer-banner\">\n      <img\n        src=\"/favicon.png\"\n        class=\"h-6 w-6\"\n      >\n      <div class=\"footer-banner-right\">\n        <div class=\"love\">\n          Made with <strong>♥</strong> in San Francisco\n        </div>\n        <nuxt-link\n          to=\"https://twitter.com/with_poly\"\n          target=\"_blank\"\n          external\n        >\n          <icon-brand-x-filled :size=\"18\" />\n        </nuxt-link>\n        <nuxt-link\n          to=\"/join-discord\"\n          target=\"_blank\"\n        >\n          <icon-brand-discord-filled :size=\"18\" />\n        </nuxt-link>\n      </div>\n    </div>\n    <div\n      v-if=\"!isMobile\"\n      ref=\"mockup\"\n      class=\"mockup\"\n      :style=\"mockupStyle()\"\n    >\n      <div v-show=\"!showVideo\">\n        <img\n          ref=\"libraryOverlay\"\n          :style=\"libraryOverlayStyle()\"\n          src=\"~/assets/images/landing/library.webp\"\n          class=\"feed-image absolute z-100 w-full\"\n        >\n        <img\n          src=\"~/assets/images/landing/feed.webp\"\n          class=\"feed-image w-full\"\n        >\n      </div>\n      <landing-video\n        v-show=\"showVideo === 'search'\"\n        name=\"Search\"\n      /><landing-video\n        v-show=\"showVideo === 'preview'\"\n        name=\"Preview\"\n      /><landing-video\n        v-show=\"showVideo === 'sidebar'\"\n        name=\"Sidebar\"\n      /><landing-video\n        v-show=\"showVideo === 'spaces'\"\n        name=\"SharedFolders\"\n      /><landing-video\n        v-show=\"showVideo === 'view-modes'\"\n        name=\"ViewModes\"\n      /><landing-video\n        v-show=\"showVideo === 'waterfall'\"\n        name=\"Waterfall\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.desktop\n  @apply relative h-screen overflow-y-auto\n\n.landing-page\n  @apply bg[#{$page-bg-primary}] overflow-x-hidden w-screen z-0\n  background-image: url('https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-05-06/background-main.webp')\n  background-size: 100% 150vh\n  background-repeat: no-repeat\n\n.act-2-bg\n  @apply absolute w-full aspect-square bg-cover\n  background-image: url('https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-05-06/bg-act-2.webp')\n  background-repeat: no-repeat\n  overflow: visible\n.act-2-bg-mobile\n  background-image: url('https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-05-06/bg-act-2.webp')\n  background-repeat: no-repeat\n  background-size: cover\n\n.act-3-bg\n  @apply absolute w-full aspect-square bg-cover\n  background-image: url('https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-05-06/bg-act-3.webp')\n  background-repeat: no-repeat\n  overflow: visible\n.act-3-bg-mobile\n  background-image: url('https://d3b8el8c5kqwdk.cloudfront.net/assets/landing-page-2024-05-06/bg-act-3.webp')\n  background-repeat: no-repeat\n  background-size: cover\n\n.mockup\n  @apply pointer-events-none fixed top-0 w-full overflow-hidden border border-[#{$global-b-outline-page}] rounded-md shadow-2xl shadow-black/50 backdrop-blur-2xl backdrop-filter\n\n.mobile-mockup-video\n  @apply mx-auto h-full w-90% border border-[#{$global-b-outline-page}] rounded-md shadow-2xl shadow-black/50 pointer-events-auto\n\n.keyframe\n  // @apply border-t border-t-$global-amber-primary relative\n  @apply relative\n  .keyframe-label\n    // @apply absolute top-1 left-1.5 text-$global-amber-primary text-2xs\n    @apply hidden\n\n.hero\n  @apply flex flex-col items-center justify-center\n  @apply h-[80vh]\n  @apply md:h-[100vh] md:pb-[20vh]\n  .hero-headline\n    @apply text-center leading-snug tracking-wide\n    @apply text-[32px] font-medium\n    @apply md:text-[64px] md:font-normal\n    @apply xl:text-[80px]\n  .hero-subtitle\n    @apply font-light text-center mt-8 mx-auto w-3/4 max-w-140\n    @apply text-[18px]\n    @apply md:text-[20px]\n    @apply xl:text-[24px]\n  .hero-cta\n    @apply text-center mt-10 flex\n  .hero-button\n    @apply flex font-medium text-center rounded-xl bg-$global-blue-primary text-$global-t-default cursor-pointer inline-flex transform hover:scale-105 transition\n    @apply xl:text-[18px]\n    @apply md:px-6 md:py-4 md:text-[15px]\n    @apply text-[14px] px-4 py-3\n  .hero-secondary-button\n    @apply font-medium text-center items-center gap-2 rounded-xl text-$global-t-default cursor-pointer inline-flex transform hover:scale-105 transition hover:bg-[#{$menu-bg-item-hover}]\n    @apply xl:text-[18px]\n    @apply md:px-6 md:py-4 md:text-[15px]\n    @apply mr-4\n    @apply text-[14px] px-4 py-3\n\n.search\n  @apply py-24\n  @apply md:py-48\n  .search-headline\n    @apply font-normal text-center leading-snug tracking-wide xl:pb-6 w-5/6 mx-auto max-w-200\n    @apply text-[32px] font-medium\n    @apply md:text-[36px] md:font-normal\n    @apply xl:text-[48px]\n  .search-subtitle\n    @apply font-light text-center mt-8 tracking-wide w-3/4 max-w-240 mx-auto\n    @apply text-[18px]\n    @apply xl:text-[28px]\n  .multi-modal\n    @apply mt-12 inline inline-flex items-center gap-1.5 rounded-lg bg-accent-strongest bg-opacity-50 py-2 pl-2 pr-3.5 font-normal tracking-wide text-[#{$global-t-default}] backdrop-blur-2xl backdrop-filter\n    @apply text-[18px]\n    @apply xl:text-[20px]\n\n.act-2-headline\n  @apply px-1/12 w-1/2 ml-auto xl:text-[36px] text-[28px] leading-tight font-medium tracking-wide\n.act-2-headline-mobile\n  @apply p-40px pt-100px text-[24px] leading-snug font-medium tracking-wide\n\n.act-3-headline\n  @apply w-1/2 xl:text-[36px] text-[28px] px-1/12 leading-tight font-medium tracking-wide\n.act-3-headline-mobile\n  @apply p-40px pt-100px text-[24px] leading-snug font-medium tracking-wide\n\n.bento\n  @apply py-20\n  @apply md:py-40\n  .bento-headline\n    @apply text-center leading-snug tracking-wide text-shadow-xl text-shadow-color-black/20 w-5/6 max-w-200 mx-auto font-normal\n    @apply text-[24px] pb-6\n    @apply md:text-[32px] md:pb-20\n    @apply xl:text-[40px] xl:font-medium xl:pb-20\n  .bento-boxes\n    @apply mx-auto w-screen-lg flex flex-col gap-4\n    .bento-row\n      @apply flex gap-4\n      .bento-box\n        @apply h-83 bg-[#{$page-bg-primary}] rounded-lg border border-[#{$global-b-outline-page}] overflow-hidden text-[20px] text-[#{$global-t-secondary}] relative font-normal\n        .title\n          @apply py-3 px-4 absolute\n          strong\n            @apply font-normal text-[#{$global-t-default}]\n        & > img\n          @apply object-cover min-w-full min-h-full\n  .bento-boxes-mobile\n    @apply p-12 flex flex-col gap-8\n    .bento-box\n      @apply aspect-ratio-[7/8] bg-[#{$page-bg-primary}] rounded-lg border border-[#{$global-b-outline-page}] overflow-hidden text-[20px] text-[#{$global-t-secondary}] relative font-normal\n      .title\n        @apply py-3 px-4 absolute\n        strong\n          @apply font-normal text-[#{$global-t-default}]\n\n.footer\n  @apply flex flex-col items-center justify-center\n  @apply pb-20\n  @apply md:pb-40\n  .footer-headline\n    @apply text-[28px] font-normal text-center leading-snug tracking-wide w-5/6 max-w-200\n    @apply md:text-[36px]\n    @apply xl:text-[48px]\n  .footer-subtitle\n    @apply xl:text-[28px] text-[18px] font-light text-center mt-8 tracking-wide\n  .footer-cta\n    @apply text-center mt-10\n  .footer-button\n    @apply xl:text-[18px] text-[14px] font-medium text-center px-6 py-3 rounded-lg bg-$global-blue-primary text-$global-t-default cursor-pointer inline-flex transform hover:scale-105 transition\n\n.footer-banner\n  @apply bg-[#{$page-bg-primary}] w-full flex items-center px-3 h-14\n  .footer-banner-right\n    @apply ml-auto h-full flex items-center gap-3 mr-2\n    .love\n      @apply font-normal text-xs\n      & strong\n        @apply font-normal text-$global-violet-primary\n</style>\n"],"names":["props","__props","textContent","ref","height","useWindowSize","letterOpacityStyle","index","containerTop","containerHeight","scrollFrac","totalCharacters","charFrac","clamp","translateScrollStyle","containerBottom","containerPageY","centerTransY","contentHeight","_a","px","_imports_0","_imports_1","_imports_2","_imports_3","_imports_4","_imports_5","_imports_6","_imports_7","_imports_8","_imports_9","_imports_10","_imports_11","_imports_12","_imports_13","_imports_14","_imports_15","_imports_16","_imports_17","_imports_18","_imports_19","_imports_20","_imports_21","_imports_22","_imports_24","IconBrandYoutube","createVueComponent","IconWorld","IconBrandXFilled","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","IconApple","IconWindows","IconLinux","_createStaticVNode","_hoisted_8","GridMode","_hoisted_4","PreviewMode","_hoisted_5","WaterfallView","FolderIcon","CrystalBall","page","mockup","mockupStart","libraryOverlay","mockupActOneKeyframe10","mockupActOneKeyframe20","mockupAct2","mockupAct2Background","mockupActTwoKeyframe10","mockupActTwoKeyframe20","mockupActTwoKeyframe30","mockupActTwoKeyframe40","mockupAct3","mockupAct3Background","mockupActThreeKeyframe0","mockupActThreeKeyframe10","mockupActThreeKeyframe20","mockupActThreeKeyframe30","showVideo","useState","yPos","pos","idx","start","end","y","useScroll","width","imgWidth","imgHeight","isMobile","mockupStyleStartToActOne","startY","endY","transY","mockupW","mockupL","libraryOverlayStyle","mockupStyleActOne_10_20","mockupH","mockupT","mockupStyleActTwo_10_40","transL","act2BackgroundPosition","sizeAct2","endYH","idxH","act3BackgroundPosition","sizeAct3","mockupStyleActThree0","stopT","mockupStyle","watch","newY","newVideo","checkIfMobile","onMounted"],"mappings":"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","x_google_ignoreList":[25,26,27]}