.player {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: -16px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    padding: 12px 20px;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform .4s ease;
    border-top: 2px solid #222;
}
.player.show{ transform:translateY(0); }
.player .left-info{ display:flex; gap:12px; align-items:center; }
.player .left-info img{ width:64px; height:64px; object-fit:cover; }
#hm-wave{ flex:1; margin:0 14px; height:64px; }
.controls button{ background:transparent; border:none; color:#fff; font-size:20px; cursor:pointer; }
@media (max-width:1366px){
	a.button.low-quality {
    font-size: 12px!important;
}
	a.button.high-quality {
    font-size: 12px!important;
	background: #fff;
    color: #000;
}
	a.button.high-quality:hover {
	background: #fff;
    color: #000;
}
	.meta {
    width: 67%;
	}
}
@media (max-width:480px){
	a.button.low-quality {
    font-size: 9px!important;
	margin-top: 10px;
}
	a.button.high-quality {
    font-size: 9px!important;
    margin-top: 5px;
	color: #000!important;
	margin-bottom: 10px;
}
.controls button {
    font-size: 20px;
    padding: 2px;
}
	.player .left-info img {
    width: 47px;
    height: 45px;
    object-fit: cover;
}
	h3#hm-track-title {
    font-size: 14px!important;
}
	p#hm-track-artist {
    font-size: 8px;
	margin-bottom: -1px;
}
	.player {
		padding:2px 8px;
	}
}