.ihh-video-player {
	--ihh-player-gold: #c5a24a;
	--ihh-player-bg: #050505;
	position: relative;
	width: 100%;
	color: #fff;
}

.ihh-single-redesign .ihh-video-player::after {
	display: none;
}

.ihh-video-player__stage {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--ihh-player-bg);
	isolation: isolate;
}

.ihh-video-player__poster,
.ihh-video-player__media,
.ihh-video-player__youtube,
.ihh-video-player__legacy,
.ihh-video-player__legacy iframe,
.ihh-video-player__youtube iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.ihh-video-player__poster,
.ihh-video-player__media {
	object-fit: contain;
	background: var(--ihh-player-bg);
}

.ihh-video-player__poster {
	z-index: 2;
}

.ihh-video-player__media {
	z-index: 1;
	opacity: 0;
}

.ihh-video-player__play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	display: grid;
	width: clamp(64px, 7vw, 88px);
	height: clamp(64px, 7vw, 88px);
	padding: 0;
	place-items: center;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .72);
	color: #fff;
	cursor: pointer;
	transition: transform .18s ease, background .18s ease;
}

.ihh-video-player__play:hover {
	transform: translate(-50%, -50%) scale(1.05);
	background: #000;
}

.ihh-video-player button:focus-visible,
.ihh-video-player a:focus-visible {
	outline: 3px solid var(--ihh-player-gold);
	outline-offset: 3px;
}

.ihh-video-player__loading {
	position: absolute;
	inset: 0;
	z-index: 6;
	display: none;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: rgba(0, 0, 0, .42);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ihh-video-player__spinner {
	width: 24px;
	height: 24px;
	border: 3px solid rgba(255, 255, 255, .35);
	border-top-color: var(--ihh-player-gold);
	border-radius: 50%;
	animation: ihh-player-spin .8s linear infinite;
}

.ihh-video-player__feedback {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 7;
	display: none;
	max-width: min(90%, 620px);
	padding: 10px 14px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, .8);
	text-align: center;
}

.ihh-video-player__feedback strong,
.ihh-video-player__feedback span {
	display: block;
}

.ihh-video-player__feedback span {
	margin-top: 3px;
	font-size: 13px;
	color: #ddd;
}

.ihh-video-player__duration {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 5;
	padding: 4px 7px;
	background: rgba(0, 0, 0, .82);
	font: 700 12px/1.2 "JetBrains Mono", monospace;
}

.ihh-video-player__custom-controls {
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 8;
	display: none;
	align-items: center;
	gap: 8px;
}

.ihh-video-player__custom-controls button {
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 3px;
	background: rgba(0, 0, 0, .82);
	color: #fff;
	font: 700 12px/1.2 "Work Sans", sans-serif;
	cursor: pointer;
}

.ihh-video-player__custom-controls [data-ihh-player-sound] {
	border-color: var(--ihh-player-gold);
	background: #111;
	color: #fff3c4;
}

.ihh-video-player__fallback-link {
	display: inline-block;
	margin-top: 8px;
	color: #fff;
	font-size: 13px;
}

.ihh-video-player[data-state="loading"] .ihh-video-player__loading {
	display: flex;
}

.ihh-video-player[data-state="loading"] .ihh-video-player__play,
.ihh-video-player[data-state="playing-muted"] .ihh-video-player__play,
.ihh-video-player[data-state="playing-sound"] .ihh-video-player__play {
	display: none;
}

.ihh-video-player[data-state="playing-muted"] .ihh-video-player__poster,
.ihh-video-player[data-state="playing-sound"] .ihh-video-player__poster,
.ihh-video-player[data-state="paused"] .ihh-video-player__poster {
	opacity: 0;
	pointer-events: none;
}

.ihh-video-player[data-state="playing-muted"] .ihh-video-player__media,
.ihh-video-player[data-state="playing-sound"] .ihh-video-player__media,
.ihh-video-player[data-state="paused"] .ihh-video-player__media {
	opacity: 1;
}

.ihh-video-player[data-state="playing-muted"] .ihh-video-player__custom-controls,
.ihh-video-player[data-state="playing-sound"] .ihh-video-player__custom-controls,
.ihh-video-player[data-state="paused"] .ihh-video-player__custom-controls {
	display: flex;
}

.ihh-video-player[data-state="autoplay-blocked"] .ihh-video-player__feedback,
.ihh-video-player[data-state="unsupported-source"] .ihh-video-player__feedback,
.ihh-video-player[data-state="playback-error"] .ihh-video-player__feedback,
.ihh-video-player[data-state="poster-only-fallback"] .ihh-video-player__feedback {
	display: block;
}

.ihh-video-player[data-state="unsupported-source"] .ihh-video-player__play,
.ihh-video-player[data-state="playback-error"] .ihh-video-player__play,
.ihh-video-player[data-state="poster-only-fallback"] .ihh-video-player__play {
	display: none;
}

@keyframes ihh-player-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
	.ihh-video-player__custom-controls {
		left: 8px;
		bottom: 8px;
	}

	.ihh-video-player__duration {
		right: 8px;
		top: 8px;
	}
}

@media (max-width: 390px) {
	.ihh-video-player__play {
		width: 58px;
		height: 58px;
	}

	.ihh-video-player__custom-controls button {
		min-height: 38px;
		padding: 7px 9px;
	}

	.ihh-video-player__feedback {
		bottom: 8px;
		width: calc(100% - 16px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ihh-video-player__play,
	.ihh-video-player__spinner {
		transition: none;
		animation: none;
	}
}