.mpl-mini-row { position: relative; }
.mpl-mini { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 4px; border-radius: 999px; background: rgba(22,45,79,.08); border: 1px solid rgba(22,45,79,.14); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; z-index: 5; }
.mpl-mini-b { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #162D4F; cursor: pointer; }
.mpl-mini-b:hover { background: rgba(22,45,79,.12); }
.mpl-mini-b:focus-visible, .mpl-mini-name:focus-visible { outline: 2px solid #162D4F; outline-offset: 1px; }
.mpl-mini-main { background: #162D4F; color: #FFFFFF; }
.mpl-mini-main:hover { background: #0F2140; }
.mpl-mini .i-pause, .mpl-mini.is-playing .i-play { display: none; }
.mpl-mini.is-playing .i-pause { display: block; }
.mpl-mini-name { display: inline-flex; align-items: center; gap: 5px; max-width: 150px; padding: 0 8px 0 4px; font-size: 12px; font-weight: 600; color: #162D4F !important; text-decoration: none !important; white-space: nowrap; }
.mpl-mini-t { overflow: hidden; text-overflow: ellipsis; }
.mpl-mini-eq { display: none; align-items: flex-end; gap: 1.5px; height: 10px; flex: none; color: #1E8E3E; }
.mpl-mini.is-playing .mpl-mini-eq { display: inline-flex; }
.mpl-mini-eq i { width: 2px; background: currentColor; border-radius: 1px; animation: mpl-mini-eq .9s ease-in-out infinite; }
.mpl-mini-eq i:nth-child(2) { animation-delay: .2s; } .mpl-mini-eq i:nth-child(3) { animation-delay: .4s; }
@keyframes mpl-mini-eq { 0%,100% { height: 3px; } 50% { height: 10px; } }
.is-dark-mode .mpl-mini { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }
.is-dark-mode .mpl-mini-b, .is-dark-mode .mpl-mini-name { color: #E5E7EB !important; }
.is-dark-mode .mpl-mini-main { background: #E5E7EB; color: #16181D !important; }
@media (max-width: 720px) {
	.mpl-mini { position: static; transform: none; margin: 6px auto 0; }
	.mpl-mini-row { flex-wrap: wrap; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .mpl-mini-eq i { animation: none; height: 7px; } }
.mpl-mini-ownrow { position: relative; min-height: 34px; }

.mpl-mini-show { margin-left: -2px; }