.audio-demo .ad-toggle{align-items:center;background:#4f3461;border-radius:9999px;color:#fff;flex:none;height:3rem;justify-content:center;transition:background-color .2s ease,transform .2s ease;width:3rem}.audio-demo .ad-toggle:hover{background:#3b2549;transform:scale(1.05)}.audio-demo .ad-toggle svg{height:1rem;width:1rem}.audio-demo .ad-icon-pause,.audio-demo .is-playing .ad-icon-play{display:none}.audio-demo .is-playing .ad-icon-pause{display:block}.audio-demo .ad-eq{align-items:flex-end;display:flex;gap:3px;height:14px}.audio-demo .ad-eq i{background:#a8875c;border-radius:2px;height:3px;opacity:.45;transition:opacity .2s ease;width:3px}.audio-demo .is-playing .ad-eq i{animation:ad-eq-bounce .9s ease-in-out infinite;opacity:1}.audio-demo .is-playing .ad-eq i:nth-child(2){animation-delay:.15s}.audio-demo .is-playing .ad-eq i:nth-child(3){animation-delay:.3s}.audio-demo .is-playing .ad-eq i:nth-child(4){animation-delay:.45s}.audio-demo .is-playing .ad-eq i:nth-child(5){animation-delay:.6s}@keyframes ad-eq-bounce{0%,to{height:4px}50%{height:14px}}@media (prefers-reduced-motion:reduce){.audio-demo .is-playing .ad-eq i{animation:none;height:9px}.audio-demo .ad-toggle:hover{transform:none}}.audio-demo .ad-track{background:#e9e6ee;border-radius:9999px;cursor:pointer;height:5px}.audio-demo .ad-fill{background:#4f3461;border-radius:9999px;height:100%;transition:width .15s linear;width:0}