Redgifs full height in watch page by hdyzen

/* ==UserStyle==
@name           Redgifs full height in watch page
@namespace      https://userstyles.world/user/hdyzen
@version        1.0
@description    Show player with full height in watch page
@author         hdyzen
@license 		MIT
==/UserStyle== */
@-moz-document url-prefix("https://www.redgifs.com/watch/") {
	.previewFeed:has(.Player.Player_isActive) {
		position: fixed !important;
		margin: 0 !important;
		inset: 0 !important;
		max-width: unset !important;
		overflow: hidden !important;

		> :not(.Player) {
			display: none !important;
		}
		> .Player {
			height: 100vh !important;
			max-height: unset !important;
			width: 100% !important;
			min-width: 100% !important;
			margin: 0 !important;
			position: relative !important;

			.Video-ProgressBar {
				bottom: 0 !important;
				transform: translateY(-18px)
			}

			video {
				z-index: 9 !important;
			}
		}
	}
	.App:has(.Player.Player_isActive) :is(.topNav, .ApplicationFooter, .Player-MetaInfo, .Player:not(.Player_isActive)) {
		display: none !important;
	}
}