.gm-video-player {
	background: #000;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 180ms ease;
	z-index: 4;
}

.gm-video-player.is-active {
	opacity: 1;
	pointer-events: auto;
}

.gm-video-player__media {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.gm-video-player__close {
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 2.5rem;
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 2.5rem;
	z-index: 3;
}

.gm-video-player__close::before,
.gm-video-player__close::after {
	background: #fff;
	content: "";
	height: 0.08rem;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 1.1rem;
}

.gm-video-player__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.gm-video-player__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.gm-video-player__controls {
	align-items: center;
	bottom: 2rem;
	display: grid;
	gap: 1rem;
	grid-template-columns: 2rem 2rem 1fr 2rem;
	left: 3.5rem;
	position: absolute;
	right: 3.5rem;
	z-index: 3;
}

.gm-video-player__toggle,
.gm-video-player__mute,
.gm-video-player__fullscreen {
	background: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 2rem;
	padding: 0;
	position: relative;
	width: 2rem;
}

.gm-video-player__toggle-icon {
	border-bottom: 0.55rem solid transparent;
	border-left: 0.8rem solid #fff;
	border-top: 0.55rem solid transparent;
	display: block;
	margin-left: 0.65rem;
}

.gm-video-player.is-playing .gm-video-player__toggle-icon {
	border: 0;
	display: flex;
	gap: 0.28rem;
	height: 1.05rem;
	margin-left: 0.5rem;
	width: 0.9rem;
}

.gm-video-player.is-playing .gm-video-player__toggle-icon::before,
.gm-video-player.is-playing .gm-video-player__toggle-icon::after {
	background: #fff;
	content: "";
	display: block;
	flex: 1;
}

.gm-video-player__mute::before {
	border-bottom: 0.45rem solid transparent;
	border-right: 0.65rem solid #fff;
	border-top: 0.45rem solid transparent;
	content: "";
	left: 0.25rem;
	position: absolute;
	top: 0.55rem;
}

.gm-video-player__mute::after {
	background: #fff;
	content: "";
	height: 0.9rem;
	left: 0.9rem;
	position: absolute;
	top: 0.55rem;
	width: 0.12rem;
}

.gm-video-player.is-muted .gm-video-player__mute {
	opacity: 0.45;
}

.gm-video-player__timeline {
	background: rgba(255, 255, 255, 0.28);
	height: 0.1rem;
	position: relative;
}

.gm-video-player__seek {
	cursor: pointer;
	height: 1.6rem;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.gm-video-player__progress {
	background: #fff;
	display: block;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	width: 100%;
}

.gm-video-player__fullscreen::before,
.gm-video-player__fullscreen::after {
	border-color: #fff;
	border-style: solid;
	content: "";
	height: 0.55rem;
	position: absolute;
	width: 0.55rem;
}

.gm-video-player__fullscreen::before {
	border-width: 0.1rem 0.1rem 0 0;
	right: 0.3rem;
	top: 0.3rem;
}

.gm-video-player__fullscreen::after {
	border-width: 0 0 0.1rem 0.1rem;
	bottom: 0.3rem;
	left: 0.3rem;
}