/* A red equalizer disc inside a 44px touch target, anchored to the invitation paper. */
body .dtc-music-control {
	position: fixed !important;
	z-index: 2147483000 !important;
	top: auto !important;
	right: var(--dtc-tools-right, max(calc(var(--dtc-music-frame-right, max(0px, (100vw - 500px) / 2)) + 14px), env(safe-area-inset-right))) !important;
	bottom: var(--dtc-tools-bottom, max(14px, env(safe-area-inset-bottom))) !important;
	left: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #fff !important;
	box-shadow: none !important;
	transform: none !important;
	animation: none !important;
	transition: none !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
}
/* Imported covers use a high stacking layer, as does their existing demo toolbar. */
body.dtc-vw .dtc-music-control { z-index: 2147483000 !important; }
body .dtc-music-control::before {
	content: "" !important;
	position: absolute !important;
	inset: 4px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #a5262d !important;
	box-shadow: 0 2px 8px rgb(0 0 0 / 15%) !important;
	transform: none !important;
	animation: none !important;
}
body .dtc-music-control::after { content: none !important; }
body .dtc-music-control > .dtc-music-control__icon {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px !important;
	flex: none !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
	pointer-events: none;
}
body .dtc-music-control__bar {
	display: block;
	flex: 0 0 3px;
	width: 3px;
	height: 16px;
	border-radius: 3px;
	background: currentColor;
	transform-origin: center;
	/* Imported preview artwork disables animations globally; this control stays live. */
	animation: dtc-music-equalizer .8s ease-in-out infinite alternate !important;
	animation-play-state: paused !important;
}
body .dtc-music-control__bar:nth-child(1) { height: 9px; animation-delay: -.3s !important; }
body .dtc-music-control__bar:nth-child(2) { animation-delay: -.6s !important; }
body .dtc-music-control__bar:nth-child(3) { height: 12px; animation-delay: -.1s !important; }
body .dtc-music-control__bar:nth-child(4) { height: 15px; animation-delay: -.45s !important; }
body .dtc-music-control[aria-pressed="true"] .dtc-music-control__bar { animation-play-state: running !important; }
@keyframes dtc-music-equalizer { from { transform: scaleY(.45); } to { transform: scaleY(1); } }
body .dtc-music-control:focus-visible { outline: 2px solid #fff !important; outline-offset: -3px !important; box-shadow: 0 0 0 2px #a5262d !important; }
/* Keep the Vowry adapter's audio/visibility owner without a transformed positioning box. */
body .dtc-music-shell { position: static !important; transform: none !important; opacity: 1 !important; animation: none !important; }
body .dtc-music-shell:not([hidden]) { display: contents !important; }
body .dtc-music-shell > :not(.dtc-music-control) { display: none !important; }
body .dtc-music-control[hidden], body .dtc-music-shell[hidden], .iv-preview body .dtc-music-control:not(.dtc-demo-music) { display: none !important; }
body [data-dtc-native-music] { display: none !important; pointer-events: none !important; }
html[data-dtc-reference] body :is(#music-hint, #audioToggleBtn, #music-toggle, #toggleMusic, #lantrang-music-btn, .sound)[data-dtc-native-music] { display: none !important; pointer-events: none !important; }
.iv-locked body .dtc-music-control.iv-music { pointer-events: none !important; }
/* Leave the corner available beside demo links and the Special Days footer. */
body:has(> #dtc-demo-music) .iv-demobar {
	width: var(--dtc-music-frame-width, min(100%, 500px));
	max-width: 100%;
	box-sizing: border-box;
	padding-inline: 12px 72px;
	justify-content: flex-start;
}
body:has(> #dtc-demo-music) .iv-demobar a {
	flex: 0 0 auto;
	min-height: 36px;
	height: 36px;
	padding: 0 12px;
	font-size: 12.5px;
	white-space: nowrap;
}
.skin-ch-10:has(.dtc-music-control) .cv-ch10-nav__row { padding-right: 72px; }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	body:has(.dtc-music-control:not([hidden])) .dtc-mobile-qr { bottom: max(80px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
	body .dtc-music-control__bar { animation: none !important; }
}