hyperframes/docs/public/catalog/components/touch-indicator.json

{"html":"<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=1920, height=1080\" />\n  <script src=\"https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js\"></script>\n  <style>* { margin: 0; padding: 0; } html, body { width: 1920px; height: 1080px; overflow: hidden; background: #0a0a0a; }\n    [data-composition-src] { inset: 0; display: grid; place-items: center stretch; box-sizing: border-box; padding: 98px; }</style>\n</head>\n<body>\n  <div data-composition-id=\"preview-root\" data-width=\"1920\" data-height=\"1080\" data-start=\"0\" data-hf-theme=\"dark\">\n    <div data-composition-id=\"touch-indicator\" data-composition-src=\"data:text/html;base64,PCFkb2N0eXBlIGh0bWw+CjwhLS0KICB0b3VjaC1pbmRpY2F0b3IgLS0gSHlwZXJGcmFtZXMgdmlkZW8gcHJpbWl0aXZlIChwb2ludGVycyAvIGludGVyYWN0aW9uIC8gZGVtb25zdHJhdGUpCgogIENPTkNFUFQ6IGEgdHJhbnNsdWNlbnQgY29udGFjdC1jaXJjbGUgdGhhdCByZXByZXNlbnRzIGEgZmluZ2VydGlwIHRvdWNoaW5nCiAgZ2xhc3MuIEl0IG5ldmVyIGhvdmVyczogZXZlcnkgYXBwZWFyYW5jZSByZXNvbHZlcyBpbnRvIGEgdG91Y2gtZG93biwgZXZlcnkKICB0b3VjaCBjYXVzZXMgYSBzYW1lLWZyYW1lIHJlc3BvbnNlIG9uIGl0cyB0YXJnZXQsIGV2ZXJ5IGdlc3R1cmUgZW5kcyB3aXRoCiAgYSBwaHlzaWNhbCBsaWZ0LiBPbmUgbWVjaGFuaWMgKHRhcCBvciBzd2lwZSwgcGlja2VkIGJ5IGEgdmFyaWFibGUgYXQKICBzZXR1cCksIG9uZSBmaWxlLiBUaGlzIGlzIHRoZSBtb2JpbGUgY291bnRlcnBhcnQgdG8gYW4gb3ZlcnNpemVkIGN1cnNvciwKICBidXQgaXQgb2JleXMgdG91Y2ggcGh5c2ljcywgbm90IHBvaW50ZXIgcGh5c2ljcy4KCiAgTU9VTlRBQkxFIFNVQi1DT01QT1NJVElPTjogdGhpcyBmaWxlIGlzIGxvYWRlZCBieSBhIGhvc3QgdmlhCiAgZGF0YS1jb21wb3NpdGlvbi1zcmMsIG5vdCBwYXN0ZWQgaW5saW5lLiBUaGUgcnVudGltZSBvbmx5IGNsb25lcwogIDx0ZW1wbGF0ZT4gY29udGVudHMgKHNlZSBza2lsbHMvaHlwZXJmcmFtZXMtY29yZS9yZWZlcmVuY2VzL3N1Yi1jb21wb3NpdGlvbnMubWQpLAogIHNvIGV2ZXJ5IHN0eWxlLCB0aGUgbWFya3VwLCBhbmQgdGhlIHNjcmlwdCB0aGF0IGJ1aWxkcyBhbmQgcmVnaXN0ZXJzIHRoZQogIHRpbWVsaW5lIGFsbCBsaXZlIGluc2lkZSA8dGVtcGxhdGU+IGJlbG93LiBUaGUgZmlsZSBpcyBzZWxmLWRyaXZpbmc6IGl0CiAgYnVpbGRzIGl0cyBvd24gcGF1c2VkIEdTQVAgdGltZWxpbmUgYW5kIHJlZ2lzdGVycyBpdCB1bmRlcgogIHdpbmRvdy5fX3RpbWVsaW5lc1sidG91Y2gtaW5kaWNhdG9yIl0gb24gbG9hZCwgbWF0Y2hpbmcgdGhlIHJvb3QncyBvd24KICBkYXRhLWNvbXBvc2l0aW9uLWlkLiBBIGhvc3QgbW91bnRzIGl0IHdpdGggYSBtYXRjaGluZwogIGRhdGEtY29tcG9zaXRpb24taWQ9InRvdWNoLWluZGljYXRvciIgZGF0YS1jb21wb3NpdGlvbi1zcmM9Ii4vdG91Y2gtaW5kaWNhdG9yLmh0bWwiLgoKICBDT01QSUxFRCBGUk9NOiBoeXBlcmZyYW1lcy1jb3JwdXMtZGF0YS9tb2JpbGUvZ2VzdHVyZS1hY3Rvci1zcGVjLm1kICh0aGUKICBjb250YWN0LW5ldmVyLWhvdmVyIGxhdywgY29udGFjdC1jaXJjbGUgc2l6aW5nLCB0YXAgYW5hdG9teSwgc3dpcGUgbGF3LAogIGxpZnQvZXhpdCBsYXcsIHNhbWUtZnJhbWUgdGFyZ2V0LXJlYWN0aW9uIGNvbnRyYWN0KSB3aXRoIHN1cHBvcnRpbmcKICBjb25zdGFudHMgY3Jvc3MtY2hlY2tlZCBhZ2FpbnN0IGdlc3R1cmUtcGh5c2ljcy1yZWNpcGVzLm1kLiBFdmlkZW5jZQogIHN0YXR1czogc3BlYyByZWFkeSwgbm8gcmVuZGVyZWQgY29ycHVzIGNsaXBzIHlldC4KCiAgVVNFIFdIRU46IGEgbW9iaWxlIFVJIHNjZW5lIG5lZWRzIGEgdmlzaWJsZSB0YXAgb3Igc3dpcGUgdG8gY2F1c2UgdGhlIG5leHQKICBhbmltYXRpb24gYmVhdCAoYnV0dG9uIHByZXNzLCBsaXN0IHNjcm9sbCwgY2FyZCBzd2lwZSwgc2hlZXQgcmV2ZWFsKS4KICBTa2lwIGl0IGZvciBjdXJzb3IvcG9pbnRlciBVSSAodXNlIGEgY3Vyc29yIHByaW1pdGl2ZSkgYW5kIGZvciBnZXN0dXJlcwogIHdob3NlIGRyYXduIHBhdGggaXMgaXRzZWxmIHRoZSBzdWJqZWN0ICh1c2UgYSB0cmFpbCBwcmltaXRpdmUgaW5zdGVhZCkuCgogIFZBUklBQkxFUyAoZGVjbGFyZWQgYmVsb3cgdmlhIGRhdGEtY29tcG9zaXRpb24tdmFyaWFibGVzKToKICAgIC0gZ2VzdHVyZSAgIGVudW0gInRhcCIgfCAic3dpcGUiLCBkZWZhdWx0ICJ0YXAiCiAgICAtIHBvbGFyaXR5ICBlbnVtICJsaWdodCIgfCAiZGFyayIsIGRlZmF1bHQgImxpZ2h0IgogICAgLSB0YXJnZXRYICAgbnVtYmVyIDAtMTAwIChwZXJjZW50IG9mIGhvc3Qgd2lkdGgpLCBkZWZhdWx0IDUwCiAgICAtIHRhcmdldFkgICBudW1iZXIgMC0xMDAgKHBlcmNlbnQgb2YgaG9zdCBoZWlnaHQpLCBkZWZhdWx0IDU1CgogIExPT0s6IHRoZSBpT1MgIlNob3cgVG91Y2hlcyIgZGlzYy4gQSBmaWxsZWQgdHJhbnNsdWNlbnQgZGlzYyB3aXRoIGEgMXB4CiAgZWRnZSwgMThjcXcgb2YgdGhlIGhvc3QgYm94ICg2OHB4IGluIGEgMzgwcHgtd2lkZSBwaG9uZSBzY3JlZW4pLCBmdWxseQogIG9uIGluIDAuMDY3cywgZ29uZSAwLjJzIGFmdGVyIGxpZnQuCgogIEVOVkVMT1BFIChzZWNvbmRzLCA2MGZwcyBmcmFtZS1xdWFudGl6ZWQsIGdlc3R1cmUgPSAidGFwIik6CiAgICBJTiAgIDAuMDAwIC0gMC4wNjcgIGRpc2MgYXBwZWFycyBvbiBjb250YWN0ICh0b3VjaC1kb3duIGF0IDAuMDY3KQogICAgSE9MRCAwLjA2NyAtIDAuMTgzICBlbGFzdGljIGNvbnRhY3QgZHdlbGwgKHN0cmV0Y2ggaGVyZSBvbmx5KQogICAgT1VUICAwLjE4MyAtIDAuMzgzICBsaWZ0OiB0aGUgZGlzYyBmYWRlcyBpbiBwbGFjZQoKICBFTlZFTE9QRSAoc2Vjb25kcywgNjBmcHMgZnJhbWUtcXVhbnRpemVkLCBnZXN0dXJlID0gInN3aXBlIik6CiAgICBJTiAgIDAuMDAwIC0gMC4wNjcgIGRpc2MgYXBwZWFycyBvbiBjb250YWN0ICh0b3VjaC1kb3duIGF0IDAuMDY3KQogICAgSE9MRCAwLjA2NyAtIDAuNDAwICBlbGFzdGljIHRyYXZlbDogYWNjZWxlcmF0ZSA0MSUgLyBkZWNlbGVyYXRlIDU5JSBvZgogICAgICAgICAgICAgICAgICAgICAgICB0aGUgc3RyZXRjaGFibGUgc3dpcGUgZHVyYXRpb24gKGRlZmF1bHQgMC4zMzMpCiAgICBPVVQgIDAuNDAwIC0gMC42MDAgIGxpZnQ6IHRoZSBkaXNjIGZhZGVzIHdoZXJlIHRoZSBzd2lwZSBlbmRlZAoKICBTT1VORCBDVUVTIChmaXhlZCBvZmZzZXRzLCBuZXZlciBpbnNpZGUgdGhlIGVsYXN0aWMgSE9MRCk6CiAgICB0b3VjaC1kb3duICBJTiArIDAuMDY3cyAtPiBzb2Z0IGZpbmdlcnRpcCBjb250YWN0CiAgICBsaWZ0LW9mZiAgICBPVVQgKyAwcyAgICAtPiBwaHlzaWNhbCByZWxlYXNlIHRpY2sKCiAgVEFSR0VUIFJFU1BPTlNFOiB0aGUgaG9zdCBvd25zIGl0LiBQdXQgdGhlIHRhcmdldCdzIHJlYWN0aW9uIG9uIHRoZSBob3N0CiAgdGltZWxpbmUgYXQgdGhlIG1vdW50J3MgZGF0YS1zdGFydCArIDAuMDY3cyAoc2VlIGRlbW8uaHRtbCkuCi0tPgo8aHRtbAogIGxhbmc9ImVuIgogIGRhdGEtY29tcG9zaXRpb24tdmFyaWFibGVzPSdbCiAgICB7ImlkIjoiZ2VzdHVyZSIsInR5cGUiOiJlbnVtIiwibGFiZWwiOiJHZXN0dXJlIiwiZGVmYXVsdCI6InRhcCIsIm9wdGlvbnMiOlt7InZhbHVlIjoidGFwIiwibGFiZWwiOiJUYXAifSx7InZhbHVlIjoic3dpcGUiLCJsYWJlbCI6IlN3aXBlIn1dfSwKICAgIHsiaWQiOiJwb2xhcml0eSIsInR5cGUiOiJlbnVtIiwibGFiZWwiOiJQb2xhcml0eSIsImRlZmF1bHQiOiJsaWdodCIsIm9wdGlvbnMiOlt7InZhbHVlIjoibGlnaHQiLCJsYWJlbCI6IkxpZ2h0IChvbiBkYXJrIFVJKSJ9LHsidmFsdWUiOiJkYXJrIiwibGFiZWwiOiJEYXJrIChvbiBsaWdodCBVSSkifV19LAogICAgeyJpZCI6InRhcmdldFgiLCJ0eXBlIjoibnVtYmVyIiwibGFiZWwiOiJUYXJnZXQgWCIsImRlZmF1bHQiOjUwLCJtaW4iOjAsIm1heCI6MTAwLCJ1bml0IjoiJSJ9LAogICAgeyJpZCI6InRhcmdldFkiLCJ0eXBlIjoibnVtYmVyIiwibGFiZWwiOiJUYXJnZXQgWSIsImRlZmF1bHQiOjU1LCJtaW4iOjAsIm1heCI6MTAwLCJ1bml0IjoiJSJ9CiAgXScKPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgICA8dGl0bGU+VG91Y2ggSW5kaWNhdG9yPC90aXRsZT4KICAgIDwhLS0gSGVhZCBpcyBtZXRhZGF0YSBmb3IgdGhlIHNvdXJjZSBmaWxlIG9ubHk7IHRoZSBtb3VudCBydW50aW1lIGNsb25lcwogICAgICAgICBvbmx5IDx0ZW1wbGF0ZT4gY29udGVudHMgYW5kIGRpc2NhcmRzIGV2ZXJ5dGhpbmcgZWxzZSwgaW5jbHVkaW5nCiAgICAgICAgIHRoaXMgaGVhZC4gU2VlIHN1Yi1jb21wb3NpdGlvbnMubWQsICJQaXRmYWxsIDEiLgoKICAgICAgICAgVGhlIGRhdGEtY29tcG9zaXRpb24tdmFyaWFibGVzIGRlY2xhcmVkIG9uIDxodG1sPiBhYm92ZSBkdXBsaWNhdGVzCiAgICAgICAgIHRoZSBzYW1lIHNjaGVtYSBvbiB0aGUgI3Jvb3QgZGl2IGluc2lkZSA8dGVtcGxhdGU+IGJlbG93ICh0aGUKICAgICAgICAgImR1YWwtY2FycmllciBjb250cmFjdCIsIGNvcmUvc3JjL3J1bnRpbWUvY29tcG9zaXRpb25Mb2FkZXIudHMgYW5kCiAgICAgICAgIHBhY2thZ2VzL3BhcnNlcnMvc3JjL2h0bWxQYXJzZXIudHMgYm90aCByZWFkIGRlY2xhcmVkIGRlZmF1bHRzIGZyb20KICAgICAgICAgPGh0bWw+IG9ubHkgb24gdGhlIGxhenkgZXh0ZXJuYWwtbG9hZCAvIENMSS1tZXRhZGF0YSBwYXRocywgd2hpbGUKICAgICAgICAgdGhlIHJlbmRlci10aW1lIGJ1bmRsZXIgcmVhZHMgdGhlIHRlbXBsYXRlJ3Mgcm9vdCBkaXYpLiBLZWVwIGJvdGgKICAgICAgICAgY29waWVzIGluIHN5bmMgaWYgdGhlIHZhcmlhYmxlIHNjaGVtYSBjaGFuZ2VzLiAtLT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8dGVtcGxhdGU+CiAgICAgIDxzdHlsZT4KICAgICAgICAvKiBJTlZBUklBTlQ6IHJvb3QgZmlsbHMgdGhlIGhvc3QncyBib3gsIHBvc2l0aW9uLWJsaW5kLCBlbGFzdGljIHRvCiAgICAgICAgICAgd2hhdGV2ZXIgc2l6ZSBhIGhvc3Qgc2xvdCBnaXZlcyBpdC4gTm8gZGF0YS13aWR0aC9kYXRhLWhlaWdodCBvbgogICAgICAgICAgIHRoZSByb290IC0tIHRoZSBob3N0IHNsb3Qgb3ducyB0aGUgc2l6ZSAoc2VlIG1vdW50IGNvbnRyYWN0KS4KICAgICAgICAgICBSb290IGlzIHN0eWxlZCBieSAjcm9vdCwgbmV2ZXIgYSBjbGFzcyAoc3ViLWNvbXBvc2l0aW9ucy5tZCwKICAgICAgICAgICBQaXRmYWxsIDMpLiAqLwogICAgICAgICNyb290IHsKICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAgIGluc2V0OiAwOwogICAgICAgICAgY29udGFpbmVyLXR5cGU6IGlubGluZS1zaXplOwogICAgICAgICAgaXNvbGF0aW9uOiBpc29sYXRlOwogICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7CiAgICAgICAgfQoKICAgICAgICAuaGYtdG91Y2gtaW5kaWNhdG9yX19hY3RvciB7CiAgICAgICAgICAvKiBzaXplZCB0byAxOGNxdyBvZiB0aGUgaG9zdCBib3gsIG1lYW50IHRvIGJlIHRoZSBwaG9uZSBzY3JlZW4sCiAgICAgICAgICAgICB3aXRoIGEgNDZweCBmbG9vciBhbmQgYSAxMTFweCBjYXAgZm9yIHdpZGUgaG9zdHMuICovCiAgICAgICAgICAtLWhmLWdlc3R1cmUtc2l6ZTogY2xhbXAoNDZweCwgMThjcXcsIDExMXB4KTsKICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAgIGxlZnQ6IDA7CiAgICAgICAgICB0b3A6IDA7CiAgICAgICAgICB3aWR0aDogdmFyKC0taGYtZ2VzdHVyZS1zaXplKTsKICAgICAgICAgIGhlaWdodDogdmFyKC0taGYtZ2VzdHVyZS1zaXplKTsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47CiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgICAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm0sIG9wYWNpdHk7CiAgICAgICAgfQoKICAgICAgICAuaGYtdG91Y2gtaW5kaWNhdG9yX19jb3JlIHsKICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAgIGluc2V0OiAwOwogICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgICAgICAgIC8qIElOVkFSSUFOVDogY2lyY2xlIGdlb21ldHJ5LCBoYXJkY29kZWQgNTAlLCBub3QgdmFyKC0tcmFkaXVzKSAtCiAgICAgICAgICAgICB0aGF0IHRva2VuIGlzIGZvciByZWN0YW5ndWxhciBVSSBjb3JuZXJzLCBub3QgdGhpcyBhY3RvcidzCiAgICAgICAgICAgICBmaXhlZCBkaXNjLiAqLwogICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOwogICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjM1KTsKICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KTsKICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogICAgICAgIH0KCiAgICAgICAgLmhmLXRvdWNoLWluZGljYXRvcl9fYWN0b3ItLWRhcmsgLmhmLXRvdWNoLWluZGljYXRvcl9fY29yZSB7CiAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMjIpOwogICAgICAgICAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNDUpOwogICAgICAgIH0KICAgICAgPC9zdHlsZT4KCiAgICAgIDxkaXYKICAgICAgICBpZD0icm9vdCIKICAgICAgICBkYXRhLWNvbXBvc2l0aW9uLWlkPSJ0b3VjaC1pbmRpY2F0b3IiCiAgICAgICAgZGF0YS1jb21wb3NpdGlvbi12YXJpYWJsZXM9J1sKICAgICAgICAgIHsiaWQiOiJnZXN0dXJlIiwidHlwZSI6ImVudW0iLCJsYWJlbCI6Ikdlc3R1cmUiLCJkZWZhdWx0IjoidGFwIiwib3B0aW9ucyI6W3sidmFsdWUiOiJ0YXAiLCJsYWJlbCI6IlRhcCJ9LHsidmFsdWUiOiJzd2lwZSIsImxhYmVsIjoiU3dpcGUifV19LAogICAgICAgICAgeyJpZCI6InBvbGFyaXR5IiwidHlwZSI6ImVudW0iLCJsYWJlbCI6IlBvbGFyaXR5IiwiZGVmYXVsdCI6ImxpZ2h0Iiwib3B0aW9ucyI6W3sidmFsdWUiOiJsaWdodCIsImxhYmVsIjoiTGlnaHQgKG9uIGRhcmsgVUkpIn0seyJ2YWx1ZSI6ImRhcmsiLCJsYWJlbCI6IkRhcmsgKG9uIGxpZ2h0IFVJKSJ9XX0sCiAgICAgICAgICB7ImlkIjoidGFyZ2V0WCIsInR5cGUiOiJudW1iZXIiLCJsYWJlbCI6IlRhcmdldCBYIiwiZGVmYXVsdCI6NTAsIm1pbiI6MCwibWF4IjoxMDAsInVuaXQiOiIlIn0sCiAgICAgICAgICB7ImlkIjoidGFyZ2V0WSIsInR5cGUiOiJudW1iZXIiLCJsYWJlbCI6IlRhcmdldCBZIiwiZGVmYXVsdCI6NTUsIm1pbiI6MCwibWF4IjoxMDAsInVuaXQiOiIlIn0KICAgICAgICBdJwogICAgICA+CiAgICAgICAgPGRpdiBjbGFzcz0iaGYtdG91Y2gtaW5kaWNhdG9yX19hY3RvciI+CiAgICAgICAgICA8ZGl2IGNsYXNzPSJoZi10b3VjaC1pbmRpY2F0b3JfX2NvcmUiPjwvZGl2PgogICAgICAgIDwvZGl2PgogICAgICA8L2Rpdj4KCiAgICAgIDxzY3JpcHQ+CiAgICAgICAgKGZ1bmN0aW9uICgpIHsKICAgICAgICAgIGNvbnN0IEZQUyA9IDYwOwogICAgICAgICAgY29uc3QgcSA9IChzKSA9PiBNYXRoLm1heCgxLCBNYXRoLnJvdW5kKHMgKiBGUFMpKSAvIEZQUzsKICAgICAgICAgIGNvbnN0IGNsYW1wID0gKHYsIGxvLCBoaSkgPT4gTWF0aC5taW4oaGksIE1hdGgubWF4KGxvLCB2KSk7CgogICAgICAgICAgLy8gVGhlIGFjdG9yIG93bnMgeC95IGFuZCBvcGFjaXR5LCB0aGUgY29yZSBvd25zIHNjYWxlLgogICAgICAgICAgZnVuY3Rpb24gYnVpbGRUb3VjaEluZGljYXRvcih0bCwgcm9vdCwgeyBhdCA9IDAsIGVsYXN0aWNpdHkgPSAxIH0gPSB7fSkgewogICAgICAgICAgICBjb25zdCBkZWZhdWx0cyA9IHsgZ2VzdHVyZTogInRhcCIsIHBvbGFyaXR5OiAibGlnaHQiLCB0YXJnZXRYOiA1MCwgdGFyZ2V0WTogNTUgfTsKICAgICAgICAgICAgLy8gUGVyLWluc3RhbmNlIG92ZXJyaWRlcyAoYSBob3N0J3MgZGF0YS12YXJpYWJsZS12YWx1ZXMpIGxhbmQgaW4KICAgICAgICAgICAgLy8gd2luZG93Ll9faGZWYXJpYWJsZXNCeUNvbXAsIHNjb3BlZCBieSBjb21wb3NpdGlvbiBpZC4gUmVhZGluZwogICAgICAgICAgICAvLyB3aW5kb3cuX19oZlZhcmlhYmxlcyBkaXJlY3RseSBoZXJlIHdvdWxkIHNpbGVudGx5IGlnbm9yZSBldmVyeQogICAgICAgICAgICAvLyBob3N0IG92ZXJyaWRlIC0tIHdpbmRvdy5fX2h5cGVyZnJhbWVzLmdldFZhcmlhYmxlcygpIGlzIHRoZQogICAgICAgICAgICAvLyBzY29wZWQgYWNjZXNzb3IsIHBlciB0aGUgcmVnaXN0cnkgY29udmVudGlvbiAoc2VlCiAgICAgICAgICAgIC8vIGxvd2VyLXRoaXJkLWJpbGQuaHRtbCwgY2FwdGlvbi10ZXh0dXJlLmh0bWwpLgogICAgICAgICAgICBjb25zdCByZXNvbHZlZCA9CiAgICAgICAgICAgICAgd2luZG93Ll9faHlwZXJmcmFtZXMgJiYgd2luZG93Ll9faHlwZXJmcmFtZXMuZ2V0VmFyaWFibGVzCiAgICAgICAgICAgICAgICA/IHdpbmRvdy5fX2h5cGVyZnJhbWVzLmdldFZhcmlhYmxlcygpCiAgICAgICAgICAgICAgICA6IHdpbmRvdy5fX2hmVmFyaWFibGVzIHx8IHt9OwogICAgICAgICAgICBjb25zdCB2YXJzID0gT2JqZWN0LmFzc2lnbih7fSwgZGVmYXVsdHMsIHJlc29sdmVkKTsKICAgICAgICAgICAgY29uc3QgYWN0b3IgPSByb290LnF1ZXJ5U2VsZWN0b3IoIi5oZi10b3VjaC1pbmRpY2F0b3JfX2FjdG9yIik7CiAgICAgICAgICAgIGNvbnN0IGNvcmUgPSByb290LnF1ZXJ5U2VsZWN0b3IoIi5oZi10b3VjaC1pbmRpY2F0b3JfX2NvcmUiKTsKICAgICAgICAgICAgaWYgKHZhcnMucG9sYXJpdHkgPT09ICJkYXJrIikgYWN0b3IuY2xhc3NMaXN0LmFkZCgiaGYtdG91Y2gtaW5kaWNhdG9yX19hY3Rvci0tZGFyayIpOwoKICAgICAgICAgICAgLy8gQ29tcHV0ZSBsYXlvdXQgZ2VvbWV0cnkgb25jZSBhdCBzZXR1cCwgbmV2ZXIgaW5zaWRlIGFuIGVhc2UvY2FsbGJhY2suCiAgICAgICAgICAgIGNvbnN0IGhvc3RXID0gcm9vdC5jbGllbnRXaWR0aCB8fCAxOwogICAgICAgICAgICBjb25zdCBob3N0SCA9IHJvb3QuY2xpZW50SGVpZ2h0IHx8IDE7CiAgICAgICAgICAgIGNvbnN0IHgwID0gKHZhcnMudGFyZ2V0WCAvIDEwMCkgKiBob3N0VzsKICAgICAgICAgICAgY29uc3QgeTAgPSAodmFycy50YXJnZXRZIC8gMTAwKSAqIGhvc3RIOwoKICAgICAgICAgICAgLy8gLS0tIElOOiBmaXhlZCwgbmV2ZXIgc3RyZXRjaGVkLiAtLS0KICAgICAgICAgICAgY29uc3QgYXBwZWFyID0gcSgwLjA2KTsKICAgICAgICAgICAgdGwuZnJvbVRvKAogICAgICAgICAgICAgIGFjdG9yLAogICAgICAgICAgICAgIHsgeDogeDAsIHk6IHkwLCB4UGVyY2VudDogLTUwLCB5UGVyY2VudDogLTUwLCBhdXRvQWxwaGE6IDAgfSwKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICB4OiB4MCwKICAgICAgICAgICAgICAgIHk6IHkwLAogICAgICAgICAgICAgICAgeFBlcmNlbnQ6IC01MCwKICAgICAgICAgICAgICAgIHlQZXJjZW50OiAtNTAsCiAgICAgICAgICAgICAgICBhdXRvQWxwaGE6IDEsCiAgICAgICAgICAgICAgICBkdXJhdGlvbjogYXBwZWFyLAogICAgICAgICAgICAgICAgZWFzZTogInBvd2VyMi5vdXQiLAogICAgICAgICAgICAgICAgaW1tZWRpYXRlUmVuZGVyOiBmYWxzZSwKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIGF0LAogICAgICAgICAgICApOwogICAgICAgICAgICB0bC5mcm9tVG8oCiAgICAgICAgICAgICAgY29yZSwKICAgICAgICAgICAgICB7IHNjYWxlOiAwLjkgfSwKICAgICAgICAgICAgICB7IHNjYWxlOiAxLCBkdXJhdGlvbjogYXBwZWFyLCBlYXNlOiAicG93ZXIyLm91dCIsIGltbWVkaWF0ZVJlbmRlcjogZmFsc2UgfSwKICAgICAgICAgICAgICBhdCwKICAgICAgICAgICAgKTsKICAgICAgICAgICAgY29uc3QgdG91Y2hEb3duID0gYXQgKyBhcHBlYXI7CgogICAgICAgICAgICAvLyAtLS0gSE9MRDogdGhlIG9ubHkgZWxhc3RpYyBwaGFzZS4gU3RyZXRjaCBpdCwgbmV2ZXIgZ3NhcC50aW1lU2NhbGUoKS4gLS0tCiAgICAgICAgICAgIGxldCBob2xkRW5kOwogICAgICAgICAgICBpZiAodmFycy5nZXN0dXJlID09PSAic3dpcGUiKSB7CiAgICAgICAgICAgICAgLy8gYSBzd2lwZSBsYXN0cyAwLjI4cyB0byAwLjUyczsgZWxhc3RpY2l0eSBzY2FsZXMgaXRzIHBhY2luZy4KICAgICAgICAgICAgICBjb25zdCBzd2lwZUR1cmF0aW9uID0gcShjbGFtcCgwLjM0ICogZWxhc3RpY2l0eSwgMC4yOCwgMC41MikpOwogICAgICAgICAgICAgIGNvbnN0IHRyYXZlbCA9IGhvc3RIICogMC40OyAvLyB2ZXJ0aWNhbCBzY3JvbGwsIDQwJSBvZiBob3N0IGhlaWdodCAoMzItNjglIGFsbG93ZWQpCiAgICAgICAgICAgICAgY29uc3QgYWNjZWwgPSBxKHN3aXBlRHVyYXRpb24gKiAwLjQxKTsKICAgICAgICAgICAgICBjb25zdCBkZWNlbCA9IHN3aXBlRHVyYXRpb24gLSBhY2NlbDsKICAgICAgICAgICAgICBjb25zdCBiZW5kWSA9IHkwIC0gdHJhdmVsICogMC40MTsKICAgICAgICAgICAgICBjb25zdCBlbmRZID0geTAgLSB0cmF2ZWw7CiAgICAgICAgICAgICAgdGwuZnJvbVRvKAogICAgICAgICAgICAgICAgYWN0b3IsCiAgICAgICAgICAgICAgICB7IHg6IHgwLCB5OiB5MCB9LAogICAgICAgICAgICAgICAgeyB4OiB4MCwgeTogYmVuZFksIGR1cmF0aW9uOiBhY2NlbCwgZWFzZTogInBvd2VyMi5pbiIsIGltbWVkaWF0ZVJlbmRlcjogZmFsc2UgfSwKICAgICAgICAgICAgICAgIHRvdWNoRG93biwKICAgICAgICAgICAgICApOwogICAgICAgICAgICAgIHRsLnRvKAogICAgICAgICAgICAgICAgYWN0b3IsCiAgICAgICAgICAgICAgICB7IHg6IHgwLCB5OiBlbmRZLCBkdXJhdGlvbjogZGVjZWwsIGVhc2U6ICJwb3dlcjMub3V0IiB9LAogICAgICAgICAgICAgICAgdG91Y2hEb3duICsgYWNjZWwsCiAgICAgICAgICAgICAgKTsKICAgICAgICAgICAgICBob2xkRW5kID0gdG91Y2hEb3duICsgc3dpcGVEdXJhdGlvbjsKICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICAvLyBhIHRhcCB0b3VjaGVzIGZvciAwLjA4cyB0byAwLjJzOyBhbnkgbG9uZ2VyIHJlYWRzIGFzIGEgbG9uZy1wcmVzcy4KICAgICAgICAgICAgICBob2xkRW5kID0gdG91Y2hEb3duICsgcShjbGFtcCgwLjEyICogZWxhc3RpY2l0eSwgMC4wOCwgMC4yKSk7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC8vIC0tLSBPVVQ6IGZpeGVkLCBuZXZlciBzdHJldGNoZWQuIC0tLQogICAgICAgICAgICBjb25zdCBsaWZ0ID0gcSgwLjIpOwogICAgICAgICAgICB0bC50byhhY3RvciwgeyBhdXRvQWxwaGE6IDAsIGR1cmF0aW9uOiBsaWZ0LCBlYXNlOiAicG93ZXIxLmluIiB9LCBob2xkRW5kKTsKICAgICAgICAgIH0KCiAgICAgICAgICAvLyBTZWxmLWRyaXZpbmcgbW91bnQ6IGJ1aWxkIHRoZSBwYXVzZWQgdGltZWxpbmUgYW5kIHJlZ2lzdGVyIGl0CiAgICAgICAgICAvLyB1bmRlciB0aGlzIGZpbGUncyBvd24gZGF0YS1jb21wb3NpdGlvbi1pZCwgbWF0Y2hpbmcgdGhlIGhvc3QncwogICAgICAgICAgLy8gZGF0YS1jb21wb3NpdGlvbi1zcmMgd2lyaW5nIChzdWItY29tcG9zaXRpb25zLm1kLCBQaXRmYWxsIDIpLgogICAgICAgICAgY29uc3Qgcm9vdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ1tkYXRhLWNvbXBvc2l0aW9uLWlkPSJ0b3VjaC1pbmRpY2F0b3IiXScpOwogICAgICAgICAgY29uc3QgdGwgPSBnc2FwLnRpbWVsaW5lKHsgcGF1c2VkOiB0cnVlIH0pOwogICAgICAgICAgd2luZG93Ll9fdGltZWxpbmVzID0gd2luZG93Ll9fdGltZWxpbmVzIHx8IHt9OwogICAgICAgICAgd2luZG93Ll9fdGltZWxpbmVzWyJ0b3VjaC1pbmRpY2F0b3IiXSA9IHRsOwogICAgICAgICAgYnVpbGRUb3VjaEluZGljYXRvcih0bCwgcm9vdCwgeyBhdDogMCB9KTsKICAgICAgICB9KSgpOwogICAgICA8L3NjcmlwdD4KICAgIDwvdGVtcGxhdGU+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==\" data-start=\"0\" data-track-index=\"0\" data-width=\"1920\" data-height=\"1080\"></div>\n  </div>\n  <script>\n    window.__timelines = window.__timelines || {};\n    window.__timelines[\"preview-root\"] = gsap.timeline({ paused: true });\n  </script>\n</body>\n</html>"}