/* @braccato/core/styles/variables.css */
:root {
  /* Optional image paint; themes own the asset and any HDR brightness policy. */
  --blyrics-highlight-image: none;
  --blyrics-image-glow-opacity-from: 0.5;
  --blyrics-image-glow-opacity-to: 0;

	/* Colors */
	--blyrics-ui-text-color: var(
		--blyrics-text-color,
		color(display-p3 1 1 1 / 1)
	);
	--blyrics-glow-color: var(
		--blyrics-highlight-color,
		color(display-p3 1 1 1 / 0.5)
	);
	--blyrics-error-color: color(display-p3 0.992 0.882 0.882);
	--blyrics-footer-bg-color: hsla(0, 0%, 100%, 0.1);
	--blyrics-footer-border-color: hsla(0, 0%, 100%, 0.1);
	--blyrics-footer-text-color: #aaa;
	--blyrics-footer-link-color: #fff;
	--blyrics-discord-hover-color: #5865f2;
	--blyrics-vote-hover-color: hsla(0, 0%, 100%, 0.2);
	--blyrics-lyric-active-color: var(
		--blyrics-text-color,
		color(display-p3 1 1 1 / var(--blyrics-active-opacity, 1))
	);
	--blyrics-lyric-inactive-color: color(
		from var(--blyrics-text-color, color(display-p3 1 1 1)) display-p3 r g b /
			var(--blyrics-inactive-opacity, 0.3)
	);

	--blyrics-richsync-timing-offset: 0.150s;
	--blyrics-timing-offset: 0.115s;

	--blyrics-scroll-timing-offset: 0.5s;

	/* Typography */
	/* The stack behind --noto-sans-universal is 32 Noto families and the extension is what loads
	   them, so the declaration stays in misc.css, where two published themes select on it by name.
	   Inside the extension the fallback is unreachable. It is one real family rather than a generic
	   so that a standalone consumer without it still falls through to the rest of this stack; the
	   CJK, Devanagari, Arabic, Hebrew and Thai coverage is what such a consumer gives up either
	   way. */
	--blyrics-default-font-family:
		Satoshi, var(--noto-sans-universal, "Noto Sans"), Avenir, -apple-system,
		BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans,
		Helvetica Neue, sans-serif;
	--blyrics-font-size: 3rem;
	--blyrics-font-weight: 700;
	--blyrics-line-height: 1.333;

	--blyrics-translated-font-size: 2rem;
	--blyrics-translated-font-weight: 600;
	--blyrics-translated-color: color(
		display-p3 1 1 1 / var(--blyrics-translated-opacity, 0.6)
	);

	--blyrics-credits-label: "Written by";
	--blyrics-credits-font-size: max(0.4em, 12px);
	--blyrics-credits-opacity: 0.2;
	--blyrics-credits-focused-opacity: 0.85;

	--blyrics-footer-font-family: Satoshi, Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
	--blyrics-footer-font-size: 14px;
	--blyrics-footer-font-weight: 400;

	/* Animations */
	--blyrics-animate-line-scale: 1;
	--blyrics-animate-word-wobble: 1;
	--blyrics-animate-highlight-swipe: 1;
	--blyrics-animate-highlight-glow: 1;
	--blyrics-animate-highlight-fade: 1;
	--blyrics-animate-scroll: 1;
	--blyrics-animate-instrumental: 1;
	--blyrics-animate-decoration-entry: 1;

	--blyrics-loader-transition-duration: 0.6s;
	--blyrics-loader-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--blyrics-scale-transition-duration: var(
		--blyrics-transition-duration,
		0.166s
	);
	--blyrics-line-enter-transform-from: scale(var(--blyrics-scale));
	--blyrics-line-enter-transform-to: scale(var(--blyrics-active-scale));
	--blyrics-line-exit-transform-from: scale(var(--blyrics-active-scale));
	--blyrics-line-exit-transform-to: scale(var(--blyrics-scale));
	--blyrics-line-enter-easing: ease;
	--blyrics-line-exit-easing: ease;

	--blyrics-lyric-highlight-fade-in-duration: var(
		--blyrics-opacity-transition,
		0.33s
	);
	--blyrics-lyric-highlight-fade-out-duration: var(
		--blyrics-opacity-transition,
		0.5s
	);
	--blyrics-lyric-highlight-fade-in-easing: ease;
	--blyrics-lyric-highlight-fade-out-easing: ease;
	--blyrics-highlight-swipe-easing: linear;
	--blyrics-highlight-swipe-start-from: -0.2;
	--blyrics-highlight-swipe-end-from: -0.1;
	--blyrics-highlight-swipe-start-to: 1.4;
	--blyrics-highlight-swipe-end-to: 1.5;
	--blyrics-highlight-glow-radius-from: 0.8rem;
	--blyrics-highlight-glow-radius-to: 0;
	--blyrics-highlight-glow-duration-ratio: 1.2;
	--blyrics-highlight-glow-min-duration: 1.2s;
	--blyrics-highlight-glow-easing: ease;

	--blyrics-wobble-duration: 1s;
	--blyrics-word-wobble-transform-from: scaleX(1);
	--blyrics-word-wobble-transform-peak: translateX(0.05em) scaleX(1.025);
	--blyrics-word-wobble-transform-settle: translateX(0) scaleX(1);
	--blyrics-word-wobble-transform-to: scaleX(1);
	--blyrics-word-wobble-peak-offset: 0.125;
	--blyrics-word-wobble-settle-offset: 0.75;
	--blyrics-word-wobble-easing: ease;
	--blyrics-word-wobble-peak-easing: ease-in-out;
	--blyrics-word-wobble-end-easing: ease-out;

	--blyrics-letter-wave-transform: translateY(-0.05em);
	--blyrics-letter-wave-settle: translateY(-0.02em);
	--blyrics-letter-wave-emphasis-scale: 1.11;
	--blyrics-letter-wave-duration: 0.9s;
	--blyrics-letter-wave-rise-easing: ease-in-out;
	--blyrics-letter-wave-fall-easing: ease-out;

	--blyrics-instrumental-fill-fade-duration: 150ms;
	--blyrics-instrumental-fill-fade-easing: ease;
	--blyrics-instrumental-fill-transform-from: translateY(78%);
	--blyrics-instrumental-fill-transform-to: translateY(-4%);
	--blyrics-instrumental-fill-easing: linear;
	--blyrics-instrumental-wave-transform-from: scaleY(1.2);
	--blyrics-instrumental-wave-transform-to: scaleY(0.0001);
	--blyrics-instrumental-wave-easing: ease-in;
	--blyrics-instrumental-wave-path-high: path("M -4 3 Q 1 2 5 3 Q 10 4 14 3 Q 18 2 22 3 Q 26 4 30 3 L 30 4 L -4 4 Z");
	--blyrics-instrumental-wave-path-low: path("M -4 3 Q 1 4 5 3 Q 10 2 14 3 Q 18 4 22 3 Q 26 2 30 3 L 30 4 L -4 4 Z");
	--blyrics-instrumental-wave-oscillation-duration: 1.25s;
	--blyrics-instrumental-wave-oscillation-easing: ease-in-out;

	/* Layout */
	--blyrics-padding: 2rem;
	--blyrics-margin: 2rem;
	--blyrics-small-border-radius: 1rem;
	--blyrics-border-radius: 1000rem;

	/* Effects */
	--blyrics-blur-amount: 30px;
	--blyrics-scale: 0.95;
	--blyrics-active-scale: 1;
	--blyrics-error-opacity: 0.33;
	--blyrics-background-blur: 100px;
	--blyrics-background-saturate: 2;

	/* Shared lyric scroll easing */
	--blyrics-lyric-scroll-timing-function: var(
		--blyrics-lyric-transition-timing-function,
		cubic-bezier(0.86, 0, 0.2, 1)
	);

	/* Gradient stops */
	--blyrics-gradient-stops:
		transparent 0%, rgba(0, 0, 0, 0.013) 8.1%, rgba(0, 0, 0, 0.049) 15.5%,
		rgba(0, 0, 0, 0.104) 22.5%, rgba(0, 0, 0, 0.175) 29%,
		rgba(0, 0, 0, 0.259) 35.3%, rgba(0, 0, 0, 0.352) 41.2%,
		rgba(0, 0, 0, 0.45) 47.1%, rgba(0, 0, 0, 0.55) 52.9%,
		rgba(0, 0, 0, 0.648) 58.8%, rgba(0, 0, 0, 0.741) 64.7%,
		rgba(0, 0, 0, 0.825) 71%, rgba(0, 0, 0, 0.896) 77.5%,
		rgba(0, 0, 0, 0.951) 84.5%, rgba(0, 0, 0, 0.987) 91.9%, #000 100%;

	--blyrics-shimmer-gradient: linear-gradient(
    	110deg,
    	color-mix(in srgb, var(--blyrics-ui-text-color) 50%, transparent) 30%,
    	var(--blyrics-ui-text-color) 50%,
    	color-mix(in srgb, var(--blyrics-ui-text-color) 50%, transparent) 70%
  	);
}

/* Reduced-motion disables the vestibular triggers (zoom-on-active line scale,
   translateX word wobble, and instrumental fill/wave motion) and flattens the
   active/inactive scale delta. Smooth scroll remains enabled, but the animation
   engine suppresses side-specific line-scroll differential effects.
   Everything else is left on by design:
     - karaoke swipe + highlight glow: gradient mask / drop-shadow fills, not movement.
     - highlight fade-in / fade-out: opacity transitions are not motion. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--blyrics-animate-line-scale: 0;
		--blyrics-animate-word-wobble: 0;
		--blyrics-animate-instrumental: 0;
		--blyrics-animate-decoration-entry: 0;

		--blyrics-scale: 1;
		--blyrics-active-scale: 1;
	}
}

/* @braccato/core/styles/image-highlights.css */
/* The renderer adds these classes only for blyrics-image-highlights = true.
   An SDR image is equally valid. HDR assets and dynamic-range-limit belong to the theme. */
.blyrics--word.blyrics-word-highlight.blyrics-image-highlight {
  background: none;
  mask: none;
  -webkit-mask: none;
  color: transparent;
}
.blyrics-image-fill,
.blyrics-word-highlight.blyrics-image-highlight .blyrics--letter {
  background-image: var(--blyrics-highlight-image, none);
  background-color: var(--blyrics-lyric-active-color, white);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.blyrics-image-highlight:not(.blyrics-word-highlight--lettered) .blyrics-image-fill {
  --blyrics-image-sweep-angle: 90deg;
  mask-image: linear-gradient(var(--blyrics-image-sweep-angle),
    #000 calc(100% * var(--lyric-transition-amount-start)),
    transparent calc(100% * var(--lyric-transition-amount-end) + 1px));
  mask-repeat: no-repeat;
}
.blyrics-image-highlight.blyrics-rtl:not(.blyrics-word-highlight--lettered) .blyrics-image-fill {
  --blyrics-image-sweep-angle: 270deg;
}
.blyrics-image-highlight.blyrics-word-highlight--lettered .blyrics-image-fill {
  background: none;
}
.blyrics-image-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  overflow: visible;
}
/* A parallel run reproduces the full inline formatting context, including bidi
   reordering and every wrapped fragment. No generated text or per-frame measuring. */
.blyrics-image-glow-run .blyrics-image-glow {
  position: static;
  inset: auto;
  display: inline;
}
.blyrics-instrumental-image { display: none; }
.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-image { display: inline; }
.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-color { display: none; }
@media (forced-colors: active) {
  .blyrics-image-glow,
  .blyrics-image-glow-run .blyrics-image-glow { display: none; }
  .blyrics-image-fill,
  .blyrics-word-highlight.blyrics-image-highlight .blyrics--letter {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
  .blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-image { display: none; }
  .blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-color { display: inline; }
}

/* @braccato/core/styles/lyrics.css */
/* Resolve the default stack at each language boundary. A root-level var() would freeze
   the host's language-specific fallback before the lyric/translation language is known.
   Theme overrides remain inherited through --blyrics-font-family. */
.blyrics--line,
.blyrics--translated,
.blyrics--romanized {
	--blyrics-default-font-family:
		Satoshi, var(--noto-sans-universal, "Noto Sans"), Avenir, -apple-system,
		BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans,
		Helvetica Neue, sans-serif;
	font-family: var(--blyrics-font-family, var(--blyrics-default-font-family));
}

/* Main container styles */
.blyrics-container {
	font-family: var(--blyrics-font-family, var(--blyrics-default-font-family));
	font-size: var(--blyrics-font-size);
	font-weight: var(--blyrics-font-weight);
	isolation: isolate;
	line-height: var(--blyrics-line-height);
	padding-bottom: calc(var(--blyrics-padding-bottom));
	padding-top: 2rem;
	position: relative !important;
	will-change: transform;
	z-index: 1;
}

.blyrics-container > div {
	box-sizing: border-box;
	cursor: pointer;
	padding: var(--blyrics-padding) 0.25em !important;
	transform: scale(var(--blyrics-scale));
	transform-origin: left center;
}

.blyrics--active {
	cursor: default;
}

.blyrics--line {
	color: var(--blyrics-lyric-inactive-color);
	max-width: 100%;
	unicode-bidi: plaintext;
	white-space: normal;
	word-break: normal;
}

.blyrics-line-main {
	display: block;
	max-width: 100%;
	overflow-wrap: normal;
	position: relative;
	text-align: inherit;
	unicode-bidi: plaintext;
	white-space: normal;
}

.blyrics-background-line {
	display: block;
	margin-top: 0.1em;
	max-width: 100%;
	position: relative;
	text-align: inherit;
	unicode-bidi: plaintext;
	white-space: normal;
}

.blyrics-bidi-run {
	display: block;
	max-width: 100%;
	unicode-bidi: normal;
	white-space: inherit;
}

.blyrics-highlight-run {
	inset: 0 0 auto;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: auto;
	z-index: 1;
}

.blyrics-word-group {
	display: inline-block;
	max-width: 100%;
	unicode-bidi: normal;
	vertical-align: baseline;
	white-space: nowrap;
}

.blyrics-word-group-long {
	display: inline;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: break-word;
}

.blyrics--word {
	color: var(--blyrics-lyric-inactive-color);
	display: inline;
	position: relative;
	transform: translateY(0);
	unicode-bidi: normal;
	white-space: inherit;
}

.blyrics-word-group:not(.blyrics-word-group-long) .blyrics--word {
	display: inline-block;
}

.blyrics-bidi-sensitive .blyrics-word-group,
.blyrics-bidi-sensitive .blyrics-word-group-long {
	display: contents;
	max-width: none;
	overflow-wrap: normal;
	unicode-bidi: normal;
	white-space: normal;
	word-break: normal;
}

.blyrics-bidi-sensitive .blyrics--word,
.blyrics-bidi-sensitive .blyrics-word-group:not(.blyrics-word-group-long) .blyrics--word {
	display: inline;
	white-space: inherit;
}

@property --lyric-transition-amount-start {
	syntax: "<number>";
	inherits: true;
	initial-value: -0.2;
}

@property --lyric-transition-amount-end {
	syntax: "<number>";
	inherits: true;
	initial-value: -0.1;
}

.blyrics--word.blyrics-word-highlight {
	color: transparent;
	background-image: linear-gradient(
		90deg,
		var(--blyrics-lyric-active-color)
			calc(100% * var(--lyric-transition-amount-start)),
		#00000000
			calc(100% * var(--lyric-transition-amount-end) + 1px)
	);
	background-clip: text;
	opacity: 0;
	pointer-events: none;
	--lyric-transition-amount-start: var(
		--blyrics-highlight-swipe-start-from,
		-0.2
	);
	--lyric-transition-amount-end: var(--blyrics-highlight-swipe-end-from, -0.1);
}
.blyrics-word-highlight.blyrics-rtl {
	background-image: linear-gradient(
		270deg,
		var(--blyrics-lyric-active-color)
			calc(100% * var(--lyric-transition-amount-start)),
		#00000000
			calc(100% * var(--lyric-transition-amount-end) + 1px)
	);
}

.blyrics--letter {
	display: inline-block;
}

/* Atomic letter boxes otherwise take their visual ordering from the surrounding
   paragraph. Isolate each word's own dir=auto while keeping it inline/wrappable. */
.blyrics--word.blyrics-word--lettered {
	unicode-bidi: isolate;
}

.blyrics-word-highlight.blyrics-word-highlight--lettered {
	background-image: none;
}

.blyrics-word-highlight .blyrics--letter {
	color: var(--blyrics-lyric-active-color);
	-webkit-mask-image: linear-gradient(90deg, #000 0, #000 50%, #0000 calc(50% + var(--mask-fade, 3%)));
	mask-image: linear-gradient(90deg, #000 0, #000 50%, #0000 calc(50% + var(--mask-fade, 3%)));
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: calc((var(--letters, 1) + 2) * 100%) 100%;
	mask-size: calc((var(--letters, 1) + 2) * 100%) 100%;
	-webkit-mask-position: 0% 0%;
	mask-position: 0% 0%;
}

.blyrics-word-highlight.blyrics-rtl .blyrics--letter {
	-webkit-mask-image: linear-gradient(270deg, #000 0, #000 50%, #0000 calc(50% + var(--mask-fade, 3%)));
	mask-image: linear-gradient(270deg, #000 0, #000 50%, #0000 calc(50% + var(--mask-fade, 3%)));
	-webkit-mask-position: 100% 0%;
	mask-position: 100% 0%;
}

[blyrics-alt-hover] .blyrics--word:hover {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.blyrics--line > .blyrics-line-main > .blyrics-background-lyric,
.blyrics--line > .blyrics-background-line > .blyrics-background-lyric,
.blyrics--line > .blyrics-line-main > .blyrics-bidi-run > .blyrics-background-lyric,
.blyrics--line > .blyrics-background-line > .blyrics-bidi-run > .blyrics-background-lyric {
	font-size: 0.75em;
	font-weight: 500;
}

.blyrics--line > .blyrics-line-main > .blyrics-word-group.blyrics-background-lyric,
.blyrics--line > .blyrics-background-line > .blyrics-word-group.blyrics-background-lyric,
.blyrics--line > .blyrics-line-main > .blyrics-bidi-run > .blyrics-word-group.blyrics-background-lyric,
.blyrics--line > .blyrics-background-line > .blyrics-bidi-run > .blyrics-word-group.blyrics-background-lyric {
	color: color-mix(in srgb, var(--blyrics-lyric-inactive-color) 78%, transparent);
}

.blyrics--translated,
.blyrics--romanized {
	animation: blyrics-decoration-in calc(var(--blyrics-animate-decoration-entry) * 0.35s)
		cubic-bezier(0.25, 1, 0.5, 1) both;
	color: var(--blyrics-translated-color);
	display: block;
	font-family: var(--blyrics-translated-font-family, var(--blyrics-font-family, var(--blyrics-default-font-family)));
	font-size: var(--blyrics-translated-font-size);
	font-weight: var(--blyrics-translated-font-weight);
	line-height: normal;
	margin-top: 8px;
	max-width: 100%;
	text-align: inherit;
	unicode-bidi: plaintext;
	white-space: normal;
}

@keyframes blyrics-decoration-in {
	from {
		opacity: 0;
		transform: translateY(-0.4em);
	}
}

.blyrics-container > .blyrics-credits {
	box-sizing: border-box;
	cursor: default;
	margin: 0;
	padding: var(--blyrics-padding) 0.25em;
	transform: scale(var(--blyrics-scale));
	transform-origin: left center;
}

.blyrics-credits {
	color: var(--blyrics-ui-text-color);
	opacity: var(--blyrics-credits-opacity);
	transition: opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.blyrics-credits__text {
	display: block;
	font-size: var(--blyrics-credits-font-size);
}

.blyrics-credits__text::before {
	content: var(--blyrics-credits-label) " ";
}

.blyrics-container[data-credits-focused] > .blyrics-credits,
.blyrics-container[data-sync="none"] > .blyrics-credits {
	opacity: var(--blyrics-credits-focused-opacity);
}

.blyrics--romanized {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1rem;
	box-sizing: border-box;
	display: block;
	font-size: calc(var(--blyrics-translated-font-size) / 1.25);
	padding: 0.25rem 0.75rem;
	width: fit-content;
}

.blyrics-rtl {
	direction: rtl;
}

.blyrics--line[data-direction="rtl"] {
	text-align: right;
	transform-origin: right center;
}

/* Secondary and tertiary vocals */
.blyrics--line[data-agent="v2"],
.blyrics--line[data-agent="v3"] {
	text-align: right;
	transform-origin: right center !important;
}

/* All vocals together */
.blyrics--line[data-agent="v1000"] {
	text-align: center;
	transform-origin: center center !important;
}

.blyrics--line[data-agent="v2"] .blyrics--romanized,
.blyrics--line[data-agent="v3"] .blyrics--romanized,
.blyrics--line[data-direction="rtl"] .blyrics--romanized {
	margin-left: auto;
}

.blyrics--line[data-agent="v1000"] .blyrics--romanized {
	margin-left: auto;
	margin-right: auto;
}

#blyrics-wrapper {
	margin-top: 0;
}

/* @braccato/core/styles/instrumental.css */
/* Instrumental break styles */
.blyrics--instrumental-icon {
	height: var(--blyrics-font-size);
	width: calc(var(--blyrics-font-size) + var(--blyrics-font-size) / 3);
	overflow: visible;
	margin-left: calc(var(--blyrics-font-size) / -3);
}

.blyrics-rtl.blyrics--instrumental .blyrics--instrumental-icon {
	margin-left: 0;
	margin-right: calc(var(--blyrics-font-size) / -3);
}

.blyrics--instrumental[data-agent="v2"] .blyrics--instrumental-icon,
.blyrics--instrumental[data-agent="v3"] .blyrics--instrumental-icon {
	margin-left: 0px;
	margin-right: calc(var(--blyrics-font-size) / -3);
}

.blyrics--instrumental[data-agent="v1000"] .blyrics--instrumental-icon {
	margin-left: 0;
	margin-right: 0;
}

.blyrics--instrumental-bg {
	fill: var(--blyrics-lyric-inactive-color);
}

.blyrics--instrumental-fill {
	fill: var(--blyrics-lyric-active-color);
	transition: opacity var(--blyrics-lyric-highlight-fade-out-duration, 0.5s) ease;
	opacity: 0;
}

.blyrics--instrumental.blyrics--animating .blyrics--instrumental-fill {
	transition: none;
	opacity: 1;
}

.blyrics--instrumental:not(.blyrics--pre-animating) .blyrics--wave-clip {
	transition-property: transform;
	transition-duration: 1000000s;
	transition-delay: 0s;
	transform: translateY(0%);
}

.blyrics--instrumental.blyrics--pre-animating:not(.blyrics--animating) .blyrics--wave-clip {
	animation: none;
	transform: translateY(78%);
}

.blyrics--instrumental.blyrics--animating .blyrics--wave-clip {
	transition-property: transform;
	transition-duration: calc(var(--blyrics-duration, 1ms) * 1);
	transition-timing-function: linear;
	transition-delay: var(--blyrics-anim-delay);
	transform: translateY(-4%);
}

.blyrics--wave-path {
	/* Set the transform origin to the bottom of the wave shape (y=4). */
	transform-box: fill-box;
	transform-origin: bottom;

	/* Prepare the WAAPI flatten transition. */
	transform: scaleY(1.2);

	d: var(--blyrics-instrumental-wave-path-high);
}

/* Trigger the Flattening */
.blyrics--instrumental.blyrics--animating:not(.blyrics--paused) .blyrics--wave-path {
	/* Flatten the wave to 0 height */
	transform: scaleY(0);

	transition-property: transform;
	transition-duration: calc(var(--blyrics-duration, 1ms) * 1);
	transition-timing-function: ease-in;
	transition-delay: var(--blyrics-anim-delay);
}

/* If paused, we freeze the flattening where it is */
.blyrics--instrumental.blyrics--animating.blyrics--paused .blyrics--wave-path {
	transform: scaleY(0.0001); /* slightly different to force recalculation */
	transition-duration: 10000000000s;
	transition-property: transform;
	transition-timing-function: ease-out;
	transition-delay: 0s;
}