Full width youtube, no shorts, unround by grollek

/* ==UserStyle==
@name           Full width youtube, no shorts, unround
@homepageURL    https://userstyles.world/style/19974/full-width-youtube-no-shorts-unround
@namespace      userstyles.world/user/sergio9929
@version        20241203.0.0
@description    Take advantage of your large screen


@preprocessor   stylus
@var            select      timeline    "Custom timeline"           {
  "Off*":                   "0",
  "Normal":                 "100",
  "Cinematic lighting":     "50",
  "Light cinematic":        "15",
}
@var            select      comments    "More readable comments"    {
  "Off":                    "0",
  "Recommended*":           "80rem",
  "Wide":                   "120ch",
}
@var            checkbox    fill-screen "Zoom to Fill full screen"  0
@var            checkbox    progress    "Solid progress bar"        0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch") {
	:root {
		--sergio-margin: var(--ytd-margin-3x);
	}
	.ytp-ce-shadow {
		outline-width: 100vw !important;
	}
	.ytp-chrome-bottom {
		@media (min-width: 1920px) {
			left: 6vw !important;
		}
		@media (min-width: 2560px) {
			left: 16.9vw !important;
		}
		bottom: -5px !important;
	}
	.no-scroll {
		.ytp-chrome-bottom {
			left: 1% !important;
			bottom: -5px !important;
		}
	}
	.ytp-ce-element.ytp-ce-video.ytp-ce-large-round.ytp-ce-bottom-left-quad.ytp-ce-size-1280.ytp-ce-element-show {
		left: 0.05% !important;
		top: 75% !important;
	}
	.ytp-ce-element.ytp-ce-video.ytp-ce-element-show.ytp-ce-large-round.ytp-ce-bottom-right-quad.ytp-ce-size-1280 {
		left: 80.5% !important;
		top: 75% !important;
	}
	.ytp-ce-element.ytp-ce-channel.ytp-ce-channel-this.ytp-ce-medium-round.ytp-ce-bottom-right-quad.ytp-ce-size-1280.ytp-ce-element-show {
		top: 70% !important;
	}

	#columns {
		width: 100% !important;
		max-width: 100% !important;
	}

	#primary {
		width: 100% !important;
		max-width: 100% !important;
	}
	#player {
		contain: layout;
	}
	#player-container-outer {
		width: 100% !important;
		max-width: 100% !important;
		max-height: calc(100vh - 100px) !important;
	}
	#player-container-inner #player-container {
		max-height: calc(100vh - 100px) !important;
	}
	#player-container-inner .html5-video-container video {
		width: 100% !important;
		height: auto !important;
		left: 0px !important;
		max-height: calc(100vh - 100px) !important;
	}
	#player-container-inner .ytp-tooltip.ytp-bottom {
		top: auto !important;
		bottom: 50px !important;
	}
	#player-container-inner .ytp-tooltip.ytp-bottom.ytp-preview:not(.ytp-text-detail) {
		bottom: 100px !important;
	}

	#player-container-inner .ytp-tooltip.ytp-bottom.ytp-preview.ytp-text-detail {
		bottom: 50px !important;
	}

	#movie_player .html5-main-video {
		object-fit: contain;
	}

	if fill-screen {
		#movie_player.ytp-fullscreen .html5-video-container {
			height: 100% !important;
		}

		#movie_player.ytp-fullscreen .html5-main-video {
			top: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover !important;
		}
	}
	if comments {
		#bottom-row.ytd-watch-metadata {
			flex-direction: column;
			margin-right: 0;
		}
		#bottom-row > .ytd-watch-metadata,
		#description-inner.ytd-watch-metadata,
		ytd-metadata-row-container-renderer,
		#expandable-metadata,
		#ticket-shelf,
		#merch-shelf,
		#comments {
			font-size: 15px;
			line-height: 1.5;
			max-width: comments;
			min-width: auto;
			display: block;
			margin-inline: auto;
			width: 100%;
		}
		#bottom-row > #description {
			max-width: 100%;
			padding-inline: 12px;
		}
		ytd-watch-metadata[has-teaser-carousel]:not([description-collapsed]) #teaser-carousel.ytd-watch-metadata {
			width: auto;
		}
		#info-container {
			margin-bottom: 1em;
		}
		#info-container .animated-rolling-number-wiz {
			font-size: 15px;
		}
		#content-text.ytd-comment-renderer {
			font-size: inherit;
		}
		#paid-comment-background.ytd-comment-renderer,
		#comment.ytd-comment-thread-renderer {
			border-radius: var(--sergio-margin);
		}
	}
	if timeline > 0 {
		@media (min-width: 1800px) {
			#player-container-inner .ytp-tooltip.ytp-bottom {
				bottom: 80px !important;
			}
			#player-container-inner .ytp-tooltip.ytp-bottom.ytp-preview:not(.ytp-text-detail) {
				bottom: 120px !important;
				margin-left: var(--sergio-margin) !important;
			}
			#player-container-inner .ytp-tooltip.ytp-bottom.ytp-preview.ytp-text-detail {
				bottom: 80px !important;
			}
			#player-container-inner .ytp-chrome-bottom {
				padding: var(--sergio-margin) !important;
				padding-bottom: 0 !important;
				background-color: hsla(0, 0%, 5.88%, timeline * 1%) !important;
				border-radius: var(--sergio-margin) !important;
				bottom: var(--sergio-margin) !important;
				if timeline < 100 {
					backdrop-filter: blur(timeline * 2px) !important;
				}
			}
			#player-container-inner .ytp-progress-bar-container {
				width: calc(100% - var(--sergio-margin) * 2);
				left: var(--sergio-margin);
			}
			#player-container-inner .ytp-left-controls {
				margin-left: calc(-1 * var(--sergio-margin));
			}
			#player-container-inner .ytp-right-controls {
				margin-right: calc(-1 * var(--sergio-margin));
			}
		}
	}
}
@-moz-document url-prefix("https://www.youtube.com") {
	if progress {
		#progress,
		.ytp-cairo-refresh-signature-moments .ytp-play-progress,
		.ytp-cairo-refresh .ytp-swatch-background-color {
			background: var(--yt-spec-static-brand-red) !important;
		}
	}
}
#ytd-player,
yt-chip-cloud-chip-renderer,
.YtSearchboxComponentInputBox,
.YtSearchboxComponentSearchButton,
ytd-thumbnail[size=large] a.ytd-thumbnail,
ytd-thumbnail[size=large],
#description.ytd-watch-metadata,
.ShortsLockupViewModelHostThumbnailContainerRounded,
ytd-thumbnail[size=medium] a.ytd-thumbnail,
ytp-videowall-still-round-large.ytp-videowall-still-image,
.html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar-thumb,
ytd-thumbnail[size=medium]::before {
	border-radius: 0px !important;
}
ytd-reel-shelf-renderer.style-scope.ytd-item-section-renderer,
ytd-rich-section-renderer,
ytd-channel-renderer {
	display: none !important;
}
.ytd-watch-flexy[flexy],
#primary.ytd-watch-flexy {
	margin-left: 5px !important;
}
#primary.ytd-watch-flexy {
	padding-right: 5px !important;
}
ytd-watch-flexy[default-layout]:not([no-top-margin]):not([reduced-top-margin]) #primary.ytd-watch-flexy,
ytd-watch-flexy[default-layout]:not([no-top-margin]):not([reduced-top-margin]) #secondary.ytd-watch-flexy {
	padding-top: 0px !important;
}
.ytd-watch-flexy[flexy],
#secondary.ytd-watch-flexy {
	padding-right: 10px !important;
}
#masthead-container.ytd-app,
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
	position: absolute !important;
}