.music-enabled {scroll-padding-top:64px;}
.music-widget {position:fixed;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:80;width:max-content;max-width:calc(100% - 32px);color:#202020;font-family:Arimo,Arial,sans-serif;}
.music-widget[data-expanded="true"] {width:360px;}
.music-widget button {cursor:inherit;}
.music-launcher,.music-popover {border:1px solid #ffffffb3;background:#ffffffbd;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 3px 16px #00000012,inset 0 0 0 1px #00000009;}
.music-launcher {display:flex;align-items:center;justify-content:center;gap:7px;min-width:84px;min-height:44px;padding:0 12px;border-radius:999px;color:#202020;font:400 11px/1 'Pixelify Sans',monospace;transition:background .2s,opacity .2s;}
.music-launcher__note {width:17px;height:17px;color:#333;}
.music-launcher .music-launcher__bars {display:none;}
.music-widget[data-playing="true"] .music-launcher__note {display:none;}
.music-widget[data-playing="true"] .music-launcher__bars {display:flex;}
.music-widget[data-compact="true"][data-expanded="false"] .music-launcher {background:#ffffffa8;opacity:.86;}
.music-launcher:is(:hover,:focus-visible),.music-widget[data-expanded="true"] .music-launcher {opacity:1;background:#ffffffdc;}
.music-popover {width:100%;max-width:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;margin-top:8px;padding:10px 12px 12px;border-radius:20px;background:#ffffffd1;}
.music-popover[hidden],.music-panel[hidden],.music-audio {display:none;}
.music-widget[data-expanded="true"] .music-popover {animation:music-reveal .18s ease-out;}
@keyframes music-reveal {from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.music-toolbar {display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:8px;}
.music-now {grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:36px;padding:0;border:0;background:none;color:#202020;text-align:left;}
.music-now__labels {display:flex;flex-direction:column;min-width:0;gap:3px;}
.music-now__title {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1.2 'Pixelify Sans',monospace;}
.music-now__artist {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#595959;font:400 11px/1.2 Arimo,Arial,sans-serif;}
.music-now__chevron {flex:none;margin-left:auto;color:#595959;font:400 16px/1 Arimo,Arial,sans-serif;}
.music-bars {display:flex;align-items:center;gap:2px;width:13px;height:14px;flex:none;}
.music-bars i {display:block;width:3px;height:4px;background:#ff009d;border-radius:1px;}
.music-widget[data-playing="true"] .music-bars i {animation:music-wave 1.2s ease-in-out infinite;}
.music-widget[data-playing="true"] .music-bars i:nth-child(2) {animation-delay:-.4s;}
.music-widget[data-playing="true"] .music-bars i:nth-child(3) {animation-delay:-.8s;}
@keyframes music-wave {0%,100%{height:3px}50%{height:12px}}
.music-sound {grid-column:1;grid-row:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff80;color:#666;}
.music-sound svg {width:18px;height:18px;}
.music-sound[data-muted="false"] {color:#202020;}
.music-controls {grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;}
.music-controls button {display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#202020;border-radius:50%;}
.music-controls button svg {width:19px;height:19px;}
.music-controls .music-play {background:#131313;color:#fff;}
.music-widget button:focus-visible {outline:2px solid #ff009d;outline-offset:2px;}
.music-controls button:not(.music-play):hover,.music-sound:hover {background:#ffffffba;}
.music-panel {padding:12px 0 0;margin-top:8px;border-top:1px solid #20202016;background:none;}
.music-track {margin:0 0 3px;color:#202020;font:400 16px/1.2 'Pixelify Sans',monospace;overflow-wrap:anywhere;}
.music-artist {margin:0 0 10px;color:#595959;font:400 11px/1.2 Arimo,Arial,sans-serif;}
.music-progress,.music-volume {width:100%;min-height:28px;margin:0;accent-color:#ff009d;cursor:inherit;}
.music-times {display:flex;gap:8px;align-items:center;color:#595959;font:400 10px/1.2 Arimo,Arial,sans-serif;}
.music-times [data-order] {margin-left:auto;}
.music-volume-row {display:flex;align-items:center;gap:10px;max-width:180px;margin-top:8px;color:#595959;}
.music-volume-row svg {width:16px;height:16px;flex:none;}
.music-status {margin:8px 0 0;color:#595959;font:400 11px/1.3 Arimo,Arial,sans-serif;}
.music-status:empty {display:none;}
@media(max-width:800px) {
  .music-widget {top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));max-width:calc(100% - 24px);}
  .music-widget[data-expanded="true"] {width:320px;}
  .music-launcher {min-width:80px;}
}
@supports not (backdrop-filter:blur(1px)) {
  .music-launcher,.music-popover {background:#fffffff5;}
}
@media(prefers-reduced-transparency:reduce) {
  .music-launcher,.music-popover {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media(prefers-reduced-motion:reduce) {
  .music-bars i,.music-widget[data-expanded="true"] .music-popover {animation:none!important;}
  .music-launcher {transition:none;}
}
