.ciaw-wave{
    position:relative;
    width:100%;
    min-height:80px;
    overflow:hidden;
    isolation:isolate;
    contain:layout paint;
}
.ciaw-wave__canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    transform:translateZ(0);
    backface-visibility:hidden;
}
.ciaw-wave__audio{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.ciaw-wave__controls{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:4;
    display:flex;
    gap:8px;
    align-items:center;
}
.ciaw-wave__play,
.ciaw-wave__mute{
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:rgba(20,25,28,.76);
    color:#fff;
    font-size:15px;
    line-height:1;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:transform .18s ease, background .18s ease;
}
.ciaw-wave__play.is-visible,
.ciaw-wave__mute.is-visible{
    display:flex;
}
.ciaw-wave__play:hover,
.ciaw-wave__mute:hover{
    transform:scale(1.05);
    background:rgba(20,25,28,.9);
}
@media (prefers-reduced-motion:reduce){
    .ciaw-wave__canvas{opacity:.85}
}