.winamp {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 694px;
	height: 308px;
	background: url("../media/images/player/background.png");
}

.winamp > .list {
	width: calc(100% - 21px);
	height: calc(308px - 58px);
	margin-left: 10px;
	margin-top: 20px;
	overflow: scroll;
}

.winamp > .list > a {
	display: block;
	color: lime;
	cursor: pointer;
}

.winamp > .list > a:hover {
	background: blue;
}

.winamp > .controls {
	display: flex;
	width: calc(100% - 21px);
	/*height: 31px;*/
	height: 18px;
	margin-left: 10px;
	margin-top: 5px;
	/*margin-top: 1px;*/
}

.winamp > .controls > .play {
	display: inline-block;
	width: 23px;
	height: 18px;
	background: url("../media/images/player/play.png");
}

.winamp > .controls > .play:active {
	background: url("../media/images/player/play_push.png");
}

.winamp > .controls > .pause {
	display: inline-block;
	width: 23px;
	height: 18px;
	background: url("../media/images/player/pause.png");
}

.winamp > .controls > .pause:active {
	background: url("../media/images/player/pause_push.png");
}

.winamp > .controls > .progress {
	flex: 3;
	width: 0;
	appearance: none;
	background-image: url("../media/images/player/bar.png");
	background-size: 100% 100%;
}

.winamp > .controls > .progress::-moz-range-thumb, .winamp > .controls > .progress::-webkit-slider-thumb {
	width: 29px;
	height: 10px;
	border-radius: 0;
	background-image: url("../media/images/player/cursor.png");
}

.winamp > .controls > .time {
	display: inline;
	margin: 0;
	background: black;
	color: lime;
}

.winamp > .controls > .volume {
	flex: 1;
	width: 0;
	appearance: none;
	background-color: transparent;
	background-image: url("../media/images/player/volume_bg.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

.winamp > .controls > .volume::-moz-range-thumb, .winamp > .controls > .volume::-webkit-slider-thumb {
	width: 14px;
	height: 10px;
	border-radius: 0;
	background-image: url("../media/images/player/volume_cursor.png");
}

.winamp > .controls > .info {
	display: inline;
	margin: 0;
	flex: 3;
	width: 0;
	background: black;
	color: lime;
	overflow-x: scroll;
	overflow-y: hidden;
	text-wrap: nowrap;
}