.soundbite{display:flex;flex-direction:column;justify-content:center;align-items:center}.align-left .soundbite{align-items:start}.soundbite>div{display:flex;align-items:center;padding-bottom:10px;gap:30px}.soundbite>div .svgImage{width:70px}.whiteSection .soundbite>div .svgImage path{fill:#fff}.soundbite>div .visualizer{max-width:200px;max-height:60px;position:relative}.soundbite>div .visualizer .soundTrack{width:100%;height:60px;background:transparent;position:absolute;top:0}.soundbite>div .visualizer svg{width:100%}.soundbite>div .visualizer svg rect{transition:width .3s ease}.whiteSection .soundbite>div .visualizer svg .clipVis{fill:#fff}.soundbite>div .symbol{font-size:30px;color:black;border-radius:50%;text-align:center;transition:all .3s ease;cursor:pointer;flex:1 0 auto}@media(hover:hover){.soundbite>div .symbol:hover{color:var(--color3);transition:all .3s ease}}@media(max-width:900px){.soundbite>div img{width:40px}.soundbite>div .visualizer{margin:0 25px}.soundbite>div .symbol{width:45px;height:45px;line-height:45px;font-size:20px}}.soundbite .blockTitle{color:var(--color3);font-size:var(--s-fontsize);line-height:1.2;text-align:center}.soundbite .duration{font-size:var(--xxs-fontsize)}.soundbite.playing .symbol::before{content:'\e91c'}