/* Denystal Music player dock. Theme can override the --dn-* variables. */
.dnm-dock{position:fixed;left:0;right:0;bottom:var(--dn-dock-offset,0px);z-index:9990;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px;height:76px;padding:0 24px;background:var(--dn-dock-bg,rgba(25,31,41,.88));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--dn-border,#2a3341);color:var(--dn-text,#fff);font-family:inherit}
.dnm-dock[hidden]{display:none}
.dnm-dock-track{display:flex;align-items:center;gap:12px;min-width:0}
.dnm-dock-cover{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--dn-surface-2,#1d2430);flex:none}
.dnm-dock-meta{display:flex;flex-direction:column;min-width:0}
.dnm-dock-title{font-weight:700;font-size:14px;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnm-dock-artist{font-size:12px;color:var(--dn-muted,#a0a8b5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnm-dock-center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.dnm-dock-btns{display:flex;align-items:center;gap:8px}
.dnm-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--dn-muted,#a0a8b5);cursor:pointer;transition:color .15s,background .15s,transform .1s}
.dnm-btn:hover{color:var(--dn-text,#fff)}
.dnm-btn:active{transform:scale(.96)}
.dnm-btn-main{width:42px;height:42px;background:var(--dn-accent,#2878ff);color:#fff}
.dnm-btn-main:hover{background:var(--dn-accent-hover,#4188ff);color:#fff;box-shadow:0 0 24px rgba(40,120,255,.35)}
.dnm-dock-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;font-size:11px;color:var(--dn-muted,#a0a8b5);font-variant-numeric:tabular-nums}
.dnm-dock input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--dn-accent,#2878ff) var(--p,0%),var(--dn-border,#2a3341) var(--p,0%));outline-offset:4px;cursor:pointer;flex:1;min-width:0;margin:0}
.dnm-dock input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.dnm-dock input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.dnm-dock-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--dn-muted,#a0a8b5)}
.dnm-dock-right input[type=range]{flex:none;width:96px}
.dnm-i-pause{display:none}
.is-playing .dnm-i-play,.dnm-dock.is-playing .dnm-i-play{display:none}
.is-playing .dnm-i-pause,.dnm-dock.is-playing .dnm-i-pause{display:inline}
@media(max-width:820px){
	.dnm-dock{grid-template-columns:minmax(0,1fr) auto;height:64px;padding:0 12px;gap:8px}
	.dnm-dock-center{flex-direction:row}
	.dnm-dock-bar,.dnm-dock-right svg,.dnm-dock-right input[type=range],#dnm-prev{display:none}
	.dnm-dock-right{display:none}
	.dnm-dock::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--prog,0%);background:var(--dn-accent,#2878ff)}
}