body {
	margin: 0!important
}

img, a{
	user-select: none!important;
	user-drag: none!important;
}

.flare-player {
	position: absolute;
	width: calc(fit-content + 30px);
	height: 43px;
	right: 199px;
	padding: 5px;
	background-color: rgba(40, 40, 40, .65);
	border-color: rgba(255, 255, 255, .2);
	border-radius: 0 0 5px 5px;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .7), 1px 0 0 0 rgba(0, 0, 0, .7), -1px 0 0 0 rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .7), 1px 0 0 0 rgba(0, 0, 0, .7), -1px 0 0 0 rgba(0, 0, 0, .7);
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .7), 1px 0 0 0 rgba(0, 0, 0, .7), -1px 0 0 0 rgba(0, 0, 0, .7);
	box-sizing: border-box;
	line-height: 0 !important;
}

	.flare-player a, .flare-player a:hover, .flare-player a:visited {
		text-decoration: none;
		color: white;
	}

	.flare-player .lowerBar{
		margin-top: 7px;
		display: none;
	}

	.flare-player .lowerBar .button-inl:last-child{
		margin-right: 0px!important;
	}

	.flare-player .lowerBar .button-inl{
		width: calc(33.3% - 5px);
		margin-right: 2.5px;
		display: inline-block;
		vertical-align: top;
		height: 30px;
		border-radius: 12px;
		position: relative;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .247);
	}

	.flare-player .buttons{
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 22;
	}

	.flare-player .avatar .playIcon{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

		.flare-player .avatar .playIcon i{
			color: white;
			font-size: 11px;
			text-shadow: 1px 1px rgba(0, 0, 0, .85), 0 0 20px rgba(0, 0, 0, .73);
			margin-top: -0px;
		}

		.flare-player.drawerOpen{
			height: 69px;
			transition: height .3s;
		}

		.flare-player .button {
			height: 30px;
			position: relative;
			width: 35px;
			color: white;
			background: #121212;
			display: inline-block;
			margin-right: 2px;
			box-shadow: 0 2px 0 0 rgba(0, 0, 0, .247);
			border-radius: 12px;
		}

			.flare-player .button:hover, .flare-player .button-inl:hover, .flare-player .stats:hover{
				cursor: pointer;
			}

			.flare-player .button i, .flare-player .button-inl i{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 10;
				color: white;
				font-size: 12px;
				text-shadow: 1px 1px rgba(0, 0, 0, .85);
			}

			.flare-player .fr-blue{
				background: #139bfb;
			}

			.flare-player .fr-green{
				background: #79b554;
			}

			.flare-player .fr-red{
				background: #c37070;
				}
				
			.flare-player .fr-purple {
				background: #8e44ad;
			}

			.flare-player .fr-orange{
				background: #ff8000;
			}

		.flare-player .button:last-child {
			margin-right: 0px!important;
		}

	.flare-player .stats {
		width: fit-content;
		padding-right: 15px;
		position: relative;
		display: inline-block;
		height: 30px;
		border-radius: 12px;
		background: #121212;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, .247);
	}

	.flare-modal{
		background: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999999999;
	}

	.flare-player .button::before, .flare-player .button-inl::before {
		content: ' ';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .235);
		z-index: 11;
		border-radius: inherit;
	}

	.flare-player .stats::before {
		content: ' ';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85);
		z-index: 11;
		border-radius: inherit;
		mix-blend-mode: overlay;
	}

	.flare-player .stats .content {
		padding-top: 7px;
		padding-left: 5px;
	}

	.flare-player .background {
		width: 100%;
		height: 100%;
		border-radius: inherit;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 4;
		overflow: hidden;
	}

	.flare-player .background img{
		width: 100%;
		height: 100%;
		filter: blur(20px) saturate(120%);
		opacity: .8;
	}

	.flare-player .stats .content {
		display: inline-block;
		vertical-align: top;
		font-family: 'Tahoma', sans-serif;
		font-size: 13px;
		text-shadow: 0 0 4px rgba(255, 255, 255, .5);
		color: white;
		position: relative;
		z-index: 10;
		font-weight: 100;
	}

	.flare-player .avatar {
		width: 30px;
		height: 30px;
		position: relative;
		border-radius: inherit;
		display: inline-block;
		z-index: 10;
		overflow: hidden;
	}

		.flare-player .avatar img {
			width: 100%;
			height: 100%;
			opacity: .75;
			border-radius: inherit;
		}

	/* Marquee styles for long titles */
	.flare-player .stats .content .onAir.marquee {
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		width: 100px; /* Increased width */
		z-index: 20; /* Ensure it's above other elements */
	}

	.flare-player .stats .content .onAir.marquee span {
		display: inline-block;
		white-space: nowrap;
		animation: marquee 12s linear infinite;
		position: relative;
		z-index: 21; /* Ensure the text is above the container */
		line-height: 1.2 !important; /* Override the parent's line-height: 0 */
		will-change: transform; /* Optimize for animation performance */
	}

	/* Alternative smoother marquee implementation */
	.flare-player .stats .content .onAir.marquee.smooth span {
		animation: marqueeSmooth 15s linear infinite;
		animation-delay: -2s; /* Start with a slight delay for better visual */
	}

	/* Auto-detect overflow and apply marquee only when needed */
	.flare-player .stats .content .onAir.marquee.auto span {
		animation: none; /* Start with no animation */
	}

	.flare-player .stats .content .onAir.marquee.auto span:hover {
		animation: marquee 10s linear infinite;
	}

	/* Pause animation on hover for better UX */
	.flare-player .stats .content .onAir.marquee span:hover {
		animation-play-state: paused;
	}

	@keyframes marquee {
		0% {
			transform: translateX(100%);
		}
		100% {
			transform: translateX(-100%);
		}
	}

	@keyframes marqueeSmooth {
		0% {
			transform: translateX(100%);
		}
		100% {
			transform: translateX(-100%);
		}
	}