.ra-button {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.ra-button img {
	height: 2rem;
	padding: 0.5rem;
	margin-left: 0.25rem;
	border-radius: 10px;
	background-color: var(--blue-color);
	transition: background-color 300ms ease-in-out;
}

.ra-button:hover img {
	background-color: var(--dark-blue-color);
}

#ra-player {
	background: var(--white-color) !important;
	box-shadow: unset !important;
	font-family: inherit !important;
	max-width: unset !important;
}

#ra-player .ra-time-text {
	color: var(--dark-blue-color) !important;
	box-shadow: unset !important;
}

#ra-player .ra-btn-menu {
	color: var(--dark-blue-color) !important;
}

#ra-player .ra-group:not(:last-child) {
	border-right: 2px solid --light-grey-color !important;
}

#ra-player .ra-overlay {
	background: var(--white-color) !important;
	box-shadow: unset !important;
}

#ra-player .ra-seek-knob, #ra-player .ra-rate-knob, #ra-player .ra-volume-knob, #ra-player .ra-playback-position-bar, #ra-player .ra-rate-bar, #ra-player .ra-volume-bar {
	background: var(--light-blue-color) !important;
}

#ra-player .ra-status-bg, #ra-player .ra-rate-bg, #ra-player .ra-volume-bg {
	background: var(--clear-blue-color) !important;
}

.ra-menu-item:first-child {
	display: none !important;
}