{
  "id": "opus-showcase-03-one-shape",
  "css": "",
  "fps": 30,
  "html": "<div style=\"left:0px;top:0px;width:1080px;height:1080px;background:#F1EDE6;border-radius:0px\" data-jc-track=\"0\" data-jc-duration=\"16\" data-jc-start=\"0\" data-jc-name=\"Background / warm paper\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-1\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;shape-kf-width-track&quot;,&quot;property&quot;:&quot;width&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-width-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:520,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-2&quot;,&quot;time&quot;:1.55,&quot;value&quot;:520,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-3&quot;,&quot;time&quot;:2.05,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-4&quot;,&quot;time&quot;:2.95,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-5&quot;,&quot;time&quot;:3.45,&quot;value&quot;:180,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-6&quot;,&quot;time&quot;:4.15,&quot;value&quot;:180,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-7&quot;,&quot;time&quot;:4.65,&quot;value&quot;:260,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-8&quot;,&quot;time&quot;:5.6,&quot;value&quot;:260,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-9&quot;,&quot;time&quot;:6.1,&quot;value&quot;:760,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-10&quot;,&quot;time&quot;:7.15,&quot;value&quot;:760,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-11&quot;,&quot;time&quot;:7.65,&quot;value&quot;:780,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-12&quot;,&quot;time&quot;:8.95,&quot;value&quot;:780,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-13&quot;,&quot;time&quot;:9.45,&quot;value&quot;:760,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-14&quot;,&quot;time&quot;:10.55,&quot;value&quot;:760,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-15&quot;,&quot;time&quot;:11.05,&quot;value&quot;:820,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-16&quot;,&quot;time&quot;:12.1,&quot;value&quot;:820,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-17&quot;,&quot;time&quot;:12.6,&quot;value&quot;:640,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-18&quot;,&quot;time&quot;:13.7,&quot;value&quot;:640,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-width-track-key-19&quot;,&quot;time&quot;:14.2,&quot;value&quot;:300,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;shape-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:140,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-2&quot;,&quot;time&quot;:1.55,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-3&quot;,&quot;time&quot;:2.05,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-4&quot;,&quot;time&quot;:2.95,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-5&quot;,&quot;time&quot;:3.45,&quot;value&quot;:180,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-6&quot;,&quot;time&quot;:4.15,&quot;value&quot;:180,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-7&quot;,&quot;time&quot;:4.65,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-8&quot;,&quot;time&quot;:5.6,&quot;value&quot;:140,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-9&quot;,&quot;time&quot;:6.1,&quot;value&quot;:28,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-10&quot;,&quot;time&quot;:7.15,&quot;value&quot;:28,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-11&quot;,&quot;time&quot;:7.65,&quot;value&quot;:220,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-12&quot;,&quot;time&quot;:8.95,&quot;value&quot;:220,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-13&quot;,&quot;time&quot;:9.45,&quot;value&quot;:480,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-14&quot;,&quot;time&quot;:10.55,&quot;value&quot;:480,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-15&quot;,&quot;time&quot;:11.05,&quot;value&quot;:120,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-16&quot;,&quot;time&quot;:12.1,&quot;value&quot;:120,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-17&quot;,&quot;time&quot;:12.6,&quot;value&quot;:112,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-18&quot;,&quot;time&quot;:13.7,&quot;value&quot;:112,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-height-track-key-19&quot;,&quot;time&quot;:14.2,&quot;value&quot;:300,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;shape-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:280,&quot;y&quot;:470},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-2&quot;,&quot;time&quot;:1.55,&quot;value&quot;:{&quot;x&quot;:280,&quot;y&quot;:470},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-3&quot;,&quot;time&quot;:2.05,&quot;value&quot;:{&quot;x&quot;:470,&quot;y&quot;:470},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-4&quot;,&quot;time&quot;:2.95,&quot;value&quot;:{&quot;x&quot;:470,&quot;y&quot;:470},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-5&quot;,&quot;time&quot;:3.45,&quot;value&quot;:{&quot;x&quot;:450,&quot;y&quot;:450},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-6&quot;,&quot;time&quot;:4.15,&quot;value&quot;:{&quot;x&quot;:450,&quot;y&quot;:450},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-7&quot;,&quot;time&quot;:4.65,&quot;value&quot;:{&quot;x&quot;:410,&quot;y&quot;:470},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-8&quot;,&quot;time&quot;:5.6,&quot;value&quot;:{&quot;x&quot;:410,&quot;y&quot;:470},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-9&quot;,&quot;time&quot;:6.1,&quot;value&quot;:{&quot;x&quot;:160,&quot;y&quot;:526},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-10&quot;,&quot;time&quot;:7.15,&quot;value&quot;:{&quot;x&quot;:160,&quot;y&quot;:526},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-11&quot;,&quot;time&quot;:7.65,&quot;value&quot;:{&quot;x&quot;:150,&quot;y&quot;:430},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-12&quot;,&quot;time&quot;:8.95,&quot;value&quot;:{&quot;x&quot;:150,&quot;y&quot;:430},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-13&quot;,&quot;time&quot;:9.45,&quot;value&quot;:{&quot;x&quot;:160,&quot;y&quot;:300},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-14&quot;,&quot;time&quot;:10.55,&quot;value&quot;:{&quot;x&quot;:160,&quot;y&quot;:300},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-15&quot;,&quot;time&quot;:11.05,&quot;value&quot;:{&quot;x&quot;:130,&quot;y&quot;:480},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-16&quot;,&quot;time&quot;:12.1,&quot;value&quot;:{&quot;x&quot;:130,&quot;y&quot;:480},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-17&quot;,&quot;time&quot;:12.6,&quot;value&quot;:{&quot;x&quot;:220,&quot;y&quot;:484},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-18&quot;,&quot;time&quot;:13.7,&quot;value&quot;:{&quot;x&quot;:220,&quot;y&quot;:484},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-position-track-key-19&quot;,&quot;time&quot;:14.2,&quot;value&quot;:{&quot;x&quot;:390,&quot;y&quot;:320},&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;shape-kf-background-track&quot;,&quot;property&quot;:&quot;background&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-background-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-2&quot;,&quot;time&quot;:1.55,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-3&quot;,&quot;time&quot;:1.9,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-4&quot;,&quot;time&quot;:2.95,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-5&quot;,&quot;time&quot;:3.3,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-6&quot;,&quot;time&quot;:4.15,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-7&quot;,&quot;time&quot;:4.5,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-8&quot;,&quot;time&quot;:4.85,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-9&quot;,&quot;time&quot;:5.1,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-10&quot;,&quot;time&quot;:5.6,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-11&quot;,&quot;time&quot;:5.95,&quot;value&quot;:&quot;#D8D2C8&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-12&quot;,&quot;time&quot;:7.15,&quot;value&quot;:&quot;#D8D2C8&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-13&quot;,&quot;time&quot;:7.5,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-14&quot;,&quot;time&quot;:8.95,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-15&quot;,&quot;time&quot;:9.3,&quot;value&quot;:&quot;#FFFFFF&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-16&quot;,&quot;time&quot;:10.55,&quot;value&quot;:&quot;#FFFFFF&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-17&quot;,&quot;time&quot;:10.9,&quot;value&quot;:&quot;#FFFFFF&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-18&quot;,&quot;time&quot;:12.1,&quot;value&quot;:&quot;#FFFFFF&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-19&quot;,&quot;time&quot;:12.45,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-20&quot;,&quot;time&quot;:13.7,&quot;value&quot;:&quot;#141414&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-background-track-key-21&quot;,&quot;time&quot;:14.05,&quot;value&quot;:&quot;#FF5A1F&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;shape-kf-clipPath-track&quot;,&quot;property&quot;:&quot;clipPath&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-2&quot;,&quot;time&quot;:1.55,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-3&quot;,&quot;time&quot;:2.05,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-4&quot;,&quot;time&quot;:2.95,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-5&quot;,&quot;time&quot;:3.45,&quot;value&quot;:&quot;inset(0px round 90px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-6&quot;,&quot;time&quot;:4.15,&quot;value&quot;:&quot;inset(0px round 90px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-7&quot;,&quot;time&quot;:4.65,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-8&quot;,&quot;time&quot;:5.6,&quot;value&quot;:&quot;inset(0px round 70px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-9&quot;,&quot;time&quot;:6.1,&quot;value&quot;:&quot;inset(0px round 14px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-10&quot;,&quot;time&quot;:7.15,&quot;value&quot;:&quot;inset(0px round 14px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-11&quot;,&quot;time&quot;:7.65,&quot;value&quot;:&quot;inset(0px round 44px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-12&quot;,&quot;time&quot;:8.95,&quot;value&quot;:&quot;inset(0px round 44px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-13&quot;,&quot;time&quot;:9.45,&quot;value&quot;:&quot;inset(0px round 40px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-14&quot;,&quot;time&quot;:10.55,&quot;value&quot;:&quot;inset(0px round 40px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-15&quot;,&quot;time&quot;:11.05,&quot;value&quot;:&quot;inset(0px round 60px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-16&quot;,&quot;time&quot;:12.1,&quot;value&quot;:&quot;inset(0px round 60px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-17&quot;,&quot;time&quot;:12.6,&quot;value&quot;:&quot;inset(0px round 28px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-18&quot;,&quot;time&quot;:13.7,&quot;value&quot;:&quot;inset(0px round 28px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-clipPath-track-key-19&quot;,&quot;time&quot;:14.2,&quot;value&quot;:&quot;inset(0px round 80px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;shape-kf-scale-track&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;shape-kf-scale-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;shape-kf-scale-track-key-2&quot;,&quot;time&quot;:1.05,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;shape-kf-scale-track-key-3&quot;,&quot;time&quot;:1.18,&quot;value&quot;:0.93,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;shape-kf-scale-track-key-4&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:280px;top:470px;width:520px;height:140px;background:#FF5A1F;border-radius:0px;box-shadow:0 28px 70px rgba(20,20,20,0.14)\" data-jc-track=\"1\" data-jc-duration=\"16\" data-jc-start=\"0\" data-jc-name=\"THE SHAPE / one element morphing through every state\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-2\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;btn-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;btn-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;btn-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;btn-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.45,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;btn-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.6,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;btn-kf-scale-track&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;btn-kf-scale-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;btn-kf-scale-track-key-2&quot;,&quot;time&quot;:1.05,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;btn-kf-scale-track-key-3&quot;,&quot;time&quot;:1.18,&quot;value&quot;:0.93,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;btn-kf-scale-track-key-4&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:280px;top:470px;width:520px;height:140px;color:#FFFFFF;font-family:Inter;font-size:44px;font-weight:600;text-align:center;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.6\" data-jc-start=\"0\" data-jc-name=\"01 Button / label\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-1\">Get started  →</div><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;ring-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;ring-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;ring-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;ring-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;ring-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.25,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;ring-kf-rotation-track&quot;,&quot;property&quot;:&quot;rotation&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;ring-kf-rotation-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;linear&quot;},{&quot;id&quot;:&quot;ring-kf-rotation-track-key-2&quot;,&quot;time&quot;:1.25,&quot;value&quot;:720,&quot;easing&quot;:&quot;linear&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2084%2084'%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'32'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-opacity%3D'.25'%20stroke-width%3D'10'%2F%3E%3Cpath%20d%3D'M42%2010%20A32%2032%200%200%201%2074%2042'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'10'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E\" style=\"left:498px;top:498px;width:84px;height:84px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"1.25\" data-jc-start=\"1.75\" data-jc-name=\"02 Loader / spinning arc\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-1\"><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;check-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;check-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;check-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;check-kf-opacity-track-key-3&quot;,&quot;time&quot;:0.75,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;check-kf-opacity-track-key-4&quot;,&quot;time&quot;:0.9,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;check-kf-clipPath-track&quot;,&quot;property&quot;:&quot;clipPath&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;check-kf-clipPath-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:&quot;inset(0px 100% 0px 0px)&quot;,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;check-kf-clipPath-track-key-2&quot;,&quot;time&quot;:0.1,&quot;value&quot;:&quot;inset(0px 100% 0px 0px)&quot;,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;check-kf-clipPath-track-key-3&quot;,&quot;time&quot;:0.45,&quot;value&quot;:&quot;inset(0px 0% 0px 0px)&quot;,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2090%2070'%3E%3Cpath%20d%3D'M10%2036%20L34%2058%20L80%2012'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'12'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E\" style=\"left:495px;top:505px;width:90px;height:70px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"0.9\" data-jc-start=\"3.3\" data-jc-name=\"03 Success / check mark\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-2\"><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;knob-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;knob-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;knob-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;knob-kf-opacity-track-key-3&quot;,&quot;time&quot;:1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;knob-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.15,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;knob-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;knob-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:425,&quot;y&quot;:485},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;knob-kf-position-track-key-2&quot;,&quot;time&quot;:0.3,&quot;value&quot;:{&quot;x&quot;:425,&quot;y&quot;:485},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;knob-kf-position-track-key-3&quot;,&quot;time&quot;:0.6,&quot;value&quot;:{&quot;x&quot;:545,&quot;y&quot;:485},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:425px;top:485px;width:110px;height:110px;background:#FFFFFF;border-radius:55px\" data-jc-track=\"3\" data-jc-duration=\"1.15\" data-jc-start=\"4.5\" data-jc-name=\"04 Toggle / knob\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-3\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;fill-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;fill-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;fill-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;fill-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;fill-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.25,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;fill-kf-width-track&quot;,&quot;property&quot;:&quot;width&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;fill-kf-width-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;fill-kf-width-track-key-2&quot;,&quot;time&quot;:0.15,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;fill-kf-width-track-key-3&quot;,&quot;time&quot;:1,&quot;value&quot;:547,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:160px;top:526px;width:8px;height:28px;background:#FF5A1F;border-radius:14px\" data-jc-track=\"3\" data-jc-duration=\"1.25\" data-jc-start=\"5.95\" data-jc-name=\"05 Slider / orange fill\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-4\"></div><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;sknob-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;sknob-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;sknob-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;sknob-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;sknob-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.25,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;sknob-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;sknob-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:138,&quot;y&quot;:510},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;sknob-kf-position-track-key-2&quot;,&quot;time&quot;:0.15,&quot;value&quot;:{&quot;x&quot;:138,&quot;y&quot;:510},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;sknob-kf-position-track-key-3&quot;,&quot;time&quot;:1,&quot;value&quot;:{&quot;x&quot;:677,&quot;y&quot;:510},&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'26'%20fill%3D'%23FFFFFF'%20stroke%3D'%23141414'%20stroke-width%3D'5'%2F%3E%3C%2Fsvg%3E\" style=\"left:138px;top:510px;width:60px;height:60px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"1.25\" data-jc-start=\"5.95\" data-jc-name=\"05 Slider / knob\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-3\"><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;svalue-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;svalue-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;svalue-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;svalue-kf-opacity-track-key-3&quot;,&quot;time&quot;:0.85,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;svalue-kf-opacity-track-key-4&quot;,&quot;time&quot;:1,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:160px;top:430px;width:760px;height:60px;color:#141414;font-family:Inter;font-size:36px;font-weight:600;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1\" data-jc-start=\"6.2\" data-jc-name=\"05 Slider / value label\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-2\">Volume  72%</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;play-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;play-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;play-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;play-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;play-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.55,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:190px;top:480px;width:120px;height:120px;background:#FF5A1F;border-radius:60px\" data-jc-track=\"3\" data-jc-duration=\"1.55\" data-jc-start=\"7.45\" data-jc-name=\"06 Player / play button\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-5\"></div><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;tri-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;tri-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;tri-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;tri-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;tri-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.55,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2046'%3E%3Cpath%20d%3D'M4%203%20L38%2023%20L4%2043Z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E\" style=\"left:236px;top:517px;width:40px;height:46px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"1.55\" data-jc-start=\"7.45\" data-jc-name=\"06 Player / play triangle\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-4\"><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;title-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;title-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;title-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;title-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;title-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.5,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:350px;top:478px;width:420px;height:54px;color:#FFFFFF;font-family:Inter;font-size:40px;font-weight:600;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.5\" data-jc-start=\"7.5\" data-jc-name=\"06 Player / track title\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-3\">Night Drive</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;artist-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;artist-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;artist-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;artist-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.3,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;artist-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.45,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:350px;top:528px;width:420px;height:40px;color:#A3A09A;font-family:Inter;font-size:26px;font-weight:500;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.45\" data-jc-start=\"7.55\" data-jc-name=\"06 Player / station\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-4\">Shapekit Radio · Live</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;ptrack-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;ptrack-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;ptrack-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;ptrack-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.25,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;ptrack-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.4,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:350px;top:584px;width:380px;height:8px;background:#3A3A3A;border-radius:4px\" data-jc-track=\"3\" data-jc-duration=\"1.4\" data-jc-start=\"7.6\" data-jc-name=\"06 Player / progress track\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-6\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;pfill-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;pfill-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;pfill-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;pfill-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.25,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;pfill-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.4,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;pfill-kf-width-track&quot;,&quot;property&quot;:&quot;width&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;pfill-kf-width-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:40,&quot;easing&quot;:&quot;linear&quot;},{&quot;id&quot;:&quot;pfill-kf-width-track-key-2&quot;,&quot;time&quot;:1.4,&quot;value&quot;:230,&quot;easing&quot;:&quot;linear&quot;}]}]}\" style=\"left:350px;top:584px;width:40px;height:8px;background:#FF5A1F;border-radius:4px\" data-jc-track=\"3\" data-jc-duration=\"1.4\" data-jc-start=\"7.6\" data-jc-name=\"06 Player / progress fill\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-7\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;ctitle-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;ctitle-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;ctitle-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;ctitle-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;ctitle-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:200px;top:330px;width:500px;height:50px;color:#141414;font-family:Inter;font-size:34px;font-weight:700;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / title\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-5\">Focus hours</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;csub-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;csub-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;csub-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;csub-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.15,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;csub-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.3,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:200px;top:378px;width:500px;height:36px;color:#8A857D;font-family:Inter;font-size:24px;font-weight:500;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.3\" data-jc-start=\"9.3\" data-jc-name=\"07 Chart / subtitle\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-6\">this week</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar0-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar0-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar0-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar0-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar0-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar0-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar0-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar0-kf-height-track-key-2&quot;,&quot;time&quot;:0.15,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar0-kf-height-track-key-3&quot;,&quot;time&quot;:0.65,&quot;value&quot;:120,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar0-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar0-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:200,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar0-kf-position-track-key-2&quot;,&quot;time&quot;:0.15,&quot;value&quot;:{&quot;x&quot;:200,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar0-kf-position-track-key-3&quot;,&quot;time&quot;:0.65,&quot;value&quot;:{&quot;x&quot;:200,&quot;y&quot;:620},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:200px;top:732px;width:72px;height:8px;background:#141414;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 1\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-8\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar1-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar1-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar1-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar1-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar1-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar1-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar1-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar1-kf-height-track-key-2&quot;,&quot;time&quot;:0.21,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar1-kf-height-track-key-3&quot;,&quot;time&quot;:0.71,&quot;value&quot;:210,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar1-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar1-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:316,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar1-kf-position-track-key-2&quot;,&quot;time&quot;:0.21,&quot;value&quot;:{&quot;x&quot;:316,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar1-kf-position-track-key-3&quot;,&quot;time&quot;:0.71,&quot;value&quot;:{&quot;x&quot;:316,&quot;y&quot;:530},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:316px;top:732px;width:72px;height:8px;background:#141414;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 2\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-9\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar2-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar2-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar2-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar2-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar2-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar2-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar2-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar2-kf-height-track-key-2&quot;,&quot;time&quot;:0.27,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar2-kf-height-track-key-3&quot;,&quot;time&quot;:0.77,&quot;value&quot;:160,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar2-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar2-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:432,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar2-kf-position-track-key-2&quot;,&quot;time&quot;:0.27,&quot;value&quot;:{&quot;x&quot;:432,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar2-kf-position-track-key-3&quot;,&quot;time&quot;:0.77,&quot;value&quot;:{&quot;x&quot;:432,&quot;y&quot;:580},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:432px;top:732px;width:72px;height:8px;background:#141414;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 3\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-10\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar3-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar3-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar3-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar3-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar3-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar3-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar3-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar3-kf-height-track-key-2&quot;,&quot;time&quot;:0.33,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar3-kf-height-track-key-3&quot;,&quot;time&quot;:0.83,&quot;value&quot;:280,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar3-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar3-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:548,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar3-kf-position-track-key-2&quot;,&quot;time&quot;:0.33,&quot;value&quot;:{&quot;x&quot;:548,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar3-kf-position-track-key-3&quot;,&quot;time&quot;:0.83,&quot;value&quot;:{&quot;x&quot;:548,&quot;y&quot;:460},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:548px;top:732px;width:72px;height:8px;background:#141414;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 4\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-11\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar4-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar4-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar4-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar4-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar4-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar4-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar4-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar4-kf-height-track-key-2&quot;,&quot;time&quot;:0.39,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar4-kf-height-track-key-3&quot;,&quot;time&quot;:0.89,&quot;value&quot;:200,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar4-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar4-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:664,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar4-kf-position-track-key-2&quot;,&quot;time&quot;:0.39,&quot;value&quot;:{&quot;x&quot;:664,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar4-kf-position-track-key-3&quot;,&quot;time&quot;:0.89,&quot;value&quot;:{&quot;x&quot;:664,&quot;y&quot;:540},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:664px;top:732px;width:72px;height:8px;background:#141414;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 5\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-12\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;bar5-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar5-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;bar5-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar5-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;bar5-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;bar5-kf-height-track&quot;,&quot;property&quot;:&quot;height&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar5-kf-height-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:8,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar5-kf-height-track-key-2&quot;,&quot;time&quot;:0.45,&quot;value&quot;:8,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar5-kf-height-track-key-3&quot;,&quot;time&quot;:0.95,&quot;value&quot;:330,&quot;easing&quot;:&quot;back-out&quot;}]},{&quot;id&quot;:&quot;bar5-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;bar5-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:780,&quot;y&quot;:732},&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;bar5-kf-position-track-key-2&quot;,&quot;time&quot;:0.45,&quot;value&quot;:{&quot;x&quot;:780,&quot;y&quot;:732},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;bar5-kf-position-track-key-3&quot;,&quot;time&quot;:0.95,&quot;value&quot;:{&quot;x&quot;:780,&quot;y&quot;:410},&quot;easing&quot;:&quot;back-out&quot;}]}]}\" style=\"left:780px;top:732px;width:72px;height:8px;background:#FF5A1F;border-radius:10px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"9.25\" data-jc-name=\"07 Chart / bar 6 (highlight)\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-13\"></div><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;glass-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;glass-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;glass-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;glass-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.15,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;glass-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.3,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Ccircle%20cx%3D'20'%20cy%3D'20'%20r%3D'14'%20fill%3D'none'%20stroke%3D'%23141414'%20stroke-width%3D'5'%2F%3E%3Cpath%20d%3D'M31%2031%20L43%2043'%20stroke%3D'%23141414'%20stroke-width%3D'5'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E\" style=\"left:176px;top:516px;width:48px;height:48px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"1.3\" data-jc-start=\"10.85\" data-jc-name=\"08 Search / magnifier\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-5\"><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;query-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;query-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;query-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;query-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;query-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.25,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;query-kf-clipPath-track&quot;,&quot;property&quot;:&quot;clipPath&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;query-kf-clipPath-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:&quot;inset(0px 100% 0px 0px)&quot;,&quot;easing&quot;:&quot;linear&quot;},{&quot;id&quot;:&quot;query-kf-clipPath-track-key-2&quot;,&quot;time&quot;:0.15,&quot;value&quot;:&quot;inset(0px 100% 0px 0px)&quot;,&quot;easing&quot;:&quot;linear&quot;},{&quot;id&quot;:&quot;query-kf-clipPath-track-key-3&quot;,&quot;time&quot;:0.95,&quot;value&quot;:&quot;inset(0px 0% 0px 0px)&quot;,&quot;easing&quot;:&quot;linear&quot;}]}]}\" style=\"left:250px;top:480px;width:620px;height:120px;color:#141414;font-family:Inter;font-size:38px;font-weight:500;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.25\" data-jc-start=\"10.9\" data-jc-name=\"08 Search / typed query\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-7\">Find a component…</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;dot-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;dot-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;dot-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;dot-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;dot-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:262px;top:531px;width:18px;height:18px;background:#FF5A1F;border-radius:9px\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"12.4\" data-jc-name=\"09 Toast / status dot\" data-jc-kind=\"shape\" data-jc-clip=\"\" id=\"shape-14\"></div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;saved-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;saved-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;saved-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;saved-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;saved-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:298px;top:484px;width:380px;height:112px;color:#FFFFFF;font-family:Inter;font-size:34px;font-weight:600;text-align:left;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"12.4\" data-jc-name=\"09 Toast / message\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-8\">Changes saved</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;undo-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;undo-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;undo-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;undo-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.15,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;undo-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.3,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:700px;top:484px;width:120px;height:112px;color:#FF5A1F;font-family:Inter;font-size:30px;font-weight:600;text-align:right;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.3\" data-jc-start=\"12.45\" data-jc-name=\"09 Toast / undo action\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-9\">Undo</div><img data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;logo-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;logo-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;logo-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;logo-kf-scale-track&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;logo-kf-scale-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0.6,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;logo-kf-scale-track-key-2&quot;,&quot;time&quot;:0.45,&quot;value&quot;:1,&quot;easing&quot;:&quot;back-out&quot;}]}]}\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20160%20160'%3E%3Ccircle%20cx%3D'62'%20cy%3D'62'%20r%3D'46'%20fill%3D'%23FFFFFF'%2F%3E%3Crect%20x%3D'62'%20y%3D'62'%20width%3D'84'%20height%3D'84'%20rx%3D'22'%20fill%3D'%23FFFFFF'%20fill-opacity%3D'.55'%2F%3E%3C%2Fsvg%3E\" style=\"left:460px;top:390px;width:160px;height:160px;object-fit:contain\" data-jc-track=\"3\" data-jc-duration=\"1.95\" data-jc-start=\"14.05\" data-jc-name=\"10 App icon / own geometric mark\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-6\"><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;mark-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;mark-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;mark-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]},{&quot;id&quot;:&quot;mark-kf-position-track&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;mark-kf-position-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:0,&quot;y&quot;:690},&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;mark-kf-position-track-key-2&quot;,&quot;time&quot;:0.5,&quot;value&quot;:{&quot;x&quot;:0,&quot;y&quot;:650},&quot;easing&quot;:&quot;ease-out&quot;}]}]}\" style=\"left:0px;top:650px;width:1080px;height:100px;color:#141414;font-family:Inter;font-size:80px;font-weight:800;text-align:center;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.75\" data-jc-start=\"14.25\" data-jc-name=\"10 Wordmark / Shapekit\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-10\">Shapekit</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;tag-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;tag-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;tag-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:750px;width:1080px;height:50px;color:#6B665E;font-family:Inter;font-size:32px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:center\" data-jc-track=\"3\" data-jc-duration=\"1.5\" data-jc-start=\"14.5\" data-jc-name=\"10 Tagline\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-11\">One shape. Every state.</div><div style=\"left:0px;top:70px;width:1080px;height:940px;color:#B3ADA3;font-family:Inter;font-size:22px;font-weight:600;text-align:center;white-space:normal;background:transparent;display:grid;align-content:start\" data-jc-track=\"3\" data-jc-duration=\"16\" data-jc-start=\"0\" data-jc-name=\"Header / one shape never cut\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-12\">ONE SHAPE  ·  NEVER CUT</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap0-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap0-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap0-kf-opacity-track-key-2&quot;,&quot;time&quot;:1.45,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap0-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.6,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.6\" data-jc-start=\"0\" data-jc-name=\"Caption / 01 Button\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-13\">01   Button</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap1-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap1-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap1-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap1-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap1-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.35,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.35\" data-jc-start=\"1.65\" data-jc-name=\"Caption / 02 Loader\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-14\">02   Loader</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap2-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap2-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap2-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap2-kf-opacity-track-key-3&quot;,&quot;time&quot;:1,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap2-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.15,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.15\" data-jc-start=\"3.05\" data-jc-name=\"Caption / 03 Success\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-15\">03   Success</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap3-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap3-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap3-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap3-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.25,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap3-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.4,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.4\" data-jc-start=\"4.25\" data-jc-name=\"Caption / 04 Toggle\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-16\">04   Toggle</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap4-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap4-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap4-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap4-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap4-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.5,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.5\" data-jc-start=\"5.7\" data-jc-name=\"Caption / 05 Slider\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-17\">05   Slider</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap5-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap5-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap5-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap5-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.6,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap5-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.75,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.75\" data-jc-start=\"7.25\" data-jc-name=\"Caption / 06 Player\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-18\">06   Player</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap6-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap6-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap6-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap6-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap6-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.55,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.55\" data-jc-start=\"9.05\" data-jc-name=\"Caption / 07 Chart\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-19\">07   Chart</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap7-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap7-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap7-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap7-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap7-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.5,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.5\" data-jc-start=\"10.65\" data-jc-name=\"Caption / 08 Search\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-20\">08   Search</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap8-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap8-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap8-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;},{&quot;id&quot;:&quot;cap8-kf-opacity-track-key-3&quot;,&quot;time&quot;:1.4,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in&quot;},{&quot;id&quot;:&quot;cap8-kf-opacity-track-key-4&quot;,&quot;time&quot;:1.55,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"1.55\" data-jc-start=\"12.2\" data-jc-name=\"Caption / 09 Toast\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-21\">09   Toast</div><div data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;cap9-kf-opacity-track&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;cap9-kf-opacity-track-key-1&quot;,&quot;time&quot;:0,&quot;value&quot;:0,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;cap9-kf-opacity-track-key-2&quot;,&quot;time&quot;:0.2,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-in-out&quot;}]}]}\" style=\"left:0px;top:100px;width:1080px;height:880px;color:#8A857D;font-family:Inter;font-size:26px;font-weight:500;text-align:center;white-space:normal;background:transparent;display:grid;align-content:end\" data-jc-track=\"3\" data-jc-duration=\"2.2\" data-jc-start=\"13.8\" data-jc-name=\"Caption / 10 App icon\" data-jc-kind=\"text\" data-jc-clip=\"\" id=\"text-22\">10   App icon</div>",
  "name": "One shape, never cut · Shapekit",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1080,
  "values": {},
  "version": 1,
  "duration": 16,
  "safeArea": {
    "top": 0,
    "left": 0,
    "right": 0,
    "bottom": 0
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "video",
  "canvasBackground": "#000000",
  "editabilityTarget": "layered"
}