
.hdr .hdr-cta{display:flex;align-items:center;gap:10px}
.snd{position:relative;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid rgba(31,31,35,.14);background:#fff;color:#1F1F23;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.snd:hover{background:#F2F0ED;transform:translateY(-1px)}
.snd:focus-visible{outline:2px solid #D7132F;outline-offset:3px}
#c3dSnd .c3s-spk{position:absolute;left:8px;top:50%;width:20px;height:20px;margin-top:-10px}
#c3dSnd .c3s-eq{position:absolute;left:25px;top:50%;height:12px;margin-top:-6px;display:flex;align-items:center;gap:2px;transition:opacity .2s}
#c3dSnd .c3s-eq b{margin:0;padding:0;display:block;width:2.2px;height:5px;border-radius:2px;background:#D7132F;transition:height .3s}
#c3dSnd.playing .c3s-eq b{height:10px}
#c3dSnd.playing .c3s-eq b:nth-child(2){height:6px}
#c3dSnd .c3s-x{position:absolute;left:9px;top:50%;width:20px;height:20px;margin-top:-10px;opacity:0;transform:translateX(9px);transition:opacity .2s}
#c3dSnd:not(.on) .c3s-eq{opacity:0}
#c3dSnd:not(.on) .c3s-x{opacity:1}
#c3dSnd:not(.on) .c3s-spk{opacity:.85}
@media (max-width:600px){.snd{width:40px;height:40px}}
