@font-face {
    font-family: 'Advanced LED Board-7';
    src: url('fonts/Advanced_LED_Board-7.eot');
    src: local('Advanced LED Board-7'), local('Advanced_LED_Board-7'),
        url('fonts/Advanced_LED_Board-7.eot?#iefix') format('embedded-opentype'),
        url('fonts/Advanced_LED_Board-7.woff2') format('woff2'),
        url('fonts/Advanced_LED_Board-7.woff') format('woff'),
        url('fonts/Advanced_LED_Board-7.ttf') format('truetype'),
        url('fonts/Advanced_LED_Board-7.svg#Advanced_LED_Board-7') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url('fonts/DS-Digital.eot');
    src: local('DS-Digital'),
        url('fonts/DS-Digital.eot?#iefix') format('embedded-opentype'),
        url('fonts/DS-Digital.woff2') format('woff2'),
        url('fonts/DS-Digital.woff') format('woff'),
        url('fonts/DS-Digital.ttf') format('truetype'),
        url('fonts/DS-Digital.svg#DS-Digital') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Advanced LED Board-7';
    src: url('fonts/Advanced_LED_Board-7_1.eot');
    src: local('Advanced LED Board-7'), local('Advanced_LED_Board-7'),
        url('fonts/Advanced_LED_Board-7_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/Advanced_LED_Board-7_1.woff2') format('woff2'),
        url('fonts/Advanced_LED_Board-7_1.woff') format('woff'),
        url('fonts/Advanced_LED_Board-7_1.ttf') format('truetype'),
        url('fonts/Advanced_LED_Board-7_1.svg#Advanced_LED_Board-7') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
/*
.header-top {
margin-top:60px;
}
*/

.stationlink {
font-family: 'DS-Digital', Arial !important;
font-size:25px;
white-space: nowrap;
}
.digital {
font-family: 'DS-Digital', Arial !important;
}

.led {
font-family: 'Advanced LED Board-7', Arial !important;
}

.btn-tv {
	background-image: -webkit-linear-gradient(top,#ff873f 0,#ff660b 100%) !important;
	background-image: -o-linear-gradient(top,#ff873f 0,#ff660b 100%) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ff873f),to(#ff660b)) !important;
	background-image: linear-gradient(to bottom,#ff873f 0,#ff660b 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff873f', endColorstr='#ff#ff660b', GradientType=0) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	background-repeat: repeat-x !important;
	border-color: #e38d13 !important;
	color:#fff !important;
	font-weight: bold !important;
}
.styled {
    border: 0;
    line-height: 2.5;
    padding: 0 10px;
    text-align: center;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
	margin:5px;
    border-radius: 10px;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    font-size: 1.25rem;
}
.styled-dark {
    color: #000 !important;
    text-shadow: 1px 1px 1px #c5c5c5 !important;
}


.styled-red {
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-red:hover {
    background-color: rgba(255, 0, 0, 1);
}

.styled-red:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-lightblue {
    background-color: #17a2b8;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-lightblue:hover {
    background-color: #007bff;
}

.styled-red:lightblue {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-green {
    background-color: rgba(34, 166, 34, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-green:hover {
    background-color: rgba(0, 255, 0, 1);
}

.styled-green:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-blue {
    background-color: rgba(0, 0, 220, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-blue:hover {
    background-color: rgba(0, 0, 255, 1);
}

.styled-blue:active {
    box-shadow: inset -2px -2px 3px rgba(0, 0, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.styled-white {
    background-color: #fff;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-white:hover {
    background-color: rgba(255, 255, 255, 1);
}

.styled-white:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.parent {
  height: 200px;
  background: gray;
  display: flex;
  align-items: center;
  justify-content: center;
}

.child {
  background-color: orange;
  width: 100px;
  height: 100px;
}
.CSSTableGeneratorRed {
	overflow-x:auto;
	margin:0px;padding:0px;
	margin-bottom:10px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorRed table{
	width:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorRed tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGeneratorRed table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGeneratorRed table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorRed tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorRed tr:hover td{

}
.CSSTableGeneratorRed tr:nth-child(odd){ background-color:#e8b7b7; }
.CSSTableGeneratorRed tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGeneratorRed td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGeneratorRed tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorRed tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorRed tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorRed tr:first-child th{
		background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);
	background-color:#ff5656;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratorRed tr:first-child:hover th{
	background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);
	background-color:#ff5656;
}
.CSSTableGeneratorRed tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorRed tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.CSSTableGeneratorBlue {
	overflow-x:auto;
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorBlue table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorBlue tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGeneratorBlue table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGeneratorBlue table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorBlue tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorBlue tr:hover td{

}
.CSSTableGeneratorBlue tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGeneratorBlue tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGeneratorBlue td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGeneratorBlue tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorBlue tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorBlue tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorBlue tr:first-child th{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratorBlue tr:first-child:hover th{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
}
.CSSTableGeneratorBlue tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorBlue tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
#rsi_player_div {
    position: fixed;
    bottom: 0px;
    width: 100%;
	background-color:#000;
	color:#fff;
}

#rsi_player {
	margin:10px;display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: stretch;align-content:center;;
}
#audiomain {
	display:none;
}
.playing {
	color:green;
}

.stopped {
	color:red
}
.inactivestream {
	color:#425b97;
}
.activestream {
	color:#e8cf03;
}

@media (max-width: 640px) {
	#rsi_player {
		margin: 30px !important;
	}
	#ps2 {
		font-size: 1.5em !important;
	}
	.hidesmall {
		display: none !important;
	}
}
#player {
	position: fixed;
	bottom: -200px;
	left: 0;
	width: 100%;
	background: #222;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.6);
	transition: bottom 0.3s ease;
	z-index: 9999;
	font-family: sans-serif;
}

#player.shown {
	bottom: 0;
}

#main-player {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#mini-player {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


#collapse-toggle {
	position: absolute;
	top: 4px;
	right: 10px;
	background: transparent;
	color: #ccc;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	z-index: 10000;
}

#player.collapsed #main-player {
	display: none;
}

#player.collapsed {
	height: 40px;
	padding: 0.5rem 1rem;
}


.player-meta {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 200px;
	gap: 1rem;
}

#player-image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
}

.player-info {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	max-width: 100vw;
}

@media (min-width: 1080px) {
	#main-player {
		flex-wrap: nowrap;
	}
	#player-controls {
		min-width: 360px;
	}
}


#player.episode-title {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
}

.player-controls {
	display: flex;
	gap: 0.5rem;
	margin-left: 1rem;
	align-items: center;
}

.play-pause {
	font-size: 1.5em;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
}
.play-pause {
	font-size: 1.5em;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	margin-right: 10px;
	padding-left: 6px;
}
#seek-bar {
	flex: 1;
}

#time-current, #time-duration {
	font-size: 0.85em;
	min-width: 40px;
	text-align: center;
}

/* === Equalizer Container Layout === */
/* === EQ Layout (unchanged) === */
#eq-container.eq-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 12px;
	margin-top: 1rem;
	align-items: flex-end;
}

.eq-band {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.eq-band small {
	margin-top: 6px;
	color: #ccc;
	font-size: 7px;
}

/* === Base Slider Setup === */
input[type=range].eq-slider {
	appearance: slider-vertical;
	-webkit-appearance: none;
	-moz-appearance: slider-vertical;
	writing-mode: vertical-lr;
	height: 60px;
	width: 10px;
	background: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

/* === Track Styling === */
input[type=range].eq-slider::-webkit-slider-runnable-track {
	width: 10px;
	height: 100%;
	background: #111;
	border-radius: 4px;
	box-shadow:
		inset 0 0 4px #000,
		inset 0 0 8px rgba(255,255,255,0.05),
		inset 0 0 2px #555;
}

input[type=range].eq-slider::-moz-range-track {
	width: 10px;
	height: 100%;
	background: #111;
	border-radius: 4px;
	box-shadow:
		inset 0 0 4px #000,
		inset 0 0 8px rgba(255,255,255,0.05),
		inset 0 0 2px #555;
}

/* === Thumb: Shared Base === */
input[type=range].eq-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 7px;
	border-radius: 0%;
	margin-top: -5px;
	margin-left: -3px;
	border: none;
	position: relative;
	z-index: 2;
}

input[type=range].eq-slider::-moz-range-thumb {
	width: 14px;
	height: 7px;
	border-radius: 0%;
	border: none;
	position: relative;
	z-index: 2;
}

/* === Glow Style === */
.eq-slider.glow::-webkit-slider-thumb {
	background: radial-gradient(circle, #66f, #33f);
	box-shadow:
		0 0 8px #33f,
		0 0 12px #66f,
		0 0 18px #99f;
}

.eq-slider.glow::-moz-range-thumb {
	background: radial-gradient(circle, #66f, #33f);
	box-shadow:
		0 0 8px #33f,
		0 0 12px #66f,
		0 0 18px #99f;
}

/* === Flat Style === */
.eq-slider.flat::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 14px !important;
	height: 7px !important;
	background: #aaa !important;
	border-radius: 0px !important;
	box-shadow: inset 0 0 2px #555 !important;
	cursor: pointer !important;
	//margin-right: -3px !important;
	//background-color: #ff0000 !important;
}

.eq-slider.flat::-moz-range-thumb {
	background: #ccc;
	box-shadow: inset 0 0 2px #888;
}
.eq-slider,
.eq-slider::-webkit-slider-thumb,
.eq-slider::-moz-range-thumb {
	pointer-events: auto !important;
}
.eq-slider {
	transform: rotate(180deg);
}

.eq-band-option {
	font-size: 14px;
	opacity: 0.4;
	color: #ccc;
	cursor: pointer;
	margin-bottom: 2px;
}

.eq-band-option.active {
	opacity: 1;
	color: #fff;
	font-weight: bold;
}
#spectrumCanvas {
	background-color: #000; /* or your existing background */
	border: 1px solid #222;
	box-shadow:
		inset 2px 2px 4px rgba(255, 255, 255, 0.05),   /* top-left highlight */
		inset -2px -2px 6px rgba(0, 0, 0, 0.6);        /* bottom-right shadow */
	border-radius: 6px; /* optional: gives a smoother, embedded look */
	padding: 10px;      /* adjust to your design */
}
#player-centre {
	width: 100%;
	justify-content: center;
}

@media (max-width: 640px) {
	.player-controls {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	#player-centre {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
	}

	#spectrumCanvas {
		width: 100%;
		margin-top:10px;
		//max-width: 240px;
	}

	#eq-container {
		margin-top: 8px;
		justify-content: center;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		//overflow-x: auto;
	}
}
#player-centre {
	display: flex;
	align-items: center; /* ✅ Makes play/pause and canvas align vertically */
}
.play-pause.glow {
	background: transparent;
	border: none;
	color: #66f;
	//font-size: 1.5rem;
	cursor: pointer;
	box-shadow:
		0 0 1px #33f,
		0 0 4px #66f,
		0 0 7px #99f;
	transition: box-shadow 0.3s ease, text-shadow 0.3s ease;
}

.play-pause.glow:hover {
	box-shadow:
		0 0 10px #33f,
		0 0 14px #66f,
		0 0 20px #99f;
}
#spectrumCanvas.glow {
	width: 100%;
	background-color: #000;
	border: 1px solid #222;
	border-radius: 6px;
	padding: 10px;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.05), inset -2px -2px 1px rgba(0, 0, 0, 0.6), 0 0 3px #33f, 0 0 12px #66f, 0 0 7px #99f;
	margin-left: 5px;
	margin-right: 5px;
}
#eq-preset-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: center;
	padding: 4px;
}
.eq-preset-btn.glow {
	background: transparent;
	border: none;
	color: #66f;
	//font-size: 1.5rem;
	cursor: pointer;
	box-shadow:
		0 0 1px #33f,
		0 0 4px #66f,
		0 0 7px #99f;
	transition: box-shadow 0.3s ease, text-shadow 0.3s ease;
}

.eq-preset-btn.glow:hover {
	box-shadow:
		0 0 10px #33f,
		0 0 14px #66f,
		0 0 20px #99f;
}
#rsi_station {
	font-family: 'DS-Digital', Arial !important;
	color: yellow !important;
	font-size:1.5em;
}
#rsi_station a:link, #rsi_station a:visited, #rsi_station a:hover, #rsi_station a:active {
	font-family: 'DS-Digital', Arial !important;
	color: #49f774 !important;
	text-decoration: none;
}
.episode-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top:-10px;
	background: linear-gradient(to right, #ffcc00, #ff0066);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.episode-meta {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: -5px !important;
	background: linear-gradient(to right, #16a5fb, #feffe6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#player-status {

}
#eqs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 12px;
	margin-top: 1rem;
	align-items: flex-end;
}