.shaka-text-container > div {
	align-items: center !important;
}

.player-theme {
	font-family: var(--font) !important;
	color: var(--on-surface) !important;
}

.shaka-current-time {
	color: #fff !important;
	opacity: 1 !important;
}

.player-theme .shaka-video-container * {
	font-family: var(--font) !important;
	color: var(--on-surface) !important;
}

.player-theme .shaka-overflow-menu,
.player-theme .shaka-settings-menu {
	border-radius: 0.25rem;
	background: var(--surface-container-low);
	animation: none !important;
	transition: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 99999999 !important;
	pointer-events: auto !important;
	max-height: 400px;
}

.shaka-overflow-menu button,
.shaka-settings-menu button {
	color: var(--text) !important;
	border: none !important;
	outline: none !important;
}

@media screen and (max-width: 650px) {
	.player-theme .shaka-end-time {
		display: none;
	}

	.player-theme .chapter-marker {
		height: 8px;
	}

	.player-theme .shaka-overflow-menu,
	.player-theme .shaka-settings-menu {
		width: 100% !important;
		min-width: 100% !important;
		position: fixed !important;
		top: 70% !important;
		left: 50% !important;
		height: 50vh !important;
		transform: translate(-50%, -50%) !important;
		pointer-events: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		padding: 1rem 0.5rem !important;
		box-shadow: var(--elevate2);
		background-color: var(--surface-container);
		z-index: 40;
		inset: auto auto 0 0;
		inline-size: 100%;
		max-block-size: 50vh;
		max-inline-size: none !important;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 0.875rem;
		font-weight: 400;
		text-transform: none;
		color: var(--on-surface);
		line-height: normal;
		text-align: start;
		border-radius: 0.25rem;
		transition:
			all var(--speed2),
			0s background-color;
	}

	.player-theme .shaka-overflow-menu::before,
	.player-theme .shaka-settings-menu::before {
		content: '' !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background: transparent !important;
		pointer-events: auto !important;
	}

	.player-theme .shaka-overflow-menu:hover,
	.player-theme .shaka-settings-menu:hover {
		pointer-events: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	#shaka-container {
		z-index: 98 !important;
		pointer-events: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@media only screen and (width <=400px) {
	:deep(.shaka-text-container) {
		font-size: 16px !important;
	}

	.player-theme .shaka-overflow-menu,
	.player-theme .shaka-settings-menu {
		max-height: 80%;
		overflow-y: scroll;
	}
}
