/* Exact 4.3 s looping Figma Motion tracks for the 11 voice bars. */
.demo-audio .demo-wave span:nth-child(1){animation: kf_2469_155988_height_0 4.3s linear, kf_2469_155988_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_155988_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 4.121% { animation-timing-function: ease-in-out; height: 58.65px; } 9.388% { animation-timing-function: ease-in-out; height: 25.2px; } 15.14% { animation-timing-function: ease-in-out; height: 57.75px; } 20.488% { animation-timing-function: ease-in-out; height: 25.35px; } 24.412% { animation-timing-function: ease-in-out; height: 53.85px; } 28.26% { animation-timing-function: ease-in-out; height: 21.15px; } 32.449% { animation-timing-function: ease-in-out; height: 43.8px; } 37.477% { animation-timing-function: ease-in-out; height: 23.55px; } 41.379% { animation-timing-function: ease-in-out; height: 53.85px; } 46.47% { animation-timing-function: ease-in-out; height: 21.3px; } 49.933% { animation-timing-function: ease-in-out; height: 43.05px; } 53.37% { animation-timing-function: ease-in-out; height: 24.45px; } 58.079% { animation-timing-function: ease-in-out; height: 54.75px; } 63.363% { animation-timing-function: ease-in-out; height: 21px; } 68.477% { animation-timing-function: ease-in-out; height: 46.35px; } 72.198% { animation-timing-function: ease-in-out; height: 24.75px; } 77.86% { animation-timing-function: ease-in-out; height: 43.65px; } 82.16% { animation-timing-function: ease-in-out; height: 25.8px; } 85.221% { animation-timing-function: ease-in-out; height: 52.2px; } 90.977% { animation-timing-function: ease-in-out; height: 21.45px; } 94.793% { animation-timing-function: ease-in-out; height: 52.05px; } 100% { height: 36px; } } @keyframes kf_2469_155988_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 4.121% { animation-timing-function: ease-in-out; translate: 0px -11.4px; } 9.388% { animation-timing-function: ease-in-out; translate: 0px 5.4px; } 15.14% { animation-timing-function: ease-in-out; translate: 0px -10.95px; } 20.488% { animation-timing-function: ease-in-out; translate: 0px 5.4px; } 24.412% { animation-timing-function: ease-in-out; translate: 0px -9px; } 28.26% { animation-timing-function: ease-in-out; translate: 0px 7.5px; } 32.449% { animation-timing-function: ease-in-out; translate: 0px -3.9px; } 37.477% { animation-timing-function: ease-in-out; translate: 0px 6.3px; } 41.379% { animation-timing-function: ease-in-out; translate: 0px -8.85px; } 46.47% { animation-timing-function: ease-in-out; translate: 0px 7.35px; } 49.933% { animation-timing-function: ease-in-out; translate: 0px -3.45px; } 53.37% { animation-timing-function: ease-in-out; translate: 0px 5.85px; } 58.079% { animation-timing-function: ease-in-out; translate: 0px -9.45px; } 63.363% { animation-timing-function: ease-in-out; translate: 0px 7.5px; } 68.477% { animation-timing-function: ease-in-out; translate: 0px -5.1px; } 72.198% { animation-timing-function: ease-in-out; translate: 0px 5.55px; } 77.86% { animation-timing-function: ease-in-out; translate: 0px -3.75px; } 82.16% { animation-timing-function: ease-in-out; translate: 0px 5.1px; } 85.221% { animation-timing-function: ease-in-out; translate: 0px -8.1px; } 90.977% { animation-timing-function: ease-in-out; translate: 0px 7.35px; } 94.793% { animation-timing-function: ease-in-out; translate: 0px -8.1px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(2){animation: kf_2469_156041_height_0 4.3s linear, kf_2469_156041_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156041_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 3.786% { animation-timing-function: ease-in-out; height: 57.75px; } 9.3% { animation-timing-function: ease-in-out; height: 26.55px; } 13.96% { animation-timing-function: ease-in-out; height: 76.05px; } 17.742% { animation-timing-function: ease-in-out; height: 29.4px; } 23.072% { animation-timing-function: ease-in-out; height: 82.5px; } 28.34% { animation-timing-function: ease-in-out; height: 25.2px; } 32.709% { animation-timing-function: ease-in-out; height: 54.75px; } 37.647% { animation-timing-function: ease-in-out; height: 24.15px; } 40.893% { animation-timing-function: ease-in-out; height: 66.45px; } 44.623% { animation-timing-function: ease-in-out; height: 31.05px; } 49.656% { animation-timing-function: ease-in-out; height: 79.65px; } 52.747% { animation-timing-function: ease-in-out; height: 27.6px; } 57.86% { animation-timing-function: ease-in-out; height: 63.45px; } 62.186% { animation-timing-function: ease-in-out; height: 29.25px; } 65.328% { animation-timing-function: ease-in-out; height: 70.65px; } 68.5% { animation-timing-function: ease-in-out; height: 24.75px; } 73.137% { animation-timing-function: ease-in-out; height: 82.35px; } 76.551% { animation-timing-function: ease-in-out; height: 28.65px; } 80.207% { animation-timing-function: ease-in-out; height: 71.25px; } 85.495% { animation-timing-function: ease-in-out; height: 24.3px; } 90.588% { animation-timing-function: ease-in-out; height: 83.55px; } 94.816% { animation-timing-function: ease-in-out; height: 27.9px; } 99.4% { animation-timing-function: ease-in-out; height: 64.5px; } 100% { height: 36px; } } @keyframes kf_2469_156041_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 3.786% { animation-timing-function: ease-in-out; translate: 0px -10.8px; } 9.3% { animation-timing-function: ease-in-out; translate: 0px 4.65px; } 13.96% { animation-timing-function: ease-in-out; translate: 0px -20.1px; } 17.742% { animation-timing-function: ease-in-out; translate: 0px 3.3px; } 23.072% { animation-timing-function: ease-in-out; translate: 0px -23.25px; } 28.34% { animation-timing-function: ease-in-out; translate: 0px 5.4px; } 32.709% { animation-timing-function: ease-in-out; translate: 0px -9.45px; } 37.647% { animation-timing-function: ease-in-out; translate: 0px 5.85px; } 40.893% { animation-timing-function: ease-in-out; translate: 0px -15.3px; } 44.623% { animation-timing-function: ease-in-out; translate: 0px 2.4px; } 49.656% { animation-timing-function: ease-in-out; translate: 0px -21.9px; } 52.747% { animation-timing-function: ease-in-out; translate: 0px 4.2px; } 57.86% { animation-timing-function: ease-in-out; translate: 0px -13.8px; } 62.186% { animation-timing-function: ease-in-out; translate: 0px 3.3px; } 65.328% { animation-timing-function: ease-in-out; translate: 0px -17.25px; } 68.5% { animation-timing-function: ease-in-out; translate: 0px 5.7px; } 73.137% { animation-timing-function: ease-in-out; translate: 0px -23.1px; } 76.551% { animation-timing-function: ease-in-out; translate: 0px 3.6px; } 80.207% { animation-timing-function: ease-in-out; translate: 0px -17.55px; } 85.495% { animation-timing-function: ease-in-out; translate: 0px 5.85px; } 90.588% { animation-timing-function: ease-in-out; translate: 0px -23.7px; } 94.816% { animation-timing-function: ease-in-out; translate: 0px 4.05px; } 99.4% { animation-timing-function: ease-in-out; translate: 0px -14.25px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(3){animation: kf_2469_156094_height_0 4.3s linear, kf_2469_156094_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156094_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 4.423% { animation-timing-function: ease-in-out; height: 79.5px; } 7.535% { animation-timing-function: ease-in-out; height: 27.3px; } 11.072% { animation-timing-function: ease-in-out; height: 124.8px; } 14.965% { animation-timing-function: ease-in-out; height: 32.1px; } 19.209% { animation-timing-function: ease-in-out; height: 132.3px; } 23.226% { animation-timing-function: ease-in-out; height: 42.9px; } 27.47% { animation-timing-function: ease-in-out; height: 87.45px; } 32.391% { animation-timing-function: ease-in-out; height: 39.9px; } 36.865% { animation-timing-function: ease-in-out; height: 115.05px; } 41.351% { animation-timing-function: ease-in-out; height: 36.45px; } 46.391% { animation-timing-function: ease-in-out; height: 95.55px; } 50.384% { animation-timing-function: ease-in-out; height: 39.75px; } 54.128% { animation-timing-function: ease-in-out; height: 84.45px; } 59.902% { animation-timing-function: ease-in-out; height: 28.65px; } 63.212% { animation-timing-function: ease-in-out; height: 104.85px; } 68.57% { animation-timing-function: ease-in-out; height: 34.2px; } 71.647% { animation-timing-function: ease-in-out; height: 99.6px; } 76.719% { animation-timing-function: ease-in-out; height: 29.7px; } 82.351% { animation-timing-function: ease-in-out; height: 127.35px; } 87.877% { animation-timing-function: ease-in-out; height: 35.4px; } 91.037% { animation-timing-function: ease-in-out; height: 81.45px; } 95.926% { animation-timing-function: ease-in-out; height: 30.3px; } 99.428% { animation-timing-function: ease-in-out; height: 126.45px; } 100% { height: 36px; } } @keyframes kf_2469_156094_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 4.423% { animation-timing-function: ease-in-out; translate: 0px -21.75px; } 7.535% { animation-timing-function: ease-in-out; translate: 0px 4.35px; } 11.072% { animation-timing-function: ease-in-out; translate: 0px -44.4px; } 14.965% { animation-timing-function: ease-in-out; translate: 0px 1.95px; } 19.209% { animation-timing-function: ease-in-out; translate: 0px -48.15px; } 23.226% { animation-timing-function: ease-in-out; translate: 0px -3.45px; } 27.47% { animation-timing-function: ease-in-out; translate: 0px -25.65px; } 32.391% { animation-timing-function: ease-in-out; translate: 0px -1.95px; } 36.865% { animation-timing-function: ease-in-out; translate: 0px -39.6px; } 41.351% { animation-timing-function: ease-in-out; translate: 0px -0.3px; } 46.391% { animation-timing-function: ease-in-out; translate: 0px -29.85px; } 50.384% { animation-timing-function: ease-in-out; translate: 0px -1.8px; } 54.128% { animation-timing-function: ease-in-out; translate: 0px -24.3px; } 59.902% { animation-timing-function: ease-in-out; translate: 0px 3.75px; } 63.212% { animation-timing-function: ease-in-out; translate: 0px -34.5px; } 68.57% { animation-timing-function: ease-in-out; translate: 0px 0.9px; } 71.647% { animation-timing-function: ease-in-out; translate: 0px -31.8px; } 76.719% { animation-timing-function: ease-in-out; translate: 0px 3.15px; } 82.351% { animation-timing-function: ease-in-out; translate: 0px -45.75px; } 87.877% { animation-timing-function: ease-in-out; translate: 0px 0.3px; } 91.037% { animation-timing-function: ease-in-out; translate: 0px -22.8px; } 95.926% { animation-timing-function: ease-in-out; translate: 0px 2.85px; } 99.428% { animation-timing-function: ease-in-out; translate: 0px -45.15px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(4){animation: kf_2469_156145_height_0 4.3s linear, kf_2469_156145_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156145_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 3.472% { animation-timing-function: ease-in-out; height: 125.4px; } 6.577% { animation-timing-function: ease-in-out; height: 30.75px; } 10.73% { animation-timing-function: ease-in-out; height: 111px; } 14.284% { animation-timing-function: ease-in-out; height: 32.25px; } 19.54% { animation-timing-function: ease-in-out; height: 113.4px; } 24.521% { animation-timing-function: ease-in-out; height: 42px; } 30.128% { animation-timing-function: ease-in-out; height: 110.55px; } 34.64% { animation-timing-function: ease-in-out; height: 53.55px; } 38.593% { animation-timing-function: ease-in-out; height: 110.7px; } 44.319% { animation-timing-function: ease-in-out; height: 42px; } 49.64% { animation-timing-function: ease-in-out; height: 168.75px; } 54.958% { animation-timing-function: ease-in-out; height: 39.3px; } 58.851% { animation-timing-function: ease-in-out; height: 163.05px; } 63.688% { animation-timing-function: ease-in-out; height: 52.35px; } 69.444% { animation-timing-function: ease-in-out; height: 128.7px; } 73.972% { animation-timing-function: ease-in-out; height: 32.85px; } 78.86% { animation-timing-function: ease-in-out; height: 124.95px; } 83.402% { animation-timing-function: ease-in-out; height: 34.2px; } 86.979% { animation-timing-function: ease-in-out; height: 157.8px; } 92.305% { animation-timing-function: ease-in-out; height: 51.15px; } 96.07% { animation-timing-function: ease-in-out; height: 118.5px; } 99.919% { animation-timing-function: ease-in-out; height: 37.95px; } 100% { height: 36px; } } @keyframes kf_2469_156145_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 3.472% { animation-timing-function: ease-in-out; translate: 0px -44.7px; } 6.577% { animation-timing-function: ease-in-out; translate: 0px 2.7px; } 10.73% { animation-timing-function: ease-in-out; translate: 0px -37.5px; } 14.284% { animation-timing-function: ease-in-out; translate: 0px 1.8px; } 19.54% { animation-timing-function: ease-in-out; translate: 0px -38.7px; } 24.521% { animation-timing-function: ease-in-out; translate: 0px -3px; } 30.128% { animation-timing-function: ease-in-out; translate: 0px -37.2px; } 34.64% { animation-timing-function: ease-in-out; translate: 0px -8.7px; } 38.593% { animation-timing-function: ease-in-out; translate: 0px -37.35px; } 44.319% { animation-timing-function: ease-in-out; translate: 0px -3px; } 49.64% { animation-timing-function: ease-in-out; translate: 0px -66.45px; } 54.958% { animation-timing-function: ease-in-out; translate: 0px -1.65px; } 58.851% { animation-timing-function: ease-in-out; translate: 0px -63.45px; } 63.688% { animation-timing-function: ease-in-out; translate: 0px -8.1px; } 69.444% { animation-timing-function: ease-in-out; translate: 0px -46.35px; } 73.972% { animation-timing-function: ease-in-out; translate: 0px 1.65px; } 78.86% { animation-timing-function: ease-in-out; translate: 0px -44.4px; } 83.402% { animation-timing-function: ease-in-out; translate: 0px 0.9px; } 86.979% { animation-timing-function: ease-in-out; translate: 0px -60.9px; } 92.305% { animation-timing-function: ease-in-out; translate: 0px -7.5px; } 96.07% { animation-timing-function: ease-in-out; translate: 0px -41.25px; } 99.919% { animation-timing-function: ease-in-out; translate: 0px -0.9px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(5){animation: kf_2469_156192_height_0 4.3s linear, kf_2469_156192_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156192_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 5.679% { animation-timing-function: ease-in-out; height: 110.25px; } 11.333% { animation-timing-function: ease-in-out; height: 32.55px; } 16.623% { animation-timing-function: ease-in-out; height: 134.4px; } 21.853% { animation-timing-function: ease-in-out; height: 45.75px; } 25.242% { animation-timing-function: ease-in-out; height: 199.65px; } 30.67% { animation-timing-function: ease-in-out; height: 33.3px; } 33.951% { animation-timing-function: ease-in-out; height: 133.65px; } 39.695% { animation-timing-function: ease-in-out; height: 50.7px; } 45.34% { animation-timing-function: ease-in-out; height: 113.7px; } 50.928% { animation-timing-function: ease-in-out; height: 50.55px; } 54.905% { animation-timing-function: ease-in-out; height: 192.45px; } 60.63% { animation-timing-function: ease-in-out; height: 43.95px; } 65.837% { animation-timing-function: ease-in-out; height: 142.35px; } 70.323% { animation-timing-function: ease-in-out; height: 60.75px; } 75.226% { animation-timing-function: ease-in-out; height: 134.55px; } 78.379% { animation-timing-function: ease-in-out; height: 42.9px; } 84.093% { animation-timing-function: ease-in-out; height: 127.8px; } 88.74% { animation-timing-function: ease-in-out; height: 46.5px; } 93.133% { animation-timing-function: ease-in-out; height: 139.8px; } 98.128% { animation-timing-function: ease-in-out; height: 45.45px; } 100% { height: 36px; } } @keyframes kf_2469_156192_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 5.679% { animation-timing-function: ease-in-out; translate: 0px -37.05px; } 11.333% { animation-timing-function: ease-in-out; translate: 0px 1.65px; } 16.623% { animation-timing-function: ease-in-out; translate: 0px -49.2px; } 21.853% { animation-timing-function: ease-in-out; translate: 0px -4.95px; } 25.242% { animation-timing-function: ease-in-out; translate: 0px -81.9px; } 30.67% { animation-timing-function: ease-in-out; translate: 0px 1.35px; } 33.951% { animation-timing-function: ease-in-out; translate: 0px -48.75px; } 39.695% { animation-timing-function: ease-in-out; translate: 0px -7.35px; } 45.34% { animation-timing-function: ease-in-out; translate: 0px -38.85px; } 50.928% { animation-timing-function: ease-in-out; translate: 0px -7.2px; } 54.905% { animation-timing-function: ease-in-out; translate: 0px -78.15px; } 60.63% { animation-timing-function: ease-in-out; translate: 0px -4.05px; } 65.837% { animation-timing-function: ease-in-out; translate: 0px -53.1px; } 70.323% { animation-timing-function: ease-in-out; translate: 0px -12.3px; } 75.226% { animation-timing-function: ease-in-out; translate: 0px -49.35px; } 78.379% { animation-timing-function: ease-in-out; translate: 0px -3.45px; } 84.093% { animation-timing-function: ease-in-out; translate: 0px -45.9px; } 88.74% { animation-timing-function: ease-in-out; translate: 0px -5.25px; } 93.133% { animation-timing-function: ease-in-out; translate: 0px -51.9px; } 98.128% { animation-timing-function: ease-in-out; translate: 0px -4.8px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(6){animation: kf_2469_156245_height_0 4.3s linear, kf_2469_156245_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156245_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 3.305% { animation-timing-function: ease-in-out; height: 128.85px; } 6.409% { animation-timing-function: ease-in-out; height: 38.1px; } 9.635% { animation-timing-function: ease-in-out; height: 216px; } 14.535% { animation-timing-function: ease-in-out; height: 61.95px; } 18.388% { animation-timing-function: ease-in-out; height: 203.25px; } 22.165% { animation-timing-function: ease-in-out; height: 33.75px; } 25.291% { animation-timing-function: ease-in-out; height: 188.25px; } 30.605% { animation-timing-function: ease-in-out; height: 35.55px; } 33.981% { animation-timing-function: ease-in-out; height: 217.2px; } 39.523% { animation-timing-function: ease-in-out; height: 45.45px; } 43.365% { animation-timing-function: ease-in-out; height: 120.9px; } 49.116% { animation-timing-function: ease-in-out; height: 59.25px; } 53.119% { animation-timing-function: ease-in-out; height: 148.05px; } 58.409% { animation-timing-function: ease-in-out; height: 56.1px; } 63.54% { animation-timing-function: ease-in-out; height: 147.9px; } 69.193% { animation-timing-function: ease-in-out; height: 34.2px; } 74.586% { animation-timing-function: ease-in-out; height: 217.35px; } 77.714% { animation-timing-function: ease-in-out; height: 44.4px; } 82.54% { animation-timing-function: ease-in-out; height: 203.4px; } 85.949% { animation-timing-function: ease-in-out; height: 42.6px; } 90.558% { animation-timing-function: ease-in-out; height: 214.05px; } 94.877% { animation-timing-function: ease-in-out; height: 58.95px; } 98.772% { animation-timing-function: ease-in-out; height: 114.6px; } 100% { height: 36px; } } @keyframes kf_2469_156245_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 3.305% { animation-timing-function: ease-in-out; translate: 0px -46.5px; } 6.409% { animation-timing-function: ease-in-out; translate: 0px -1.05px; } 9.635% { animation-timing-function: ease-in-out; translate: 0px -90px; } 14.535% { animation-timing-function: ease-in-out; translate: 0px -12.9px; } 18.388% { animation-timing-function: ease-in-out; translate: 0px -83.7px; } 22.165% { animation-timing-function: ease-in-out; translate: 0px 1.2px; } 25.291% { animation-timing-function: ease-in-out; translate: 0px -76.2px; } 30.605% { animation-timing-function: ease-in-out; translate: 0px 0.15px; } 33.981% { animation-timing-function: ease-in-out; translate: 0px -90.6px; } 39.523% { animation-timing-function: ease-in-out; translate: 0px -4.8px; } 43.365% { animation-timing-function: ease-in-out; translate: 0px -42.45px; } 49.116% { animation-timing-function: ease-in-out; translate: 0px -11.7px; } 53.119% { animation-timing-function: ease-in-out; translate: 0px -55.95px; } 58.409% { animation-timing-function: ease-in-out; translate: 0px -10.05px; } 63.54% { animation-timing-function: ease-in-out; translate: 0px -55.95px; } 69.193% { animation-timing-function: ease-in-out; translate: 0px 0.9px; } 74.586% { animation-timing-function: ease-in-out; translate: 0px -90.6px; } 77.714% { animation-timing-function: ease-in-out; translate: 0px -4.2px; } 82.54% { animation-timing-function: ease-in-out; translate: 0px -83.7px; } 85.949% { animation-timing-function: ease-in-out; translate: 0px -3.3px; } 90.558% { animation-timing-function: ease-in-out; translate: 0px -88.95px; } 94.877% { animation-timing-function: ease-in-out; translate: 0px -11.4px; } 98.772% { animation-timing-function: ease-in-out; translate: 0px -39.3px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(7){animation: kf_2469_156296_height_0 4.3s linear, kf_2469_156296_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156296_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 3.728% { animation-timing-function: ease-in-out; height: 205.65px; } 8.053% { animation-timing-function: ease-in-out; height: 46.65px; } 12.595% { animation-timing-function: ease-in-out; height: 167.25px; } 16.084% { animation-timing-function: ease-in-out; height: 60.75px; } 19.172% { animation-timing-function: ease-in-out; height: 163.2px; } 23.83% { animation-timing-function: ease-in-out; height: 47.85px; } 29.284% { animation-timing-function: ease-in-out; height: 154.5px; } 35.014% { animation-timing-function: ease-in-out; height: 41.25px; } 39.509% { animation-timing-function: ease-in-out; height: 140.25px; } 42.726% { animation-timing-function: ease-in-out; height: 52.05px; } 48.023% { animation-timing-function: ease-in-out; height: 136.05px; } 52.642% { animation-timing-function: ease-in-out; height: 52.5px; } 55.965% { animation-timing-function: ease-in-out; height: 161.1px; } 61.284% { animation-timing-function: ease-in-out; height: 57px; } 66.063% { animation-timing-function: ease-in-out; height: 199.35px; } 69.837% { animation-timing-function: ease-in-out; height: 42.15px; } 75.177% { animation-timing-function: ease-in-out; height: 139.5px; } 80.87% { animation-timing-function: ease-in-out; height: 47.85px; } 85.763% { animation-timing-function: ease-in-out; height: 183.45px; } 89.102% { animation-timing-function: ease-in-out; height: 39.15px; } 93.981% { animation-timing-function: ease-in-out; height: 170.7px; } 97.505% { animation-timing-function: ease-in-out; height: 35.55px; } 100% { height: 36px; } } @keyframes kf_2469_156296_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 3.728% { animation-timing-function: ease-in-out; translate: 0px -84.9px; } 8.053% { animation-timing-function: ease-in-out; translate: 0px -5.4px; } 12.595% { animation-timing-function: ease-in-out; translate: 0px -65.7px; } 16.084% { animation-timing-function: ease-in-out; translate: 0px -12.3px; } 19.172% { animation-timing-function: ease-in-out; translate: 0px -63.6px; } 23.83% { animation-timing-function: ease-in-out; translate: 0px -5.85px; } 29.284% { animation-timing-function: ease-in-out; translate: 0px -59.25px; } 35.014% { animation-timing-function: ease-in-out; translate: 0px -2.55px; } 39.509% { animation-timing-function: ease-in-out; translate: 0px -52.2px; } 42.726% { animation-timing-function: ease-in-out; translate: 0px -7.95px; } 48.023% { animation-timing-function: ease-in-out; translate: 0px -50.1px; } 52.642% { animation-timing-function: ease-in-out; translate: 0px -8.25px; } 55.965% { animation-timing-function: ease-in-out; translate: 0px -62.55px; } 61.284% { animation-timing-function: ease-in-out; translate: 0px -10.5px; } 66.063% { animation-timing-function: ease-in-out; translate: 0px -81.6px; } 69.837% { animation-timing-function: ease-in-out; translate: 0px -3px; } 75.177% { animation-timing-function: ease-in-out; translate: 0px -51.75px; } 80.87% { animation-timing-function: ease-in-out; translate: 0px -6px; } 85.763% { animation-timing-function: ease-in-out; translate: 0px -73.8px; } 89.102% { animation-timing-function: ease-in-out; translate: 0px -1.65px; } 93.981% { animation-timing-function: ease-in-out; translate: 0px -67.35px; } 97.505% { animation-timing-function: ease-in-out; translate: 0px 0.3px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(8){animation: kf_2469_156345_height_0 4.3s linear, kf_2469_156345_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156345_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 3.607% { animation-timing-function: ease-in-out; height: 110.4px; } 7.777% { animation-timing-function: ease-in-out; height: 43.35px; } 12.823% { animation-timing-function: ease-in-out; height: 102.9px; } 18.284% { animation-timing-function: ease-in-out; height: 43.5px; } 23.358% { animation-timing-function: ease-in-out; height: 172.35px; } 27.907% { animation-timing-function: ease-in-out; height: 34.65px; } 33.379% { animation-timing-function: ease-in-out; height: 114px; } 36.726% { animation-timing-function: ease-in-out; height: 41.7px; } 42.067% { animation-timing-function: ease-in-out; height: 134.7px; } 45.556% { animation-timing-function: ease-in-out; height: 41.7px; } 48.849% { animation-timing-function: ease-in-out; height: 114.6px; } 53.086% { animation-timing-function: ease-in-out; height: 54.45px; } 57.819% { animation-timing-function: ease-in-out; height: 117.45px; } 61.853% { animation-timing-function: ease-in-out; height: 39.6px; } 66.64% { animation-timing-function: ease-in-out; height: 175.95px; } 71.821% { animation-timing-function: ease-in-out; height: 33px; } 76.528% { animation-timing-function: ease-in-out; height: 135.45px; } 81.465% { animation-timing-function: ease-in-out; height: 42.3px; } 87.014% { animation-timing-function: ease-in-out; height: 147px; } 92.786% { animation-timing-function: ease-in-out; height: 30.6px; } 98.328% { animation-timing-function: ease-in-out; height: 171.45px; } 100% { height: 36px; } } @keyframes kf_2469_156345_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 3.607% { animation-timing-function: ease-in-out; translate: 0px -37.2px; } 7.777% { animation-timing-function: ease-in-out; translate: 0px -3.6px; } 12.823% { animation-timing-function: ease-in-out; translate: 0px -33.45px; } 18.284% { animation-timing-function: ease-in-out; translate: 0px -3.75px; } 23.358% { animation-timing-function: ease-in-out; translate: 0px -68.1px; } 27.907% { animation-timing-function: ease-in-out; translate: 0px 0.75px; } 33.379% { animation-timing-function: ease-in-out; translate: 0px -39px; } 36.726% { animation-timing-function: ease-in-out; translate: 0px -2.85px; } 42.067% { animation-timing-function: ease-in-out; translate: 0px -49.35px; } 45.556% { animation-timing-function: ease-in-out; translate: 0px -2.85px; } 48.849% { animation-timing-function: ease-in-out; translate: 0px -39.3px; } 53.086% { animation-timing-function: ease-in-out; translate: 0px -9.15px; } 57.819% { animation-timing-function: ease-in-out; translate: 0px -40.65px; } 61.853% { animation-timing-function: ease-in-out; translate: 0px -1.8px; } 66.64% { animation-timing-function: ease-in-out; translate: 0px -69.9px; } 71.821% { animation-timing-function: ease-in-out; translate: 0px 1.5px; } 76.528% { animation-timing-function: ease-in-out; translate: 0px -49.8px; } 81.465% { animation-timing-function: ease-in-out; translate: 0px -3.15px; } 87.014% { animation-timing-function: ease-in-out; translate: 0px -55.5px; } 92.786% { animation-timing-function: ease-in-out; translate: 0px 2.7px; } 98.328% { animation-timing-function: ease-in-out; translate: 0px -67.8px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(9){animation: kf_2469_156398_height_0 4.3s linear, kf_2469_156398_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156398_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 5.558% { animation-timing-function: ease-in-out; height: 78px; } 9.067% { animation-timing-function: ease-in-out; height: 32.55px; } 12.863% { animation-timing-function: ease-in-out; height: 119.25px; } 15.986% { animation-timing-function: ease-in-out; height: 28.65px; } 20.721% { animation-timing-function: ease-in-out; height: 132px; } 24.47% { animation-timing-function: ease-in-out; height: 44.1px; } 28.212% { animation-timing-function: ease-in-out; height: 122.55px; } 32.086% { animation-timing-function: ease-in-out; height: 44.1px; } 37.479% { animation-timing-function: ease-in-out; height: 127.35px; } 42.46% { animation-timing-function: ease-in-out; height: 27.15px; } 45.712% { animation-timing-function: ease-in-out; height: 82.2px; } 50.107% { animation-timing-function: ease-in-out; height: 34.8px; } 53.823% { animation-timing-function: ease-in-out; height: 84.9px; } 58.849% { animation-timing-function: ease-in-out; height: 33.6px; } 62.584% { animation-timing-function: ease-in-out; height: 99.15px; } 67.872% { animation-timing-function: ease-in-out; height: 27.6px; } 71.637% { animation-timing-function: ease-in-out; height: 132.15px; } 76.256% { animation-timing-function: ease-in-out; height: 38.7px; } 79.774% { animation-timing-function: ease-in-out; height: 81.45px; } 84.444% { animation-timing-function: ease-in-out; height: 39.9px; } 88.36% { animation-timing-function: ease-in-out; height: 95.85px; } 91.837% { animation-timing-function: ease-in-out; height: 39.6px; } 95.365% { animation-timing-function: ease-in-out; height: 109.05px; } 100% { height: 36px; } } @keyframes kf_2469_156398_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 5.558% { animation-timing-function: ease-in-out; translate: 0px -21px; } 9.067% { animation-timing-function: ease-in-out; translate: 0px 1.8px; } 12.863% { animation-timing-function: ease-in-out; translate: 0px -41.7px; } 15.986% { animation-timing-function: ease-in-out; translate: 0px 3.75px; } 20.721% { animation-timing-function: ease-in-out; translate: 0px -48px; } 24.47% { animation-timing-function: ease-in-out; translate: 0px -4.05px; } 28.212% { animation-timing-function: ease-in-out; translate: 0px -43.35px; } 32.086% { animation-timing-function: ease-in-out; translate: 0px -4.05px; } 37.479% { animation-timing-function: ease-in-out; translate: 0px -45.6px; } 42.46% { animation-timing-function: ease-in-out; translate: 0px 4.35px; } 45.712% { animation-timing-function: ease-in-out; translate: 0px -23.1px; } 50.107% { animation-timing-function: ease-in-out; translate: 0px 0.6px; } 53.823% { animation-timing-function: ease-in-out; translate: 0px -24.45px; } 58.849% { animation-timing-function: ease-in-out; translate: 0px 1.2px; } 62.584% { animation-timing-function: ease-in-out; translate: 0px -31.5px; } 67.872% { animation-timing-function: ease-in-out; translate: 0px 4.2px; } 71.637% { animation-timing-function: ease-in-out; translate: 0px -48.15px; } 76.256% { animation-timing-function: ease-in-out; translate: 0px -1.35px; } 79.774% { animation-timing-function: ease-in-out; translate: 0px -22.8px; } 84.444% { animation-timing-function: ease-in-out; translate: 0px -1.95px; } 88.36% { animation-timing-function: ease-in-out; translate: 0px -29.85px; } 91.837% { animation-timing-function: ease-in-out; translate: 0px -1.8px; } 95.365% { animation-timing-function: ease-in-out; translate: 0px -36.6px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(10){animation: kf_2469_156453_height_0 4.3s linear, kf_2469_156453_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156453_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 4.314% { animation-timing-function: ease-in-out; height: 59.55px; } 7.526% { animation-timing-function: ease-in-out; height: 23.55px; } 11.116% { animation-timing-function: ease-in-out; height: 67.35px; } 14.351% { animation-timing-function: ease-in-out; height: 28.35px; } 18.205% { animation-timing-function: ease-in-out; height: 79.5px; } 23.981% { animation-timing-function: ease-in-out; height: 26.85px; } 27.07% { animation-timing-function: ease-in-out; height: 81.3px; } 32.1% { animation-timing-function: ease-in-out; height: 26.4px; } 35.623% { animation-timing-function: ease-in-out; height: 81.45px; } 39.102% { animation-timing-function: ease-in-out; height: 28.8px; } 42.447% { animation-timing-function: ease-in-out; height: 72.45px; } 46.481% { animation-timing-function: ease-in-out; height: 31.35px; } 51.233% { animation-timing-function: ease-in-out; height: 61.95px; } 55.365% { animation-timing-function: ease-in-out; height: 25.8px; } 60.663% { animation-timing-function: ease-in-out; height: 52.65px; } 64.202% { animation-timing-function: ease-in-out; height: 27.15px; } 68.693% { animation-timing-function: ease-in-out; height: 78px; } 72.514% { animation-timing-function: ease-in-out; height: 29.85px; } 77.191% { animation-timing-function: ease-in-out; height: 73.2px; } 81.402% { animation-timing-function: ease-in-out; height: 24.9px; } 85.026% { animation-timing-function: ease-in-out; height: 70.5px; } 90.023% { animation-timing-function: ease-in-out; height: 26.25px; } 93.56% { animation-timing-function: ease-in-out; height: 64.35px; } 97.379% { animation-timing-function: ease-in-out; height: 23.25px; } 100% { height: 36px; } } @keyframes kf_2469_156453_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 4.314% { animation-timing-function: ease-in-out; translate: 0px -11.7px; } 7.526% { animation-timing-function: ease-in-out; translate: 0px 6.15px; } 11.116% { animation-timing-function: ease-in-out; translate: 0px -15.75px; } 14.351% { animation-timing-function: ease-in-out; translate: 0px 3.75px; } 18.205% { animation-timing-function: ease-in-out; translate: 0px -21.75px; } 23.981% { animation-timing-function: ease-in-out; translate: 0px 4.5px; } 27.07% { animation-timing-function: ease-in-out; translate: 0px -22.65px; } 32.1% { animation-timing-function: ease-in-out; translate: 0px 4.8px; } 35.623% { animation-timing-function: ease-in-out; translate: 0px -22.65px; } 39.102% { animation-timing-function: ease-in-out; translate: 0px 3.6px; } 42.447% { animation-timing-function: ease-in-out; translate: 0px -18.15px; } 46.481% { animation-timing-function: ease-in-out; translate: 0px 2.25px; } 51.233% { animation-timing-function: ease-in-out; translate: 0px -13.05px; } 55.365% { animation-timing-function: ease-in-out; translate: 0px 5.1px; } 60.663% { animation-timing-function: ease-in-out; translate: 0px -8.4px; } 64.202% { animation-timing-function: ease-in-out; translate: 0px 4.35px; } 68.693% { animation-timing-function: ease-in-out; translate: 0px -21px; } 72.514% { animation-timing-function: ease-in-out; translate: 0px 3px; } 77.191% { animation-timing-function: ease-in-out; translate: 0px -18.6px; } 81.402% { animation-timing-function: ease-in-out; translate: 0px 5.55px; } 85.026% { animation-timing-function: ease-in-out; translate: 0px -17.25px; } 90.023% { animation-timing-function: ease-in-out; translate: 0px 4.95px; } 93.56% { animation-timing-function: ease-in-out; translate: 0px -14.25px; } 97.379% { animation-timing-function: ease-in-out; translate: 0px 6.3px; } 100% { translate: 0px 0px; } }
.demo-audio .demo-wave span:nth-child(11){animation: kf_2469_156504_height_0 4.3s linear, kf_2469_156504_translate_0 4.3s linear; animation-iteration-count: infinite;}
@keyframes kf_2469_156504_height_0 { 0% { animation-timing-function: ease-in-out; height: 36px; } 4.549% { animation-timing-function: ease-in-out; height: 45.75px; } 8.288% { animation-timing-function: ease-in-out; height: 24.75px; } 12.8% { animation-timing-function: ease-in-out; height: 49.65px; } 17.833% { animation-timing-function: ease-in-out; height: 23.7px; } 23.502% { animation-timing-function: ease-in-out; height: 40.65px; } 27.895% { animation-timing-function: ease-in-out; height: 23.1px; } 31.165% { animation-timing-function: ease-in-out; height: 41.4px; } 36.302% { animation-timing-function: ease-in-out; height: 22.2px; } 39.967% { animation-timing-function: ease-in-out; height: 44.25px; } 44.614% { animation-timing-function: ease-in-out; height: 24.9px; } 49.877% { animation-timing-function: ease-in-out; height: 49.8px; } 54.435% { animation-timing-function: ease-in-out; height: 25.8px; } 57.853% { animation-timing-function: ease-in-out; height: 42.45px; } 63.433% { animation-timing-function: ease-in-out; height: 25.35px; } 67.747% { animation-timing-function: ease-in-out; height: 49.2px; } 72.823% { animation-timing-function: ease-in-out; height: 22.5px; } 77.512% { animation-timing-function: ease-in-out; height: 46.95px; } 81.098% { animation-timing-function: ease-in-out; height: 21.3px; } 84.919% { animation-timing-function: ease-in-out; height: 52.5px; } 89.84% { animation-timing-function: ease-in-out; height: 21.6px; } 93.042% { animation-timing-function: ease-in-out; height: 43.5px; } 97.437% { animation-timing-function: ease-in-out; height: 22.2px; } 100% { height: 36px; } } @keyframes kf_2469_156504_translate_0 { 0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 4.549% { animation-timing-function: ease-in-out; translate: 0px -4.95px; } 8.288% { animation-timing-function: ease-in-out; translate: 0px 5.7px; } 12.8% { animation-timing-function: ease-in-out; translate: 0px -6.75px; } 17.833% { animation-timing-function: ease-in-out; translate: 0px 6.15px; } 23.502% { animation-timing-function: ease-in-out; translate: 0px -2.4px; } 27.895% { animation-timing-function: ease-in-out; translate: 0px 6.45px; } 31.165% { animation-timing-function: ease-in-out; translate: 0px -2.7px; } 36.302% { animation-timing-function: ease-in-out; translate: 0px 6.9px; } 39.967% { animation-timing-function: ease-in-out; translate: 0px -4.2px; } 44.614% { animation-timing-function: ease-in-out; translate: 0px 5.55px; } 49.877% { animation-timing-function: ease-in-out; translate: 0px -6.9px; } 54.435% { animation-timing-function: ease-in-out; translate: 0px 5.1px; } 57.853% { animation-timing-function: ease-in-out; translate: 0px -3.3px; } 63.433% { animation-timing-function: ease-in-out; translate: 0px 5.4px; } 67.747% { animation-timing-function: ease-in-out; translate: 0px -6.6px; } 72.823% { animation-timing-function: ease-in-out; translate: 0px 6.75px; } 77.512% { animation-timing-function: ease-in-out; translate: 0px -5.55px; } 81.098% { animation-timing-function: ease-in-out; translate: 0px 7.35px; } 84.919% { animation-timing-function: ease-in-out; translate: 0px -8.25px; } 89.84% { animation-timing-function: ease-in-out; translate: 0px 7.2px; } 93.042% { animation-timing-function: ease-in-out; translate: 0px -3.75px; } 97.437% { animation-timing-function: ease-in-out; translate: 0px 6.9px; } 100% { translate: 0px 0px; } }
@media (prefers-reduced-motion: reduce){.demo-audio .demo-wave span{animation:none!important}}