.media-2026.top-container__wrapper-media {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	z-index: 0;
}

.media-2026 *,
.media-2026 *::before,
.media-2026 *::after {
	box-sizing: inherit;
}

.media-2026--container {
	margin-inline: auto;
	max-width: 1920px;
}

.media-2026 .media__main,
.media-2026 .media__container,
.media-2026 .media__wrapper,
.media-2026 .media__media {
	height: auto;
	max-width: none;
	padding: 0;
	position: relative;
	width: 100%;
}

.media-2026 .media__main {
	display: block;
	overflow: hidden;
}

.media-2026__picture,
.media-2026__image,
.media-2026__video {
	display: block;
	width: 100%;
}

.media-2026__picture,
.media-2026__video-wrap {
	aspect-ratio: 3 / 4;
	background: #121416;
	overflow: hidden;
	position: relative;
}

.media-2026__image,
.media-2026__video {
	height: 100%;
	object-fit: cover;
	object-position: var(--media-object-position, center center);
}

.media-2026__center-control,
.media-2026__play-control,
.media-2026__mute-control {
	appearance: none;
	background-color: rgba(0, 0, 0, 0.6);
	border: 0;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: grid;
	place-items: center;
}

.media-2026__center-control {
	background-color: transparent;
	height: 100px;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 180ms ease, background-color 180ms ease;
	width: 100px;
}

.media-2026__center-control svg {
	height: 100px;
	width: 100px;
}

.media-2026__play-control:hover,
.media-2026__mute-control:hover {
	background-color: #002c5f;
}

.media-2026__center-control:hover {
	background-color: transparent;
	opacity: 0.8;
}

.media-2026.has-started .media-2026__center-control {
	opacity: 0;
	pointer-events: none;
}

.media-2026__controls {
	bottom: 0;
	display: flex;
	gap: 10px;
	left: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
	z-index: 2;
}

.media-2026.has-started .media-2026__controls {
	opacity: 1;
	pointer-events: auto;
}

.media-2026__progress {
	accent-color: #fff;
	bottom: 0;
	cursor: pointer;
	height: 4px;
	left: 0;
	margin: 0;
	position: absolute;
	width: 100%;
}

.media-2026__play-control,
.media-2026__mute-control {
	height: 40px;
	padding: 0;
	position: relative;
	width: 40px;
}

.media-2026__play-control {
	margin-left: auto;
}

.media-2026__icon {
	height: 24px;
	width: 24px;
}

.media-2026__icon--pause,
.media-2026__icon--muted {
	display: none;
}

.media-2026.is-playing .media-2026__icon--play,
.media-2026.is-muted .media-2026__icon--sound {
	display: none;
}

.media-2026.is-playing .media-2026__icon--pause,
.media-2026.is-muted .media-2026__icon--muted {
	display: block;
}

.media-2026__empty {
	background: #eaeaeb;
	font-family: "hyundai", sans-serif;
	margin: 0;
	padding: 48px 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.media-2026__picture,
	.media-2026__video-wrap {
		aspect-ratio: 16 / 9;
	}
}

@media (prefers-reduced-motion: reduce) {
	.media-2026__center-control {
		transition: none;
	}
}