.mp{display:inline-flex;position:relative}.mp-icon{color:#fff8e7;cursor:pointer;background:#15130ef0;border:1.5px solid #caa657;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s;display:grid;box-shadow:0 8px 24px #16120c33}.mp-icon:hover,.mp-icon[aria-expanded=true]{color:#15130e;background:#caa657}.mp-icon.live svg{animation:1.2s ease-in-out infinite mp-beat}@keyframes mp-beat{50%{transform:scale(1.12)}}.mp-box{z-index:30;color:#15130e;background:#fffcf4f7;border:1px solid #fffcf4e6;border-radius:18px;gap:.45rem;width:250px;padding:.75rem .8rem;font-size:12.5px;animation:.25s cubic-bezier(.2,1.2,.4,1) both mp-pop;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 70px #16120c3d}@keyframes mp-pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.mp-eyebrow{color:#8a6d2a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:800}.mp-title{font-size:.86rem;line-height:1.25}.mp-controls{justify-content:center;gap:.35rem;display:flex}.mp-controls button{color:#15130e;cursor:pointer;background:#fffdf8;border:1px solid #caa657b3;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.mp-controls button:hover{background:#f3ecdd}.mp-controls .mp-play{color:#fff8e7;background:#15130e;border-color:#15130e;width:38px;height:38px}.mp-controls .on{background:#caa657;border-color:#15130e}.mp-vol{color:#6b6254;align-items:center;gap:.45rem;display:flex}.mp-vol input{accent-color:#caa657;cursor:pointer;flex:1}.mp-mode{color:#6b6254;text-align:center;margin:0;font-size:.66rem}.mp-list{border-top:1px solid #15130e14;gap:.15rem;max-height:210px;margin:0;padding:.4rem 0 0;list-style:none;display:grid;overflow-y:auto}.mp-list button{color:#15130e;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.5rem;padding:.38rem .45rem;font-size:.74rem;display:flex}.mp-list button:hover{background:#f3ecdd}.mp-list button.on{color:#fff8e7;background:#15130e;font-weight:700}.mp-list span{color:#8a6d2a;width:1rem;font-size:.66rem;font-weight:800}.mp-list button.on span{color:#caa657}.mp-list svg{margin-left:auto}