
/* metr12 mini-player */
.m12p{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;background:#1b1b1f;color:#fff;padding:8px 14px;border-top:3px solid #d72924;box-shadow:0 -4px 16px rgba(0,0,0,.25);font-size:14px}
.m12p[hidden]{display:none!important}
.m12p button{background:none;border:0;color:#fff;cursor:pointer}
.m12p-pp{width:42px;height:42px;flex:0 0 42px;border-radius:50%!important;background:#d72924!important;font-size:16px}
.m12p-info{flex:1 1 auto;min-width:0;line-height:1.25}
.m12p-st{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#ff6b66}
.m12p-tr{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m12p-sw{display:flex;gap:6px;flex:0 0 auto}
.m12p-sw button{border:1px solid #555!important;border-radius:14px;padding:3px 10px;font-size:12px}
.m12p-sw button[aria-pressed="true"]{background:#d72924;border-color:#d72924!important}
.m12p-x{font-size:20px;width:36px;height:36px;flex:0 0 36px;opacity:.8}
.m12p-x:hover{opacity:1}
.m12p button:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
body.m12p-on{padding-bottom:64px}
html.m12-loading body{cursor:progress}
html.m12-loading .block-wrapper{opacity:.6;transition:opacity .2s}
@media (max-width:575px){.m12p{gap:8px;padding:6px 8px}.m12p-sw button{padding:3px 7px;font-size:11px}.m12p-sw{flex-direction:column;gap:3px}}
