/* ---------------------------------------------------------
 * lyrics modal
 * --------------------------------------------------------- */

.lyrics-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
}

.lyrics-modal[hidden] {
	display: none;
}

.lyrics-modal--backdrop {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.85);
}

.lyrics-modal--dialog {
	position: relative;
	width: 100%;
	height: 100%;
	outline: none;
}

/* reset buttons */
.lyrics-modal--close-button,
.lyrics-modal--close-button:focus,
.lyrics-modal--close-button:focus-visible,
.lyrics-modal--close-button:hover,
.lyrics-modal--close-button:active {
	padding: 0;
	border: none;
	border-radius: var(--border-radius-none);
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	color: inherit;
	transition: none;
	cursor: pointer;
}

.lyrics-modal--close-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 2;
	color: rgb(15, 15, 15);
	color: rgb(255, 255, 255);
}

.lyrics-modal--close-button-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.lyrics-modal--close-button-icon svg {
	display: block;
	width: 48px;
	height: 48px;
}

.lyrics-modal--scroll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.lyrics-modal--inner {
	width: 100%;
	min-height: 100%;
	padding: 80px 10px;
}

.lyrics-modal--content {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

/* ---------------------------------------------------------
 * Shared Genius embed
 * --------------------------------------------------------- */

.song-lyrics--embed-status {
	padding: 20px 0;
	color: rgb(255, 255, 255);
}

.song-lyrics--embed[data-state="ready"] .song-lyrics--embed-status {
	display: none;
}

.song-lyrics--embed[data-state="error"] .rg_embed_link {
	display: none;
}

.song-lyrics--embed .rg_embed {
	display: block;
	margin: 0;
	border: none;
	background-color: rgba(0, 0, 0, 0);
}

.song-lyrics--embed .rg_embed .rg_embed_header {
	height: auto;
}

.song-lyrics--embed .rg_embed .rg_embed_logo {
	top: 0;
}

.song-lyrics--embed .rg_embed .rg_embed_body {
	padding: 0;
	pointer-events: none;
}

.song-lyrics--embed .rg_embed p {
	font-size: var(--x-large-font-size);
	line-height: var(--x-large-line-height) !important;
	color: rgb(255, 255, 255);
}

.lyrics-modal .song-lyrics--embed .rg_embed p {
	font-size: 25px;
	line-height: 35px !important;
}

.song-lyrics--embed .rg_embed i {
	font-style: normal;
}

.song-lyrics--embed .rg_embed b {
	font-weight: normal;
}

.song-lyrics--embed .rg_embed a[data-id] {
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: rgba(0, 0, 0, 0);
	transition: none;
}

.song-lyrics--embed .rg_embed .rg_embed_footer {
	display: none;
}

.is-lyrics-modal-open,
.is-lyrics-modal-open body {
	overflow: hidden;
}

.lyrics-modal--source {
	position: fixed;
	left: -99999px;
	opacity: 0;
	pointer-events: none;
}