* {
	    margin: 0;
	    padding: 0;
	    color: #fff;
	    appearance: none;
	    -webkit-appearance: none;
	    border: 0;
	    background: transparent;
	    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	    font-size: 14px;
	}

	html,
	body,
	.audioplayer {
	    height: 100%;
	}

	.playercontainer {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    z-index: 999;

	    width: 100%;
	    height: 56px;
	    display: flex;
	    align-items: center;


	    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
	    background: #2D2E30;
	}

	.playercontainer button {
	    width: 56px;
	    border-right: 1px solid #38393D;
	}

	.playercontainer p {
	    padding-bottom: 0.2em;
	    font-size: 14px;
	}

	.playercontainer #currentsong {
	    color: #ccc;
	    margin: 0 0 0 1em;
	    min-width: 86px;
	}

	.playercontainer #currentsong {
	    display: block;
	    flex-grow: 2;
	    overflow: hidden;
	    position: relative;
	    height: 20px;
	}

	.playercontainer #currentsong>span {
	    position: absolute;
	}

	.playercontainer #currentsong span.longer {
	    animation: showtitle 3s alternate infinite linear;
	    width: auto;
	    transform: translateX(50%);
	    left: 150%;
	}

	.playercontainer #currentsong span.longer span {
	    transform: translateX(-50%);
	    display: block;
	}

	.playercontainer #ticker {
	    white-space: nowrap;
	}

	#playlist {
	    width: 100%;
	    min-height: 100%;
	    background: #2D2E30;
	}

	#playlist a {
	    text-decoration: none;
	    display: flex;
	    align-items: center;
	    height: 56px;
	    border-bottom: 1px solid #38393D;
	    padding: 0 1em;
	}

	#playlist a span span {
	    opacity: 0.5;
	    margin-left: 0.25em;
	}

	#playlist .playlistitem.playing a span {
	    color: #7fffd4 !important;
	}

	.playercontainer button:hover,
	#playlist li:hover {
	    background: linear-gradient(180deg, rgba(56, 57, 61, 1) 0%, rgba(45, 46, 48, 1) 100%);
	}

	.playlistitem:hover,
	.playercontainer button:hover {
	    cursor: pointer;
	}

	.playlistitem *,
	.playercontainer img {
	    pointer-events: none;
	}

	.playing a>span::before {
	    content: '\266A';
	    margin-right: 0.5em;
	}

	@keyframes showtitle {
	    0% {
	        transform: translateX(0%);
	        left: 150%;
	    }

	    10% {
	        transform: translateX(0%);
	        left: 150%;
	    }

	    90% {
	        transform: translateX(-50%);
	        left: 50%;
	    }

	    100% {
	        transform: translateX(-50%);
	        left: 50%;
	    }
	}